fix: correctly propagate inputstyle through props (#96)

* fix: correctly propagate inputstyle through props

* fix: adjust label class for full width in Input component

Author: hugolxt

src/components/extenders/PaginatedSelect.tsx

@@ -248,7 +248,7 @@ export default function PaginatedSelect({
               type={"string"}
               state={[search, onSearch]}
               placeholder={"Search a token"}
-              className="w-full h-[fit-content]"
+              className={mergeClass(base(), "w-full h-[fit-content]")}
               size="lg"
               prefix={<Icon remix="RiSearch2Line" />}
             />

src/components/primitives/Input.tsx

@@ -66,8 +66,8 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
   const { header, footer, prefix, suffix, label, hint, error, ...rest } = props;
   if (extensions.some(extension => !!props?.[extension]))
     return (
-      <Group className={mergeClass("flex-col", className)} size={"xs"}>
-        <label className={mergeClass(inputStyles({ look, size }), className, "flex-col flex")} htmlFor="input">
+      <Group className={mergeClass(inputStyles({ look, size }), "flex-col", className)} size={"xs"}>
+        <label className={mergeClass(className, "w-full flex-col flex")} htmlFor="input">
           {header && (
             <label htmlFor="input" className="w-full flex">
               {header}