@algenium/blocks 1.16.0 → 1.16.1

package/dist/index.js

@@ -10276,13 +10276,14 @@ function Input({ className, type, ...props }) {
     }
   );
 }
+var phoneInputGroupClass = "flex h-9 w-full gap-0 overflow-hidden rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] [--PhoneInputCountrySelect-marginRight:0] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 dark:bg-input/30 [&_.PhoneInputCountry]:mr-0";
 var PhoneInput = React7.forwardRef(
   ({ className, onChange, value, defaultCountry = "MX", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       RPNInput.default,
       {
         ref,
-        className: cn("flex", className),
+        className: cn(phoneInputGroupClass, className),
         flagComponent: FlagComponent,
         countrySelectComponent: CountrySelect,
         inputComponent: InputComponent,
@@ -10299,7 +10300,10 @@ PhoneInput.displayName = "PhoneInput";
 var InputComponent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Input,
   {
-    className: cn("rounded-e-lg rounded-s-none", className),
+    className: cn(
+      "h-9 min-h-0 rounded-none border-0 bg-transparent shadow-none focus-visible:border-transparent focus-visible:ring-0 dark:bg-transparent",
+      className
+    ),
     ...props,
     ref
   }
@@ -10328,8 +10332,8 @@ var CountrySelect = ({
           Button,
           {
             type: "button",
-            variant: "outline",
-            className: "flex gap-1 rounded-e-none rounded-s-lg border-r-0 px-3 focus:z-10",
+            variant: "ghost",
+            className: "h-9 shrink-0 gap-1 rounded-none border-0 border-r border-input px-2.5 shadow-none hover:bg-muted/50 focus:z-10",
             disabled,
             children: [
               /* @__PURE__ */ jsx(