ml-uikit 1.1.7 → 1.1.8

package/dist/index.es34.js

@@ -1,188 +1,203 @@
-import * as a from "react";
-import { Slot as m } from "@radix-ui/react-slot";
-import { cva as i } from "class-variance-authority";
-import { cn as r } from "./index.es60.js";
-import { Separator as d } from "./index.es46.js";
-function x({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
+import { j as e } from "./index.es62.js";
+import * as o from "react";
+import { Globe as R, ChevronDown as U, Check as G } from "lucide-react";
+import * as L from "./index.es64.js";
+import { cn as r } from "./index.es63.js";
+import { Command as M, CommandInput as Y, CommandList as $, CommandEmpty as B, CommandGroup as D, CommandItem as H } from "./index.es19.js";
+import { Popover as V, PopoverTrigger as q, PopoverContent as z } from "./index.es43.js";
+import { PHONE_COUNTRY_OPTIONS as J } from "./index.es35.js";
+const K = J, Q = L, W = (s) => {
+  const c = Array.from(s);
+  if (c.length !== 2)
+    return null;
+  const n = c.map((a) => {
+    const l = a.codePointAt(0);
+    return !l || l < 127462 || l > 127487 ? null : String.fromCharCode(l - 127462 + 65);
+  });
+  return n.some((a) => a === null) ? null : n.join("");
+}, N = ({
+  flag: s,
+  className: c
+}) => {
+  const n = o.useMemo(
+    () => W(s),
+    [s]
+  ), a = n ? Q[n] : void 0;
+  return a ? /* @__PURE__ */ e.jsx(
+    a,
     {
-      role: "list",
-      "data-slot": "item-group",
-      className: r("group/item-group flex flex-col", t),
-      ...e
+      "aria-hidden": "true",
+      className: r("h-3.5 w-5 shrink-0 rounded-[2px] object-cover", c)
     }
-  );
-}
-function b({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a.createElement(
-    d,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: r("my-0", t),
-      ...e
-    }
-  );
-}
-const c = i(
-  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border-border",
-        muted: "bg-muted/50"
+  ) : /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", className: c, children: s });
+}, X = o.forwardRef(
+  ({
+    className: s,
+    inputClassName: c,
+    label: n = "Phone number",
+    helperText: a,
+    error: l,
+    country: i,
+    defaultCountry: k,
+    countryOptions: x = K,
+    onCountryChange: f,
+    disabled: d,
+    type: C = "tel",
+    onFocus: v,
+    onBlur: y,
+    placeholder: S = "Enter phone number",
+    ...m
+  }, P) => {
+    const [h, b] = o.useState(!1), [I, g] = o.useState(!1), [O, F] = o.useState(
+      k
+    ), u = i ?? O, p = o.useMemo(
+      () => x.find((t) => t.value === u),
+      [x, u]
+    ), E = o.useCallback(
+      (t) => {
+        i === void 0 && F(t.value), f?.(t), b(!1);
       },
-      size: {
-        default: "gap-4 p-4 ",
-        sm: "gap-2.5 px-4 py-3"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function E({
-  className: t,
-  variant: e = "default",
-  size: n = "default",
-  asChild: o = !1,
-  ...s
-}) {
-  const l = o ? m : "div";
-  return /* @__PURE__ */ a.createElement(
-    l,
-    {
-      "data-slot": "item",
-      "data-variant": e,
-      "data-size": n,
-      className: r(c({ variant: e, size: n, className: t })),
-      ...s
-    }
-  );
-}
-const u = i(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+      [i, f]
+    ), T = m["aria-invalid"] === !0 || m["aria-invalid"] === "true", A = !!l || T, w = h || I;
+    return /* @__PURE__ */ e.jsxs("div", { className: r("flex w-full flex-col items-start gap-1", s), children: [
+      n ? /* @__PURE__ */ e.jsx("p", { className: "w-full text-[14px] font-medium leading-[20px] text-black", children: n }) : null,
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: r(
+            "flex h-10 w-full items-stretch overflow-hidden rounded-[8px] border bg-white transition-colors",
+            d ? "border-[#e6e6e6] bg-[#f2f2f2]" : A ? "border-[#ff3b30]" : w ? "border-[#1d1c20]" : "border-[#e6e6e6]"
+          ),
+          children: [
+            /* @__PURE__ */ e.jsxs(
+              V,
+              {
+                open: h,
+                onOpenChange: (t) => {
+                  d || b(t);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(q, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: d,
+                      "aria-label": "Select country",
+                      className: r(
+                        "flex h-full shrink-0 items-center gap-1 px-2 text-[14px] leading-[20px] outline-none transition-colors",
+                        p ? w ? "bg-white" : "bg-[#fafafa]" : "bg-white",
+                        d && "bg-[#f2f2f2] text-[#b3b3b3]"
+                      ),
+                      children: [
+                        p ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                          /* @__PURE__ */ e.jsx(N, { flag: p.flag }),
+                          /* @__PURE__ */ e.jsx("span", { className: "font-normal text-black", children: p.label })
+                        ] }) : /* @__PURE__ */ e.jsx(R, { className: "h-4 w-4 text-[#adacb0]" }),
+                        /* @__PURE__ */ e.jsx(U, { className: "h-4 w-4 text-[#adacb0]" })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ e.jsx(
+                    z,
+                    {
+                      align: "start",
+                      sideOffset: 8,
+                      className: "w-[240px] rounded-[8px] border border-[#e6e6e6] bg-white p-0 shadow-[0px_2px_4px_0px_rgba(19,25,39,0.12),0px_4px_4px_0px_rgba(19,25,39,0.08)]",
+                      children: /* @__PURE__ */ e.jsxs(
+                        M,
+                        {
+                          className: r(
+                            "rounded-[8px] bg-white",
+                            "[&_[cmdk-input-wrapper]]:mx-2 [&_[cmdk-input-wrapper]]:mb-1 [&_[cmdk-input-wrapper]]:mt-2 [&_[cmdk-input-wrapper]]:h-8 [&_[cmdk-input-wrapper]]:rounded-[4px] [&_[cmdk-input-wrapper]]:border [&_[cmdk-input-wrapper]]:border-[#e6e6e6] [&_[cmdk-input-wrapper]]:px-3",
+                            "[&_[cmdk-input-wrapper]_svg]:mr-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-input-wrapper]_svg]:text-[#adacb0]",
+                            "[&_[cmdk-input]]:h-full [&_[cmdk-input]]:py-0 [&_[cmdk-input]]:text-[14px] [&_[cmdk-input]]:leading-[20px] [&_[cmdk-input]]:text-black [&_[cmdk-input]]:placeholder:text-[#adacb0]"
+                          ),
+                          children: [
+                            /* @__PURE__ */ e.jsx(Y, { placeholder: "Search country" }),
+                            /* @__PURE__ */ e.jsxs($, { className: "max-h-56 px-1 pb-1", children: [
+                              /* @__PURE__ */ e.jsx(B, { className: "px-3 py-2 text-left text-[12px] leading-[16px] text-[#7f7d83]", children: "No country found" }),
+                              /* @__PURE__ */ e.jsx(D, { className: "p-0", children: x.map((t) => {
+                                const _ = t.value === u, j = t.name || t.label;
+                                return /* @__PURE__ */ e.jsxs(
+                                  H,
+                                  {
+                                    value: `${t.label} ${j} ${t.dialCode}`,
+                                    onSelect: () => E(t),
+                                    className: r(
+                                      "flex w-full cursor-pointer items-center gap-2 rounded-[4px] px-3 py-2 text-[14px] leading-[20px] text-black",
+                                      "data-[selected=true]:bg-[#fafafa] data-[selected=true]:text-black",
+                                      _ && "bg-[#fafafa]"
+                                    ),
+                                    children: [
+                                      /* @__PURE__ */ e.jsx(N, { flag: t.flag }),
+                                      /* @__PURE__ */ e.jsx("span", { className: "min-w-0 flex-1 truncate", children: j }),
+                                      t.dialCode ? /* @__PURE__ */ e.jsx("span", { className: "text-[#7f7d83]", children: t.dialCode }) : null,
+                                      /* @__PURE__ */ e.jsx(
+                                        G,
+                                        {
+                                          className: r(
+                                            "h-4 w-4 text-[#1d1c20]",
+                                            _ ? "opacity-100" : "opacity-0"
+                                          )
+                                        }
+                                      )
+                                    ]
+                                  },
+                                  t.value
+                                );
+                              }) })
+                            ] })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: r(
+                  "flex min-w-0 flex-1 items-center gap-2 border-l border-[#e6e6e6] bg-white px-3 py-2",
+                  d && "bg-[#f2f2f2]"
+                ),
+                children: [
+                  p?.dialCode ? /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[14px] leading-[20px] text-[#7f7d83]", children: p.dialCode }) : null,
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      ref: P,
+                      disabled: d,
+                      placeholder: S,
+                      onFocus: (t) => {
+                        g(!0), v?.(t);
+                      },
+                      onBlur: (t) => {
+                        g(!1), y?.(t);
+                      },
+                      className: r(
+                        "h-full w-full min-w-0 border-0 bg-transparent p-0 text-[14px] leading-[20px] text-black outline-none placeholder:text-[#adacb0]",
+                        d && "cursor-not-allowed text-[#9ca3af] placeholder:text-[#b3b3b3]",
+                        c
+                      ),
+                      type: C,
+                      ...m
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      l ? /* @__PURE__ */ e.jsx("p", { className: "w-full text-[12px] leading-[16px] text-[#ff3b30]", children: l }) : a ? /* @__PURE__ */ e.jsx("p", { className: "w-full text-[12px] leading-[16px] text-[#7f7d83]", children: a }) : null
+    ] });
   }
 );
-function I({
-  className: t,
-  variant: e = "default",
-  ...n
-}) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": e,
-      className: r(u({ variant: e, className: t })),
-      ...n
-    }
-  );
-}
-function N({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: r(
-        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function h({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: r(
-        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: r(
-        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: r("flex items-center gap-2", t),
-      ...e
-    }
-  );
-}
-function w({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: r(
-        "flex basis-full items-center justify-between gap-2",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function j({ className: t, ...e }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: r(
-        "flex basis-full items-center justify-between gap-2",
-        t
-      ),
-      ...e
-    }
-  );
-}
+X.displayName = "PhoneInput";
 export {
-  E as Item,
-  y as ItemActions,
-  N as ItemContent,
-  z as ItemDescription,
-  j as ItemFooter,
-  x as ItemGroup,
-  w as ItemHeader,
-  I as ItemMedia,
-  b as ItemSeparator,
-  h as ItemTitle
+  K as DEFAULT_COUNTRY_OPTIONS,
+  X as PhoneInput
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\"group/item-group flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-0\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n      },\n      size: {\n        default: \"gap-4 p-4 \",\n        sm: \"gap-2.5 px-4 py-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"div\"\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm font-medium leading-snug\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n"],"names":["ItemGroup","className","props","React","cn","ItemSeparator","Separator","itemVariants","cva","Item","variant","size","asChild","Comp","Slot","itemMediaVariants","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/phone-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Check, ChevronDown, Globe } from \"lucide-react\"\nimport * as CountryFlags from \"country-flag-icons/react/3x2\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/ui/command\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\n\nimport {\n  PHONE_COUNTRY_OPTIONS,\n  type PhoneCountryOption,\n} from \"./phone-countries\"\n\nconst DEFAULT_COUNTRY_OPTIONS = PHONE_COUNTRY_OPTIONS\ntype FlagComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>\n\nconst COUNTRY_FLAG_COMPONENTS = CountryFlags as Record<string, FlagComponent>\n\nexport interface PhoneInputProps\n  extends Omit<React.ComponentProps<\"input\">, \"className\"> {\n  className?: string\n  inputClassName?: string\n  label?: string\n  helperText?: string\n  error?: string\n  country?: string\n  defaultCountry?: string\n  countryOptions?: PhoneCountryOption[]\n  onCountryChange?: (country: PhoneCountryOption) => void\n}\n\nconst getCountryCodeFromFlagEmoji = (flag: string): string | null => {\n  const symbols = Array.from(flag)\n  if (symbols.length !== 2) {\n    return null\n  }\n\n  const letters = symbols.map((symbol) => {\n    const codePoint = symbol.codePointAt(0)\n    if (!codePoint || codePoint < 0x1f1e6 || codePoint > 0x1f1ff) {\n      return null\n    }\n    return String.fromCharCode(codePoint - 0x1f1e6 + 65)\n  })\n\n  if (letters.some((letter) => letter === null)) {\n    return null\n  }\n\n  return letters.join(\"\")\n}\n\nconst FlagIcon = ({\n  flag,\n  className,\n}: {\n  flag: string\n  className?: string\n}) => {\n  const countryCode = React.useMemo(\n    () => getCountryCodeFromFlagEmoji(flag),\n    [flag]\n  )\n  const SvgFlag = countryCode ? COUNTRY_FLAG_COMPONENTS[countryCode] : undefined\n\n  if (SvgFlag) {\n    return (\n      <SvgFlag\n        aria-hidden=\"true\"\n        className={cn(\"h-3.5 w-5 shrink-0 rounded-[2px] object-cover\", className)}\n      />\n    )\n  }\n\n  return (\n    <span aria-hidden=\"true\" className={className}>\n      {flag}\n    </span>\n  )\n}\n\nconst PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n  (\n    {\n      className,\n      inputClassName,\n      label = \"Phone number\",\n      helperText,\n      error,\n      country,\n      defaultCountry,\n      countryOptions = DEFAULT_COUNTRY_OPTIONS,\n      onCountryChange,\n      disabled,\n      type = \"tel\",\n      onFocus,\n      onBlur,\n      placeholder = \"Enter phone number\",\n      ...props\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false)\n    const [isInputFocused, setIsInputFocused] = React.useState(false)\n    const [uncontrolledCountry, setUncontrolledCountry] = React.useState(\n      defaultCountry\n    )\n\n    const selectedCountryValue = country ?? uncontrolledCountry\n\n    const selectedCountry = React.useMemo(\n      () =>\n        countryOptions.find((option) => option.value === selectedCountryValue),\n      [countryOptions, selectedCountryValue]\n    )\n\n    const handleCountrySelect = React.useCallback(\n      (option: PhoneCountryOption) => {\n        if (country === undefined) {\n          setUncontrolledCountry(option.value)\n        }\n        onCountryChange?.(option)\n        setOpen(false)\n      },\n      [country, onCountryChange]\n    )\n\n    const isAriaInvalid =\n      props[\"aria-invalid\"] === true || props[\"aria-invalid\"] === \"true\"\n    const hasError = Boolean(error) || isAriaInvalid\n    const isActive = open || isInputFocused\n\n    return (\n      <div className={cn(\"flex w-full flex-col items-start gap-1\", className)}>\n        {label ? (\n          <p className=\"w-full text-[14px] font-medium leading-[20px] text-black\">\n            {label}\n          </p>\n        ) : null}\n\n        <div\n          className={cn(\n            \"flex h-10 w-full items-stretch overflow-hidden rounded-[8px] border bg-white transition-colors\",\n            disabled\n              ? \"border-[#e6e6e6] bg-[#f2f2f2]\"\n              : hasError\n                ? \"border-[#ff3b30]\"\n                : isActive\n                  ? \"border-[#1d1c20]\"\n                  : \"border-[#e6e6e6]\"\n          )}\n        >\n          <Popover\n            open={open}\n            onOpenChange={(nextOpen) => {\n              if (disabled) {\n                return\n              }\n              setOpen(nextOpen)\n            }}\n          >\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                disabled={disabled}\n                aria-label=\"Select country\"\n                className={cn(\n                  \"flex h-full shrink-0 items-center gap-1 px-2 text-[14px] leading-[20px] outline-none transition-colors\",\n                  selectedCountry\n                    ? isActive\n                      ? \"bg-white\"\n                      : \"bg-[#fafafa]\"\n                    : \"bg-white\",\n                  disabled && \"bg-[#f2f2f2] text-[#b3b3b3]\"\n                )}\n              >\n                {selectedCountry ? (\n                  <>\n                    <FlagIcon flag={selectedCountry.flag} />\n                    <span className=\"font-normal text-black\">\n                      {selectedCountry.label}\n                    </span>\n                  </>\n                ) : (\n                  <Globe className=\"h-4 w-4 text-[#adacb0]\" />\n                )}\n                <ChevronDown className=\"h-4 w-4 text-[#adacb0]\" />\n              </button>\n            </PopoverTrigger>\n\n            <PopoverContent\n              align=\"start\"\n              sideOffset={8}\n              className=\"w-[240px] rounded-[8px] border border-[#e6e6e6] bg-white p-0 shadow-[0px_2px_4px_0px_rgba(19,25,39,0.12),0px_4px_4px_0px_rgba(19,25,39,0.08)]\"\n            >\n              <Command\n                className={cn(\n                  \"rounded-[8px] bg-white\",\n                  \"[&_[cmdk-input-wrapper]]:mx-2 [&_[cmdk-input-wrapper]]:mb-1 [&_[cmdk-input-wrapper]]:mt-2 [&_[cmdk-input-wrapper]]:h-8 [&_[cmdk-input-wrapper]]:rounded-[4px] [&_[cmdk-input-wrapper]]:border [&_[cmdk-input-wrapper]]:border-[#e6e6e6] [&_[cmdk-input-wrapper]]:px-3\",\n                  \"[&_[cmdk-input-wrapper]_svg]:mr-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-input-wrapper]_svg]:text-[#adacb0]\",\n                  \"[&_[cmdk-input]]:h-full [&_[cmdk-input]]:py-0 [&_[cmdk-input]]:text-[14px] [&_[cmdk-input]]:leading-[20px] [&_[cmdk-input]]:text-black [&_[cmdk-input]]:placeholder:text-[#adacb0]\"\n                )}\n              >\n                <CommandInput placeholder=\"Search country\" />\n                <CommandList className=\"max-h-56 px-1 pb-1\">\n                  <CommandEmpty className=\"px-3 py-2 text-left text-[12px] leading-[16px] text-[#7f7d83]\">\n                    No country found\n                  </CommandEmpty>\n                  <CommandGroup className=\"p-0\">\n                    {countryOptions.map((option) => {\n                      const isSelected = option.value === selectedCountryValue\n                      const optionName = option.name || option.label\n\n                      return (\n                        <CommandItem\n                          key={option.value}\n                          value={`${option.label} ${optionName} ${option.dialCode}`}\n                          onSelect={() => handleCountrySelect(option)}\n                          className={cn(\n                            \"flex w-full cursor-pointer items-center gap-2 rounded-[4px] px-3 py-2 text-[14px] leading-[20px] text-black\",\n                            \"data-[selected=true]:bg-[#fafafa] data-[selected=true]:text-black\",\n                            isSelected && \"bg-[#fafafa]\"\n                          )}\n                        >\n                          <FlagIcon flag={option.flag} />\n                          <span className=\"min-w-0 flex-1 truncate\">{optionName}</span>\n                          {option.dialCode ? (\n                            <span className=\"text-[#7f7d83]\">{option.dialCode}</span>\n                          ) : null}\n                          <Check\n                            className={cn(\n                              \"h-4 w-4 text-[#1d1c20]\",\n                              isSelected ? \"opacity-100\" : \"opacity-0\"\n                            )}\n                          />\n                        </CommandItem>\n                      )\n                    })}\n                  </CommandGroup>\n                </CommandList>\n              </Command>\n            </PopoverContent>\n          </Popover>\n\n          <div\n            className={cn(\n              \"flex min-w-0 flex-1 items-center gap-2 border-l border-[#e6e6e6] bg-white px-3 py-2\",\n              disabled && \"bg-[#f2f2f2]\"\n            )}\n          >\n            {selectedCountry?.dialCode ? (\n              <span className=\"shrink-0 text-[14px] leading-[20px] text-[#7f7d83]\">\n                {selectedCountry.dialCode}\n              </span>\n            ) : null}\n            <input\n              ref={ref}\n              disabled={disabled}\n              placeholder={placeholder}\n              onFocus={(event) => {\n                setIsInputFocused(true)\n                onFocus?.(event)\n              }}\n              onBlur={(event) => {\n                setIsInputFocused(false)\n                onBlur?.(event)\n              }}\n              className={cn(\n                \"h-full w-full min-w-0 border-0 bg-transparent p-0 text-[14px] leading-[20px] text-black outline-none placeholder:text-[#adacb0]\",\n                disabled &&\n                  \"cursor-not-allowed text-[#9ca3af] placeholder:text-[#b3b3b3]\",\n                inputClassName\n              )}\n              type={type}\n              {...props}\n            />\n          </div>\n        </div>\n\n        {error ? (\n          <p className=\"w-full text-[12px] leading-[16px] text-[#ff3b30]\">{error}</p>\n        ) : helperText ? (\n          <p className=\"w-full text-[12px] leading-[16px] text-[#7f7d83]\">\n            {helperText}\n          </p>\n        ) : null}\n      </div>\n    )\n  }\n)\n\nPhoneInput.displayName = \"PhoneInput\"\n\nexport { PhoneInput, DEFAULT_COUNTRY_OPTIONS }\nexport type { PhoneCountryOption }\n"],"names":["DEFAULT_COUNTRY_OPTIONS","PHONE_COUNTRY_OPTIONS","COUNTRY_FLAG_COMPONENTS","CountryFlags","getCountryCodeFromFlagEmoji","flag","symbols","letters","symbol","codePoint","letter","FlagIcon","className","countryCode","React","SvgFlag","jsx","cn","PhoneInput","inputClassName","label","helperText","error","country","defaultCountry","countryOptions","onCountryChange","disabled","type","onFocus","onBlur","placeholder","props","ref","open","setOpen","isInputFocused","setIsInputFocused","uncontrolledCountry","setUncontrolledCountry","selectedCountryValue","selectedCountry","option","handleCountrySelect","isAriaInvalid","hasError","isActive","jsxs","Popover","nextOpen","PopoverTrigger","Fragment","Globe","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","isSelected","optionName","CommandItem","Check","event"],"mappings":"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"}