@clasing/ui 0.1.123 → 0.1.125

package/dist/components/multi-select.es.js

@@ -0,0 +1,233 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import { B as I } from "../badge-BnerQ2lF.js";
+import { C as k, f as z, d as O, b as R, c as A, e as _, g as W } from "../command-BGCSJ9vX.js";
+import { P as F, b as G, c as B } from "../popover-BoDRCUh2.js";
+import { c as S } from "../index-CRiPKpXj.js";
+import { createContext as L, useState as j, useCallback as E, useEffect as b, useRef as v, useLayoutEffect as T, useContext as X } from "react";
+import { I as C } from "../icon-component-BZ-4FDV6.js";
+const V = L(null);
+function Y({
+  children: e,
+  values: n,
+  defaultValues: s,
+  onValuesChange: i
+}) {
+  const [x, d] = j(!1), [g, m] = j(
+    new Set(n ?? s)
+  ), [w, p] = j(/* @__PURE__ */ new Map());
+  function y(c) {
+    const r = (l) => {
+      const a = new Set(l);
+      return a.has(c) ? a.delete(c) : a.add(c), a;
+    };
+    m(r), i?.([...r(g)]);
+  }
+  const f = E((c, r) => {
+    p((l) => l.get(c) === r ? l : new Map(l).set(c, r));
+  }, []);
+  return /* @__PURE__ */ t.jsx(
+    V,
+    {
+      value: {
+        open: x,
+        setOpen: d,
+        selectedValues: n ? new Set(n) : g,
+        toggleValue: y,
+        items: w,
+        onItemAdded: f
+      },
+      children: /* @__PURE__ */ t.jsx(F, { open: x, onOpenChange: d, children: e })
+    }
+  );
+}
+function Z({
+  className: e,
+  children: n,
+  ...s
+}) {
+  const { open: i } = M();
+  return /* @__PURE__ */ t.jsx(B, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      ...s,
+      role: s.role ?? "combobox",
+      "aria-expanded": s["aria-expanded"] ?? i,
+      className: S(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      children: [
+        n,
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            iconName: "IconSelector",
+            className: "size-4 shrink-0 opacity-50"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function $({
+  placeholder: e,
+  clickToRemove: n = !0,
+  className: s,
+  overflowBehavior: i = "wrap-when-open",
+  ...x
+}) {
+  const { selectedValues: d, toggleValue: g, items: m, open: w } = M(), [p, y] = j(0), f = v(null), c = v(null), r = v(/* @__PURE__ */ new Set()), l = i === "wrap" || i === "wrap-when-open" && w;
+  b(() => {
+    l && r.current.forEach((o) => o.style.removeProperty("display"));
+  }, [l]);
+  const a = E(() => {
+    if (f.current == null) return;
+    const o = f.current, u = c.current;
+    u != null && (u.style.display = "none"), r.current.forEach((h) => h.style.removeProperty("display"));
+    let N = 0;
+    for (let h = r.current.size - 1; h >= 0; h--) {
+      const P = [...r.current][h];
+      if (o.scrollWidth <= o.clientWidth)
+        break;
+      N = r.current.size - h, P.style.display = "none", u?.style.removeProperty("display");
+    }
+    y(N);
+  }, []);
+  return b(() => {
+    if (f.current == null) return;
+    const o = new ResizeObserver(a);
+    return o.observe(f.current), () => o.disconnect();
+  }, [a]), T(() => {
+    a();
+  }, [d, a]), d.size === 0 && e ? /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-normal", children: e }) : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      ...x,
+      ref: f,
+      className: S(
+        "flex w-full gap-1.5 overflow-hidden",
+        l && "h-full flex-wrap",
+        s
+      ),
+      children: [
+        [...d].filter((o) => m.has(o)).map((o) => /* @__PURE__ */ t.jsxs(
+          I,
+          {
+            ref: (u) => {
+              if (u != null)
+                return r.current.add(u), () => {
+                  r.current.delete(u);
+                };
+            },
+            variant: "outline",
+            className: "group flex items-center gap-1",
+            onClick: n ? (u) => {
+              u.stopPropagation(), g(o);
+            } : void 0,
+            children: [
+              m.get(o),
+              n && /* @__PURE__ */ t.jsx(
+                C,
+                {
+                  iconName: "IconX",
+                  className: "text-muted-foreground group-hover:text-destructive size-2"
+                }
+              )
+            ]
+          },
+          o
+        )),
+        /* @__PURE__ */ t.jsxs(
+          I,
+          {
+            style: {
+              display: p > 0 && !l ? "block" : "none"
+            },
+            variant: "outline",
+            ref: c,
+            children: [
+              "+",
+              p
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ee({
+  search: e = !0,
+  children: n,
+  ...s
+}) {
+  const i = typeof e == "object" ? !0 : e;
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(z, { children: n }) }) }),
+    /* @__PURE__ */ t.jsx(G, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ t.jsxs(k, { ...s, children: [
+      i ? /* @__PURE__ */ t.jsx(
+        O,
+        {
+          placeholder: typeof e == "object" ? e.placeholder : void 0
+        }
+      ) : /* @__PURE__ */ t.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
+      /* @__PURE__ */ t.jsxs(z, { children: [
+        i && /* @__PURE__ */ t.jsx(R, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
+        n
+      ] })
+    ] }) })
+  ] });
+}
+function te({
+  value: e,
+  children: n,
+  badgeLabel: s,
+  onSelect: i,
+  ...x
+}) {
+  const { toggleValue: d, selectedValues: g, onItemAdded: m } = M(), w = g.has(e);
+  return b(() => {
+    m(e, s ?? n);
+  }, [e, n, m, s]), /* @__PURE__ */ t.jsxs(
+    _,
+    {
+      ...x,
+      value: e,
+      onSelect: (p) => {
+        d(p), i?.(p);
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            iconName: "IconCheck",
+            className: S("mr-2 size-4", w ? "opacity-100" : "opacity-0")
+          }
+        ),
+        n
+      ]
+    }
+  );
+}
+function ne(e) {
+  return /* @__PURE__ */ t.jsx(A, { ...e });
+}
+function re(e) {
+  return /* @__PURE__ */ t.jsx(W, { ...e });
+}
+function M() {
+  const e = X(V);
+  if (e == null)
+    throw new Error(
+      "useMultiSelectContext must be used within a MultiSelectContext"
+    );
+  return e;
+}
+export {
+  Y as MultiSelect,
+  ee as MultiSelectContent,
+  ne as MultiSelectGroup,
+  te as MultiSelectItem,
+  re as MultiSelectSeparator,
+  Z as MultiSelectTrigger,
+  $ as MultiSelectValue
+};

package/dist/components/navigation-menu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-LY_vGYHZ.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=l(d);function m({className:t,children:e,viewport:n=!0,...r}){return a.jsxRuntimeExports.jsxs(i.Root,{"data-slot":"navigation-menu","data-viewport":n,className:o.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[e,n&&a.jsxRuntimeExports.jsx(u,{})]})}function v({className:t,...e}){return a.jsxRuntimeExports.jsx(i.List,{"data-slot":"navigation-menu-list",className:o.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Item,{"data-slot":"navigation-menu-item",className:o.cn("relative",t),...e})}const s=c.cva("group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");function f({className:t,children:e,...n}){return a.jsxRuntimeExports.jsxs(i.Trigger,{"data-slot":"navigation-menu-trigger",className:o.cn(s(),"group",t),...n,children:[e," ",a.jsxRuntimeExports.jsx(g.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function x({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Content,{"data-slot":"navigation-menu-content",className:o.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...e})}function u({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{className:o.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:a.jsxRuntimeExports.jsx(i.Viewport,{"data-slot":"navigation-menu-viewport",className:o.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Link,{"data-slot":"navigation-menu-link",className:o.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e})}function w({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Indicator,{"data-slot":"navigation-menu-indicator",className:o.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...e,children:a.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=m;exports.NavigationMenuContent=x;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=p;exports.NavigationMenuLink=b;exports.NavigationMenuList=v;exports.NavigationMenuTrigger=f;exports.NavigationMenuViewport=u;exports.navigationMenuTriggerStyle=s;

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as React from 'react';
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };

package/dist/components/navigation-menu.es.js

@@ -0,0 +1,171 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as n from "@radix-ui/react-navigation-menu";
+import { c as s } from "../index-BqtVL8d-.js";
+import { c as o } from "../index-CRiPKpXj.js";
+import { I as u } from "../icon-component-BZ-4FDV6.js";
+function f({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": i,
+      className: o(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        t
+      ),
+      ...r,
+      children: [
+        a,
+        i && /* @__PURE__ */ e.jsx(l, {})
+      ]
+    }
+  );
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: o(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: o("relative", t),
+      ...a
+    }
+  );
+}
+const d = s(
+  "group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50"
+);
+function w({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(d(), "group", t),
+      ...i,
+      children: [
+        a,
+        " ",
+        /* @__PURE__ */ e.jsx(
+          u,
+          {
+            iconName: "IconChevronDown",
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: o(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function l({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: o(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e.jsx(
+        n.Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: o(
+            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+            t
+          ),
+          ...a
+        }
+      )
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: o(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: o(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+export {
+  f as NavigationMenu,
+  b as NavigationMenuContent,
+  N as NavigationMenuIndicator,
+  x as NavigationMenuItem,
+  h as NavigationMenuLink,
+  p as NavigationMenuList,
+  w as NavigationMenuTrigger,
+  l as NavigationMenuViewport,
+  d as navigationMenuTriggerStyle
+};

package/dist/components/phone-input.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-DUiatUiq.cjs"),q=require("react"),I=require("react-phone-number-input"),P=require("react-phone-number-input/flags"),v=require("react-phone-number-input/locale/en"),O=require("react-phone-number-input/locale/es"),w=require("react-phone-number-input/locale/fr"),_=require("../button-Cegl49Yi.cjs"),p=require("../command-D9M8dk1M.cjs"),z=require("../input-DFPJ_mtM.cjs"),T=require("../label-CbzkBbPT.cjs"),g=require("../popover-B8wp2cHF.cjs"),A=require("../scroll-area-Dr-7opp_.cjs"),d=require("../index-DoxiiusW.cjs"),C=require("../icon-component-LY_vGYHZ.cjs");function N(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const j=N(q),y=N(I),b=j.forwardRef(({className:t,onChange:n,value:o,variant:s="md",rounded:r="default",label:c,helperText:a,locale:x="en",error:u,touched:m,...l},R)=>(console.log(s),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[c&&e.jsxRuntimeExports.jsx(T.Label,{htmlFor:l.id,className:d.cn({"text-neutral-700":l.disabled}),children:c}),e.jsxRuntimeExports.jsx(y.default,{ref:R,className:d.cn("flex",t),flagComponent:E,countrySelectComponent:D,inputComponent:S,smartCaret:!1,labels:x==="es"?O:x==="fr"?w:v,value:o||void 0,onChange:f=>n?.(f||""),countrySelectProps:{variant:s,rounded:r,error:u,touched:m},numberInputProps:{variant:s,rounded:r,error:u,touched:m},...l}),u&&m?e.jsxRuntimeExports.jsx("span",{id:l.id&&`${l.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md -mt-1",children:u}):a?e.jsxRuntimeExports.jsx("span",{id:l.id&&`${l.id}-helper-text`,className:d.cn("text-label-md -mt-1",{"text-muted-foreground":!u&&!m,"text-destructive":u&&m,"text-neutral-700":l.disabled}),children:a}):null]})));b.displayName="PhoneInput";const S=j.forwardRef(({className:t,rounded:n="default",error:o,touched:s,variant:r,...c},a)=>{const{"data-country":x,...u}=c;return e.jsxRuntimeExports.jsx(z.Input,{variant:r,className:d.cn(n==="default"?"rounded-s-none rounded-e-lg":"rounded-s-none rounded-e-full",{"border-destructive":o&&s,"border-blue-800":s&&!o,"rounded-e-sm":r==="sm","rounded-e-md":r==="md","rounded-e-lg":r==="lg"},t),...u,ref:a})});S.displayName="InputComponent";const D=({disabled:t,value:n,options:o,onChange:s,variant:r="md",rounded:c="default",error:a,touched:x})=>{const u=j.useRef(null),[m,l]=j.useState(""),[R,f]=j.useState(!1);return e.jsxRuntimeExports.jsxs(g.Popover,{open:R,modal:!0,onOpenChange:i=>{f(i),i&&l("")},children:[e.jsxRuntimeExports.jsx(g.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(_.Button,{type:"button",variant:"outline",className:d.cn("outline-r-0 outline-input text-secondary flex gap-1 px-3 focus:z-10",c==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":a&&x,"outline-blue-800":x&&!a,"h-8 rounded-s-sm":r==="sm","h-12 rounded-s-md":r==="md","h-16 rounded-s-lg":r==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(E,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(C.IconComponent,{iconName:"IconChevronDown",className:d.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(g.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{children:[e.jsxRuntimeExports.jsx(p.CommandInput,{value:m,onValueChange:i=>{l(i),setTimeout(()=>{if(u.current){const h=u.current.querySelector("[data-radix-scroll-area-viewport]");h&&(h.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(p.CommandList,{children:e.jsxRuntimeExports.jsxs(A.ScrollArea,{ref:u,className:"h-72",children:[e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(p.CommandGroup,{children:o.map(({value:i,label:h})=>i?e.jsxRuntimeExports.jsx(F,{country:i,countryName:h,selectedCountry:n,onChange:s,onSelectComplete:()=>f(!1)},i):null)})]})})]})})]})},F=({country:t,countryName:n,selectedCountry:o,onChange:s,onSelectComplete:r})=>{const c=()=>{s(t),r()};return e.jsxRuntimeExports.jsxs(p.CommandItem,{className:"gap-2",onSelect:c,children:[e.jsxRuntimeExports.jsx(E,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 text-sm",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-sm",children:`+${y.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(C.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===o?"opacity-100":"opacity-0"}`})]})},E=({country:t,countryName:n,disabled:o})=>{const s=P[t];return e.jsxRuntimeExports.jsx("span",{className:d.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":o}),children:s&&e.jsxRuntimeExports.jsx(s,{title:n})})};exports.PhoneInput=b;

package/dist/components/phone-input.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+    variant?: 'sm' | 'md' | 'lg';
+    rounded?: 'default' | 'full';
+    label?: string;
+    helperText?: string;
+    locale?: 'en' | 'es' | 'fr';
+    error?: string;
+    touched?: boolean;
+};
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
+export { PhoneInput };