Feat: v1_complate

Author: mini0192

src/basic-ui/miniBox.tsx

@@ -38,7 +38,6 @@ export const MiniBox = ({
   ...props
 }: MiniBoxProps) => {
   const animation: Variants = mergeVariants(uiMotion, uiHover);
-  const baseStyle = `${uiSizeStyle[uiSize]} ${uiStyle[ui]}`;
 
   return (
     <fk.div
@@ -47,10 +46,10 @@ export const MiniBox = ({
       whileHover={animation ? "whileHover" : undefined}
       whileInView={animation ? "visible" : undefined}
       viewport={viewport}
-      className={`${baseStyle} ${className}`}
+      className={`${uiSizeStyle[uiSize]} ${uiStyle[ui]} ${className}`}
       {...props}
     >
       {children}
     </fk.div>
   );
-}
+};

src/basic-ui/miniButton.tsx

@@ -40,7 +40,6 @@ export const MiniButton = ({
   ...props
 }: ButtonProps) => {
   const animation: Variants = mergeVariants(uiMotion, uiHover);
-  const baseStyle = `${uiSizeStyle[uiSize]} ${uiStyle[ui]} font-semibold`;
 
   return (
     <fk.button
@@ -49,7 +48,7 @@ export const MiniButton = ({
       whileHover={animation ? "whileHover" : undefined}
       whileInView={animation ? "visible" : undefined}
       viewport={viewport}
-      className={`${baseStyle} ${className}`}
+      className={`${uiSizeStyle[uiSize]} ${uiStyle[ui]} ${className}`}
       {...props}
     >
       {children}

src/basic-ui/miniInput.tsx

@@ -38,7 +38,6 @@ export const MiniInput = ({
   ...props
 }: InputProps) => {
   const animation: Variants = mergeVariants(motion, hover);
-  const baseStyle = "";
 
   return (
     <div>
@@ -53,7 +52,7 @@ export const MiniInput = ({
         whileHover={animation ? "whileHover" : undefined}
         whileInView={animation ? "visible" : undefined}
         viewport={viewport}
-        className={`${baseStyle} ${uiStyle[ui]} ${uiSizeStyle[uiSize]} ${className}`}
+        className={`${uiStyle[ui]} ${uiSizeStyle[uiSize]} ${className}`}
         {...props}
       />
     </div>

src/basic-ui/miniTextarea.tsx

@@ -38,7 +38,6 @@ export const MiniTextarea = ({
   ...props
 }: InputProps) => {
   const animation: Variants = mergeVariants(motion, hover);
-  const baseStyle = "";
 
   return (
     <div>
@@ -53,7 +52,7 @@ export const MiniTextarea = ({
         whileHover={animation ? "whileHover" : undefined}
         whileInView={animation ? "visible" : undefined}
         viewport={viewport}
-        className={`${baseStyle} ${uiStyle[ui]} ${uiSizeStyle[uiSize]} ${className}`}
+        className={`${uiStyle[ui]} ${uiSizeStyle[uiSize]} ${className}`}
         {...props}
       />
     </div>