fix: Adjust sizing btw select && inputs on xs, sm, md, lg, xl (#97)

Author: hugolxt

src/components/extenders/Select.tsx

@@ -55,36 +55,36 @@ export const selectStyles = tv({
     },
     size: {
       xs: {
-        base: "text-xs",
-        value: "px-sm*2 py-xs*2",
+        base: "text-xs py-xs*2 rounded-xs",
+        value: "px-xs",
         icon: "text-sm",
         item: "px-md text-xs",
         prefixLabel: "text-xs",
       },
       sm: {
-        base: "text-sm",
-        value: "px-md py-sm",
+        base: "text-sm px-sm py-sm rounded-sm",
+        value: "py-sm",
         icon: "text-base",
         item: "px-md text-sm",
         prefixLabel: "text-sm",
       },
       md: {
-        base: "text-md",
+        base: "text-md rounded-md",
         value: "px-md text-md py-md",
         icon: "text-lg",
         item: "px-md text-md",
         prefixLabel: "text-sm",
       },
       lg: {
-        base: "text-lg",
-        value: "px-xl/2 py-lg",
+        base: "text-lg py-sm*2 rounded-lg",
+        value: "px-lg py-sm",
         icon: "text-xl",
         item: "px-lg text-lg",
         prefixLabel: "text-base",
       },
       xl: {
-        base: "text-xl",
-        value: "px-sm*2 py-lg",
+        base: "text-3xl py-md*2 rounded-xl",
+        value: "px-lg py-xs",
         icon: "text-xl",
         item: "px-xl text-xl",
         prefixLabel: "text-lg",

src/components/primitives/Input.tsx

@@ -96,7 +96,7 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
             </label>
           )}
         </label>
-        <Group>{error}</Group>
+        {!!error && <Group>{error}</Group>}
       </Group>
     );
   return (
@@ -108,7 +108,7 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
         onChange={e => state?.[1]?.(e?.target?.value)}
         {...rest}
       />
-      <Group className="flex-col">{error}</Group>{" "}
+      {!!error && <Group className="flex-col">{error}</Group>}
     </Group>
   );
 }