@senitix/ui 0.4.0

package/dist/locale-selector-xn2GpdP9.js

@@ -0,0 +1,1745 @@
+import { jsx as t, jsxs as i, Fragment as we } from "react/jsx-runtime";
+import * as x from "react";
+import P from "react";
+import { p as Le, a as A, X as $, C as J, B as j, e as Oe, S as Ee } from "./scroll-area-DQeqDp3Y.js";
+import { c as k } from "./index-CwJPJKOE.js";
+import { L as W, C as ve, a as Te } from "./calendar-BFWc4IB7.js";
+import { P as H, r as U, s as B, C as ee, b as te, c as ae, d as re, e as Y, f as Q, D as $e, l as He, m as Ue, n as Be, p as ze, L as Ge } from "./popover-4V4sGe1U.js";
+import { u as Se, f as oe } from "./use-formatters-l1_2c8z0.js";
+import { C as ke } from "./calendar-ChJkFXXr.js";
+import { I as G, D as je, a as Ke, b as We, c as Je } from "./input-D4AoiWxo.js";
+import { S as Fe } from "./index-l828OqQN.js";
+import { c as se } from "./createLucideIcon-BbeNo6vq.js";
+import { F as Ye } from "./file-wzTXnWqz.js";
+import { C as he } from "./chevron-up-CGtXOr51.js";
+import { C as q } from "./chevron-down-DJ1_YIFu.js";
+import { M as Qe } from "./minus-DvlYtl96.js";
+import { P as Xe } from "./plus-CJD68KQD.js";
+import { A as Ze, a as qe, b as et } from "./avatar-CN6wcrqY.js";
+import { C as tt } from "./chevron-right-B3bovvh0.js";
+import { u as Pe, e as at, c as pe, n as rt, m as st } from "./locale-provider-DanG6RRG.js";
+const ie = se("ChevronsUpDown", [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+]);
+const nt = se("Globe", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+]);
+const ot = se("Pipette", [
+  ["path", { d: "m2 22 1-1h3l9-9", key: "1sre89" }],
+  ["path", { d: "M3 21v-3l9-9", key: "hpe2y6" }],
+  [
+    "path",
+    {
+      d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z",
+      key: "196du1"
+    }
+  ]
+]);
+const lt = se("Upload", [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
+  ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
+]);
+var ct = (e) => e.type === "checkbox", K = (e) => e instanceof Date, de = (e) => e == null;
+const De = (e) => typeof e == "object";
+var z = (e) => !de(e) && !Array.isArray(e) && De(e) && !K(e), it = (e) => z(e) && e.target ? ct(e.target) ? e.target.checked : e.target.value : e, dt = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ut = (e, r) => e.has(dt(r)), mt = (e) => {
+  const r = e.constructor && e.constructor.prototype;
+  return z(r) && r.hasOwnProperty("isPrototypeOf");
+}, ft = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
+function Ve(e) {
+  if (e instanceof Date)
+    return new Date(e);
+  const r = typeof FileList < "u" && e instanceof FileList;
+  if (ft && (e instanceof Blob || r))
+    return e;
+  const a = Array.isArray(e);
+  if (!a && !(z(e) && mt(e)))
+    return e;
+  const s = a ? [] : Object.create(Object.getPrototypeOf(e));
+  for (const n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && (s[n] = Ve(e[n]));
+  return s;
+}
+var Me = (e) => /^\w*$/.test(e), ce = (e) => e === void 0, ht = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Re = (e) => ht(e.replace(/["|']|\]/g, "").split(/\.|\[/)), O = (e, r, a) => {
+  if (!r || !z(e))
+    return a;
+  const s = (Me(r) ? [r] : Re(r)).reduce((n, c) => de(n) ? n : n[c], e);
+  return ce(s) || s === e ? ce(e[r]) ? a : e[r] : s;
+}, le = (e) => typeof e == "boolean", X = (e) => typeof e == "function", ge = (e, r, a) => {
+  let s = -1;
+  const n = Me(r) ? [r] : Re(r), c = n.length, u = c - 1;
+  for (; ++s < c; ) {
+    const m = n[s];
+    let b = a;
+    if (s !== u) {
+      const N = e[m];
+      b = z(N) || Array.isArray(N) ? N : isNaN(+n[s + 1]) ? {} : [];
+    }
+    if (m === "__proto__" || m === "constructor" || m === "prototype")
+      return;
+    e[m] = b, e = e[m];
+  }
+};
+const Ne = {
+  BLUR: "blur",
+  CHANGE: "change"
+}, ye = {
+  all: "all"
+}, ue = P.createContext(null);
+ue.displayName = "HookFormControlContext";
+const me = () => P.useContext(ue);
+var pt = (e, r, a, s = !0) => {
+  const n = {
+    defaultValues: r._defaultValues
+  };
+  for (const c in e)
+    Object.defineProperty(n, c, {
+      get: () => {
+        const u = c;
+        return r._proxyFormState[u] !== ye.all && (r._proxyFormState[u] = !s || ye.all), a && (a[u] = !0), e[u];
+      }
+    });
+  return n;
+};
+const Ie = typeof window < "u" ? P.useLayoutEffect : P.useEffect;
+function gt(e) {
+  const r = me(), { control: a = r, disabled: s, name: n, exact: c } = e || {}, [u, m] = P.useState(a._formState), b = P.useRef({
+    isDirty: !1,
+    isLoading: !1,
+    dirtyFields: !1,
+    touchedFields: !1,
+    validatingFields: !1,
+    isValidating: !1,
+    isValid: !1,
+    errors: !1
+  });
+  return Ie(() => a._subscribe({
+    name: n,
+    formState: b.current,
+    exact: c,
+    callback: (N) => {
+      !s && m({
+        ...a._formState,
+        ...N
+      });
+    }
+  }), [n, s, c]), P.useEffect(() => {
+    b.current.isValid && a._setValid(!0);
+  }, [a]), P.useMemo(() => pt(u, a, b.current, !1), [u, a]);
+}
+var Nt = (e) => typeof e == "string", xe = (e, r, a, s, n) => Nt(e) ? O(a, e, n) : Array.isArray(e) ? e.map((c) => O(a, c)) : a, be = (e) => de(e) || !De(e);
+function Z(e, r, a = /* @__PURE__ */ new WeakSet()) {
+  if (be(e) || be(r))
+    return Object.is(e, r);
+  if (K(e) && K(r))
+    return Object.is(e.getTime(), r.getTime());
+  const s = Object.keys(e), n = Object.keys(r);
+  if (s.length !== n.length)
+    return !1;
+  if (a.has(e) || a.has(r))
+    return !0;
+  a.add(e), a.add(r);
+  for (const c of s) {
+    const u = e[c];
+    if (!n.includes(c))
+      return !1;
+    if (c !== "ref") {
+      const m = r[c];
+      if (K(u) && K(m) || z(u) && z(m) || Array.isArray(u) && Array.isArray(m) ? !Z(u, m, a) : !Object.is(u, m))
+        return !1;
+    }
+  }
+  return !0;
+}
+function yt(e) {
+  const r = me(), { control: a = r, name: s, defaultValue: n, disabled: c, exact: u, compute: m } = e || {}, b = P.useRef(n), N = P.useRef(m), v = P.useRef(void 0), p = P.useRef(a), d = P.useRef(s);
+  N.current = m;
+  const [g, f] = P.useState(() => {
+    const o = a._getWatch(s, b.current);
+    return N.current ? N.current(o) : o;
+  }), h = P.useCallback((o) => {
+    const S = xe(s, a._names, o || a._formValues, !1, b.current);
+    return N.current ? N.current(S) : S;
+  }, [a._formValues, a._names, s]), y = P.useCallback((o) => {
+    if (!c) {
+      const S = xe(s, a._names, o || a._formValues, !1, b.current);
+      if (N.current) {
+        const R = N.current(S);
+        Z(R, v.current) || (f(R), v.current = R);
+      } else
+        f(S);
+    }
+  }, [a._formValues, a._names, c, s]);
+  Ie(() => ((p.current !== a || !Z(d.current, s)) && (p.current = a, d.current = s, y()), a._subscribe({
+    name: s,
+    formState: {
+      values: !0
+    },
+    exact: u,
+    callback: (o) => {
+      y(o.values);
+    }
+  })), [a, u, s, y]), P.useEffect(() => a._removeUnmounted());
+  const C = p.current !== a, l = d.current, F = P.useMemo(() => {
+    if (c)
+      return null;
+    const o = !C && !Z(l, s);
+    return C || o ? h() : null;
+  }, [c, C, s, l, h]);
+  return F !== null ? F : g;
+}
+function xt(e) {
+  const r = me(), { name: a, disabled: s, control: n = r, shouldUnregister: c, defaultValue: u, exact: m = !0 } = e, b = ut(n._names.array, a), N = P.useMemo(() => O(n._formValues, a, O(n._defaultValues, a, u)), [n, a, u]), v = yt({
+    control: n,
+    name: a,
+    defaultValue: N,
+    exact: m
+  }), p = gt({
+    control: n,
+    name: a,
+    exact: m
+  }), d = P.useRef(e), g = P.useRef(void 0), f = P.useRef(n.register(a, {
+    ...e.rules,
+    value: v,
+    ...le(e.disabled) ? { disabled: e.disabled } : {}
+  }));
+  d.current = e;
+  const h = P.useMemo(() => Object.defineProperties({}, {
+    invalid: {
+      enumerable: !0,
+      get: () => !!O(p.errors, a)
+    },
+    isDirty: {
+      enumerable: !0,
+      get: () => !!O(p.dirtyFields, a)
+    },
+    isTouched: {
+      enumerable: !0,
+      get: () => !!O(p.touchedFields, a)
+    },
+    isValidating: {
+      enumerable: !0,
+      get: () => !!O(p.validatingFields, a)
+    },
+    error: {
+      enumerable: !0,
+      get: () => O(p.errors, a)
+    }
+  }), [p, a]), y = P.useCallback((o) => f.current.onChange({
+    target: {
+      value: it(o),
+      name: a
+    },
+    type: Ne.CHANGE
+  }), [a]), C = P.useCallback(() => f.current.onBlur({
+    target: {
+      value: O(n._formValues, a),
+      name: a
+    },
+    type: Ne.BLUR
+  }), [a, n._formValues]), l = P.useCallback((o) => {
+    const S = O(n._fields, a);
+    S && S._f && o && (S._f.ref = {
+      focus: () => X(o.focus) && o.focus(),
+      select: () => X(o.select) && o.select(),
+      setCustomValidity: (R) => X(o.setCustomValidity) && o.setCustomValidity(R),
+      reportValidity: () => X(o.reportValidity) && o.reportValidity()
+    });
+  }, [n._fields, a]), F = P.useMemo(() => ({
+    name: a,
+    value: v,
+    ...le(s) || p.disabled ? { disabled: p.disabled || s } : {},
+    onChange: y,
+    onBlur: C,
+    ref: l
+  }), [a, s, p.disabled, y, C, l, v]);
+  return P.useEffect(() => {
+    const o = n._options.shouldUnregister || c, S = g.current;
+    S && S !== a && !b && n.unregister(S), n.register(a, {
+      ...d.current.rules,
+      ...le(d.current.disabled) ? { disabled: d.current.disabled } : {}
+    });
+    const R = (_, L) => {
+      const V = O(n._fields, _);
+      V && V._f && (V._f.mount = L);
+    };
+    if (R(a, !0), o) {
+      const _ = Ve(O(n._options.defaultValues, a, d.current.defaultValue));
+      ge(n._defaultValues, a, _), ce(O(n._formValues, a)) && ge(n._formValues, a, _);
+    }
+    return !b && n.register(a), g.current = a, () => {
+      (b ? o && !n._state.action : o) ? n.unregister(a) : R(a, !1);
+    };
+  }, [a, n, b, c]), P.useEffect(() => {
+    n._setDisabledField({
+      disabled: s,
+      name: a
+    });
+  }, [s, a, n]), P.useMemo(() => ({
+    field: F,
+    formState: p,
+    fieldState: h
+  }), [F, p, h]);
+}
+const bt = (e) => e.render(xt(e)), fe = P.createContext(null);
+fe.displayName = "HookFormContext";
+const Ct = () => P.useContext(fe), wt = (e) => {
+  const { children: r, watch: a, getValues: s, getFieldState: n, setError: c, clearErrors: u, setValue: m, trigger: b, formState: N, resetField: v, reset: p, handleSubmit: d, unregister: g, control: f, register: h, setFocus: y, subscribe: C } = e;
+  return P.createElement(
+    fe.Provider,
+    { value: P.useMemo(() => ({
+      watch: a,
+      getValues: s,
+      getFieldState: n,
+      setError: c,
+      clearErrors: u,
+      setValue: m,
+      trigger: b,
+      formState: N,
+      resetField: v,
+      reset: p,
+      handleSubmit: d,
+      unregister: g,
+      control: f,
+      register: h,
+      setFocus: y,
+      subscribe: C
+    }), [
+      u,
+      f,
+      N,
+      n,
+      s,
+      d,
+      h,
+      p,
+      v,
+      c,
+      y,
+      m,
+      C,
+      b,
+      g,
+      a
+    ]) },
+    P.createElement(ue.Provider, { value: f }, r)
+  );
+}, ia = wt, Ae = x.createContext({}), da = ({
+  ...e
+}) => /* @__PURE__ */ t(Ae.Provider, { value: { name: e.name }, children: /* @__PURE__ */ t(bt, { ...e }) }), ne = () => {
+  const e = x.useContext(Ae), r = x.useContext(_e), { getFieldState: a, formState: s } = Ct(), n = a(e.name, s);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: c } = r;
+  return {
+    id: c,
+    name: e.name,
+    formItemId: `${c}-form-item`,
+    formDescriptionId: `${c}-form-item-description`,
+    formMessageId: `${c}-form-item-message`,
+    ...n
+  };
+}, _e = x.createContext({}), vt = x.forwardRef(
+  ({ className: e, ...r }, a) => {
+    const s = x.useId();
+    return /* @__PURE__ */ t(_e.Provider, { value: { id: s }, children: /* @__PURE__ */ t("div", { ref: a, className: k("space-y-2", e), ...r }) });
+  }
+);
+vt.displayName = "FormItem";
+const St = x.forwardRef(({ className: e, ...r }, a) => {
+  const { error: s, formItemId: n } = ne();
+  return /* @__PURE__ */ t(
+    W,
+    {
+      ref: a,
+      className: k(s && "text-destructive", e),
+      htmlFor: n,
+      ...r
+    }
+  );
+});
+St.displayName = "FormLabel";
+const kt = x.forwardRef(({ ...e }, r) => {
+  const { error: a, formItemId: s, formDescriptionId: n, formMessageId: c } = ne();
+  return /* @__PURE__ */ t(
+    Le,
+    {
+      ref: r,
+      id: s,
+      "aria-describedby": a ? `${n} ${c}` : `${n}`,
+      "aria-invalid": !!a,
+      ...e
+    }
+  );
+});
+kt.displayName = "FormControl";
+const Ft = x.forwardRef(({ className: e, ...r }, a) => {
+  const { formDescriptionId: s } = ne();
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      ref: a,
+      id: s,
+      className: k("text-sm text-muted-foreground", e),
+      ...r
+    }
+  );
+});
+Ft.displayName = "FormDescription";
+const Pt = x.forwardRef(({ className: e, children: r, ...a }, s) => {
+  const { error: n, formMessageId: c } = ne(), u = n ? String(n?.message) : r;
+  return u ? /* @__PURE__ */ t(
+    "p",
+    {
+      ref: s,
+      id: c,
+      className: k("text-sm font-medium text-destructive", e),
+      ...a,
+      children: u
+    }
+  ) : null;
+});
+Pt.displayName = "FormMessage";
+function ua({
+  value: e,
+  onChange: r,
+  placeholder: a,
+  disabled: s = !1,
+  className: n,
+  dateFormat: c = "PPP"
+}) {
+  const { t: u, formatDate: m } = Se(), b = a || u("date.selectDate");
+  return /* @__PURE__ */ i(H, { children: [
+    /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        disabled: s,
+        className: k(
+          "w-full justify-start text-left font-normal",
+          !e && "text-muted-foreground",
+          n
+        ),
+        children: [
+          /* @__PURE__ */ t(ke, { className: "mr-2 h-4 w-4" }),
+          e ? m(e, c) : /* @__PURE__ */ t("span", { children: b })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(B, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ t(ve, { mode: "single", selected: e, onSelect: r, initialFocus: !0 }) })
+  ] });
+}
+const Dt = x.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    placeholder: a = "Pick a date range",
+    disabled: s = !1,
+    className: n,
+    dateFormat: c = "LLL dd, y",
+    numberOfMonths: u = 2
+  }, m) => /* @__PURE__ */ t("div", { className: k("grid gap-2", n), children: /* @__PURE__ */ i(H, { children: [
+    /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        ref: m,
+        id: "date",
+        variant: "outline",
+        disabled: s,
+        className: k(
+          "w-full justify-start text-left font-normal",
+          !e && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ t(ke, { className: "mr-2 h-4 w-4" }),
+          e?.from ? e.to ? /* @__PURE__ */ i(we, { children: [
+            oe(e.from, c),
+            " - ",
+            oe(e.to, c)
+          ] }) : oe(e.from, c) : /* @__PURE__ */ t("span", { children: a })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(B, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ t(
+      ve,
+      {
+        initialFocus: !0,
+        mode: "range",
+        defaultMonth: e?.from,
+        selected: e,
+        onSelect: r,
+        numberOfMonths: u
+      }
+    ) })
+  ] }) })
+);
+Dt.displayName = "DateRangePicker";
+const Vt = x.forwardRef(
+  ({
+    className: e,
+    value: r,
+    onChange: a,
+    onSearch: s,
+    onClear: n,
+    showClearButton: c = !0,
+    loading: u = !1,
+    placeholder: m = "Search...",
+    ...b
+  }, N) => {
+    const v = (g) => {
+      a?.(g.target.value);
+    }, p = () => {
+      a?.(""), n?.();
+    }, d = (g) => {
+      g.key === "Enter" && s?.(r || "");
+    };
+    return /* @__PURE__ */ i("div", { className: k("relative", e), children: [
+      /* @__PURE__ */ t(Fe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ t(
+        G,
+        {
+          ref: N,
+          type: "text",
+          value: r,
+          onChange: v,
+          onKeyDown: d,
+          placeholder: m,
+          className: k("pl-9", c && r && "pr-9"),
+          ...b
+        }
+      ),
+      c && r && !u && /* @__PURE__ */ i(
+        A,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "absolute right-1 top-1/2 h-7 w-7 -translate-y-1/2",
+          onClick: p,
+          children: [
+            /* @__PURE__ */ t($, { className: "h-4 w-4" }),
+            /* @__PURE__ */ t("span", { className: "sr-only", children: "Clear" })
+          ]
+        }
+      ),
+      u && /* @__PURE__ */ t("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ t("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) })
+    ] });
+  }
+);
+Vt.displayName = "SearchInput";
+const Mt = x.forwardRef(
+  ({
+    value: e = [],
+    onChange: r,
+    accept: a,
+    multiple: s = !1,
+    maxFiles: n = 10,
+    maxSize: c = 10 * 1024 * 1024,
+    disabled: u = !1,
+    className: m
+  }, b) => {
+    const N = x.useRef(null), [v, p] = x.useState(!1), d = (l) => {
+      if (!l) return;
+      const o = Array.from(l).filter((R) => !(R.size > c)), S = s ? [...e, ...o].slice(0, n) : o.slice(0, 1);
+      r?.(S);
+    }, g = (l) => {
+      l.preventDefault(), l.stopPropagation(), l.type === "dragenter" || l.type === "dragover" ? p(!0) : l.type === "dragleave" && p(!1);
+    }, f = (l) => {
+      l.preventDefault(), l.stopPropagation(), p(!1), u || d(l.dataTransfer.files);
+    }, h = (l) => {
+      d(l.target.files);
+    }, y = (l) => {
+      const F = e.filter((o, S) => S !== l);
+      r?.(F);
+    }, C = (l) => {
+      if (l === 0) return "0 Bytes";
+      const F = 1024, o = ["Bytes", "KB", "MB", "GB"], S = Math.floor(Math.log(l) / Math.log(F));
+      return parseFloat((l / Math.pow(F, S)).toFixed(2)) + " " + o[S];
+    };
+    return /* @__PURE__ */ i("div", { ref: b, className: k("space-y-4", m), children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: k(
+            "relative flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 transition-colors",
+            v ? "border-primary bg-primary/5" : "border-muted-foreground/25",
+            u && "cursor-not-allowed opacity-50"
+          ),
+          onDragEnter: g,
+          onDragLeave: g,
+          onDragOver: g,
+          onDrop: f,
+          children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: N,
+                type: "file",
+                accept: a,
+                multiple: s,
+                disabled: u,
+                onChange: h,
+                className: "absolute inset-0 cursor-pointer opacity-0"
+              }
+            ),
+            /* @__PURE__ */ t(lt, { className: "mb-2 h-10 w-10 text-muted-foreground" }),
+            /* @__PURE__ */ t("p", { className: "mb-1 text-sm font-medium", children: "Drag & drop files here, or click to select" }),
+            /* @__PURE__ */ i("p", { className: "text-xs text-muted-foreground", children: [
+              s ? `Up to ${n} files` : "Single file",
+              " (max",
+              " ",
+              C(c),
+              " each)"
+            ] })
+          ]
+        }
+      ),
+      e.length > 0 && /* @__PURE__ */ t("div", { className: "space-y-2", children: e.map((l, F) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-lg border p-3",
+          children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ t(Ye, { className: "h-8 w-8 text-muted-foreground" }),
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: l.name }),
+                /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: C(l.size) })
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              A,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => y(F),
+                disabled: u,
+                children: /* @__PURE__ */ t($, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        `${l.name}-${F}`
+      )) })
+    ] });
+  }
+);
+Mt.displayName = "FileUpload";
+const Rt = x.forwardRef(
+  ({
+    options: e,
+    value: r,
+    onChange: a,
+    placeholder: s = "Select option...",
+    searchPlaceholder: n = "Search...",
+    emptyMessage: c = "No results found.",
+    disabled: u = !1,
+    className: m
+  }, b) => {
+    const [N, v] = x.useState(!1), p = e.find((d) => d.value === r);
+    return /* @__PURE__ */ i(H, { open: N, onOpenChange: v, children: [
+      /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: b,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": N,
+          disabled: u,
+          className: k("w-full justify-between", !r && "text-muted-foreground", m),
+          children: [
+            p ? p.label : s,
+            /* @__PURE__ */ t(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(B, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+        /* @__PURE__ */ t(te, { placeholder: n }),
+        /* @__PURE__ */ i(ae, { children: [
+          /* @__PURE__ */ t(re, { children: c }),
+          /* @__PURE__ */ t(Y, { children: e.map((d) => /* @__PURE__ */ i(
+            Q,
+            {
+              value: d.value,
+              disabled: d.disabled,
+              onSelect: (g) => {
+                a?.(g === r ? "" : g), v(!1);
+              },
+              children: [
+                /* @__PURE__ */ t(
+                  J,
+                  {
+                    className: k(
+                      "mr-2 h-4 w-4",
+                      r === d.value ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                ),
+                d.label
+              ]
+            },
+            d.value
+          )) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+Rt.displayName = "Combobox";
+const It = x.forwardRef(
+  ({
+    value: e = [],
+    onChange: r,
+    placeholder: a = "Add tag...",
+    maxTags: s = 10,
+    allowDuplicates: n = !1,
+    disabled: c = !1,
+    className: u
+  }, m) => {
+    const [b, N] = x.useState(""), v = x.useRef(null), p = (f) => {
+      const h = f.trim();
+      h && (e.length >= s || !n && e.includes(h) || (r?.([...e, h]), N("")));
+    }, d = (f) => {
+      const h = e.filter((y, C) => C !== f);
+      r?.(h);
+    }, g = (f) => {
+      f.key === "Enter" ? (f.preventDefault(), p(b)) : f.key === "Backspace" && !b && e.length > 0 ? d(e.length - 1) : f.key === "," && (f.preventDefault(), p(b));
+    };
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: m,
+        className: k(
+          "flex min-h-10 w-full flex-wrap items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+          c && "cursor-not-allowed opacity-50",
+          u
+        ),
+        onClick: () => v.current?.focus(),
+        children: [
+          e.map((f, h) => /* @__PURE__ */ i(j, { variant: "secondary", className: "gap-1", children: [
+            f,
+            !c && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: (y) => {
+                  y.stopPropagation(), d(h);
+                },
+                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                children: /* @__PURE__ */ t($, { className: "h-3 w-3" })
+              }
+            )
+          ] }, `${f}-${h}`)),
+          /* @__PURE__ */ t(
+            G,
+            {
+              ref: v,
+              type: "text",
+              value: b,
+              onChange: (f) => N(f.target.value),
+              onKeyDown: g,
+              placeholder: e.length === 0 ? a : "",
+              disabled: c || e.length >= s,
+              className: "flex-1 border-0 bg-transparent p-0 placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+It.displayName = "TagInput";
+const At = x.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    format: a = "24h",
+    minuteStep: s = 1,
+    placeholder: n,
+    disabled: c = !1,
+    className: u,
+    error: m
+  }, b) => {
+    const { t: N } = Se(), [v, p] = x.useState(!1), [d, g] = x.useState(0), [f, h] = x.useState(0), [y, C] = x.useState("AM");
+    x.useEffect(() => {
+      if (e) {
+        const [M, w] = e.split(":").map(Number);
+        a === "12h" ? (g(M > 12 ? M - 12 : M === 0 ? 12 : M), C(M >= 12 ? "PM" : "AM")) : g(M), h(w);
+      }
+    }, [e, a]);
+    const l = (M, w, D) => {
+      let I = M;
+      if (a === "12h") {
+        const T = D ?? y;
+        T === "PM" && I !== 12 && (I += 12), T === "AM" && I === 12 && (I = 0);
+      }
+      const E = `${I.toString().padStart(2, "0")}:${w.toString().padStart(2, "0")}`;
+      r?.(E);
+    }, F = () => {
+      const M = a === "12h" ? 12 : 23, w = a === "12h" ? 1 : 0, D = d >= M ? w : d + 1;
+      g(D), l(D, f);
+    }, o = () => {
+      const M = a === "12h" ? 12 : 23, D = d <= (a === "12h" ? 1 : 0) ? M : d - 1;
+      g(D), l(D, f);
+    }, S = () => {
+      const M = f >= 60 - s, w = M ? 0 : f + s;
+      let D = d, I = y;
+      if (M) {
+        const E = a === "12h" ? 12 : 23, T = a === "12h" ? 1 : 0;
+        D = d >= E ? T : d + 1, a === "12h" && d === 11 && (I = y === "AM" ? "PM" : "AM", C(I)), g(D);
+      }
+      h(w), l(D, w, a === "12h" ? I : void 0);
+    }, R = () => {
+      const M = f < s, w = M ? 60 - s : f - s;
+      let D = d, I = y;
+      if (M) {
+        const E = a === "12h" ? 12 : 23;
+        D = d <= (a === "12h" ? 1 : 0) ? E : d - 1, a === "12h" && d === 12 && (I = y === "AM" ? "PM" : "AM", C(I)), g(D);
+      }
+      h(w), l(D, w, a === "12h" ? I : void 0);
+    }, _ = () => {
+      const M = y === "AM" ? "PM" : "AM";
+      C(M), l(d, f, M);
+    }, L = x.useMemo(() => e ? a === "12h" ? `${d.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")} ${y}` : `${d.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}` : "", [e, a, d, f, y]), V = n || N("time.selectTime");
+    return /* @__PURE__ */ i(H, { open: v, onOpenChange: p, children: [
+      /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i("div", { className: k("relative", u), children: [
+        /* @__PURE__ */ t(
+          G,
+          {
+            ref: b,
+            readOnly: !0,
+            value: L,
+            placeholder: V,
+            disabled: c,
+            className: k("pr-10 cursor-pointer", m && "border-destructive"),
+            onClick: () => !c && p(!0)
+          }
+        ),
+        /* @__PURE__ */ t(Te, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" })
+      ] }) }),
+      /* @__PURE__ */ t(B, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ t(W, { className: "text-xs text-muted-foreground", children: N("time.hours") }),
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ t(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: F,
+                children: /* @__PURE__ */ t(he, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "text-2xl font-bold tabular-nums", children: d.toString().padStart(2, "0") }),
+            /* @__PURE__ */ t(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: o,
+                children: /* @__PURE__ */ t(q, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("span", { className: "text-2xl font-bold", children: ":" }),
+        /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ t(W, { className: "text-xs text-muted-foreground", children: N("time.minutes") }),
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ t(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: S,
+                children: /* @__PURE__ */ t(he, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "text-2xl font-bold tabular-nums", children: f.toString().padStart(2, "0") }),
+            /* @__PURE__ */ t(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: R,
+                children: /* @__PURE__ */ t(q, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        a === "12h" && /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ t(W, { className: "text-xs text-muted-foreground", children: N("time.period") }),
+          /* @__PURE__ */ t(
+            A,
+            {
+              variant: "outline",
+              className: "h-auto px-3 py-2 text-lg font-bold",
+              onClick: _,
+              children: y
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+);
+At.displayName = "TimePicker";
+const _t = [
+  "#000000",
+  "#ffffff",
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#eab308",
+  "#84cc16",
+  "#22c55e",
+  "#10b981",
+  "#14b8a6",
+  "#06b6d4",
+  "#0ea5e9",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#d946ef",
+  "#ec4899",
+  "#f43f5e",
+  "#78716c",
+  "#737373",
+  "#71717a",
+  "#6b7280",
+  "#64748b"
+], Lt = x.forwardRef(
+  ({
+    value: e = "#000000",
+    onChange: r,
+    presetColors: a = _t,
+    showInput: s = !0,
+    showEyeDropper: n = !0,
+    placeholder: c = "Select color",
+    disabled: u = !1,
+    className: m
+  }, b) => {
+    const [N, v] = x.useState(!1), [p, d] = x.useState(e), g = typeof window < "u" && "EyeDropper" in window;
+    x.useEffect(() => {
+      d(e);
+    }, [e]);
+    const f = (C) => {
+      d(C), r?.(C);
+    }, h = (C) => {
+      const l = C.target.value;
+      d(l), /^#[0-9A-Fa-f]{6}$/.test(l) && r?.(l);
+    }, y = async () => {
+      if (g)
+        try {
+          const l = await new window.EyeDropper().open();
+          f(l.sRGBHex);
+        } catch {
+        }
+    };
+    return /* @__PURE__ */ i(H, { open: N, onOpenChange: v, children: [
+      /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: b,
+          variant: "outline",
+          disabled: u,
+          className: k("w-full justify-start gap-2", m),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: "h-5 w-5 rounded border",
+                style: { backgroundColor: p }
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "flex-1 text-left font-mono text-sm", children: p || c })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(B, { className: "w-64 p-3", align: "start", children: /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "h-10 w-10 rounded-lg border",
+              style: { backgroundColor: p }
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: "flex-1", children: [
+            /* @__PURE__ */ t(W, { className: "text-xs text-muted-foreground", children: "Current Color" }),
+            /* @__PURE__ */ t("p", { className: "font-mono text-sm font-medium", children: p })
+          ] }),
+          n && g && /* @__PURE__ */ t(
+            A,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: y,
+              title: "Pick color from screen",
+              children: /* @__PURE__ */ t(ot, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "grid grid-cols-6 gap-1", children: a.map((C) => /* @__PURE__ */ t(
+          "button",
+          {
+            className: k(
+              "h-7 w-7 rounded-md border-2 transition-transform hover:scale-110",
+              p.toLowerCase() === C.toLowerCase() ? "border-primary" : "border-transparent"
+            ),
+            style: { backgroundColor: C },
+            onClick: () => f(C),
+            title: C
+          },
+          C
+        )) }),
+        s && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ t(
+            G,
+            {
+              type: "text",
+              value: p,
+              onChange: h,
+              placeholder: "#000000",
+              className: "font-mono",
+              maxLength: 7
+            }
+          ),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "color",
+              value: p,
+              onChange: (C) => f(C.target.value),
+              className: "h-10 w-10 cursor-pointer rounded border bg-transparent p-1"
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+);
+Lt.displayName = "ColorPicker";
+const Ot = x.forwardRef(
+  ({
+    options: e,
+    value: r = [],
+    onChange: a,
+    placeholder: s = "Select items...",
+    searchPlaceholder: n = "Search...",
+    emptyMessage: c = "No items found.",
+    maxDisplayedItems: u = 3,
+    maxSelections: m,
+    disabled: b = !1,
+    className: N
+  }, v) => {
+    const [p, d] = x.useState(!1), g = e.filter((l) => r.includes(l.value)), f = m !== void 0 && r.length >= m, h = (l) => {
+      r.includes(l) ? a?.(r.filter((F) => F !== l)) : f || a?.([...r, l]);
+    }, y = (l, F) => {
+      F.stopPropagation(), a?.(r.filter((o) => o !== l));
+    }, C = (l) => {
+      l.stopPropagation(), a?.([]);
+    };
+    return /* @__PURE__ */ i(H, { open: p, onOpenChange: d, children: [
+      /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: v,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": p,
+          disabled: b,
+          className: k(
+            "w-full justify-between font-normal",
+            g.length === 0 && "text-muted-foreground",
+            N
+          ),
+          children: [
+            /* @__PURE__ */ t("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: g.length === 0 ? s : g.length <= u ? g.map((l) => /* @__PURE__ */ i(
+              j,
+              {
+                variant: "secondary",
+                className: "gap-1 pr-1",
+                children: [
+                  l.label,
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      className: "rounded-full hover:bg-muted-foreground/20",
+                      onClick: (F) => y(l.value, F),
+                      children: /* @__PURE__ */ t($, { className: "h-3 w-3" })
+                    }
+                  )
+                ]
+              },
+              l.value
+            )) : /* @__PURE__ */ i(we, { children: [
+              g.slice(0, u).map((l) => /* @__PURE__ */ i(
+                j,
+                {
+                  variant: "secondary",
+                  className: "gap-1 pr-1",
+                  children: [
+                    l.label,
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        className: "rounded-full hover:bg-muted-foreground/20",
+                        onClick: (F) => y(l.value, F),
+                        children: /* @__PURE__ */ t($, { className: "h-3 w-3" })
+                      }
+                    )
+                  ]
+                },
+                l.value
+              )),
+              /* @__PURE__ */ i(j, { variant: "secondary", children: [
+                "+",
+                g.length - u
+              ] })
+            ] }) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+              g.length > 0 && /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: C,
+                  children: /* @__PURE__ */ t($, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              ),
+              /* @__PURE__ */ t(q, { className: "h-4 w-4 shrink-0 opacity-50" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(B, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+        /* @__PURE__ */ t(te, { placeholder: n }),
+        /* @__PURE__ */ i(ae, { children: [
+          /* @__PURE__ */ t(re, { children: c }),
+          /* @__PURE__ */ t(Y, { children: e.map((l) => {
+            const F = r.includes(l.value), o = l.disabled || f && !F;
+            return /* @__PURE__ */ i(
+              Q,
+              {
+                value: l.value,
+                disabled: o,
+                onSelect: () => h(l.value),
+                className: "flex items-center gap-2",
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: k(
+                        "flex h-4 w-4 items-center justify-center rounded border",
+                        r.includes(l.value) ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"
+                      ),
+                      children: r.includes(l.value) && /* @__PURE__ */ t(J, { className: "h-3 w-3" })
+                    }
+                  ),
+                  l.icon && /* @__PURE__ */ t("span", { className: "h-4 w-4", children: l.icon }),
+                  /* @__PURE__ */ t("span", { children: l.label })
+                ]
+              },
+              l.value
+            );
+          }) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+Ot.displayName = "MultiSelect";
+const Et = Oe("relative flex", {
+  variants: {
+    size: {
+      sm: "w-24",
+      md: "w-32",
+      lg: "w-40"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), Ce = {
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-12 w-12"
+}, Tt = {
+  sm: "h-8 text-sm",
+  md: "h-10 text-base",
+  lg: "h-12 text-lg"
+}, $t = x.forwardRef(
+  ({
+    className: e,
+    value: r,
+    onChange: a,
+    min: s,
+    max: n,
+    step: c = 1,
+    precision: u = 0,
+    showStepper: m = !0,
+    prefix: b,
+    suffix: N,
+    disabled: v,
+    size: p = "md",
+    ...d
+  }, g) => {
+    const [f, h] = x.useState(r?.toString() ?? "");
+    x.useEffect(() => {
+      h(r?.toString() ?? "");
+    }, [r]);
+    const y = (L) => {
+      let V = L;
+      return s !== void 0 && (V = Math.max(s, V)), n !== void 0 && (V = Math.min(n, V)), Number(V.toFixed(u));
+    }, C = (L) => {
+      const V = L.target.value;
+      if (h(V), V === "" || V === "-") {
+        a?.(void 0);
+        return;
+      }
+      const M = parseFloat(V);
+      isNaN(M) || a?.(y(M));
+    }, l = () => {
+      if (f === "" || f === "-") {
+        h(""), a?.(void 0);
+        return;
+      }
+      const L = parseFloat(f);
+      if (!isNaN(L)) {
+        const V = y(L);
+        h(V.toString()), a?.(V);
+      }
+    }, F = () => {
+      const V = y((r ?? 0) + c);
+      h(V.toString()), a?.(V);
+    }, o = () => {
+      const V = y((r ?? 0) - c);
+      h(V.toString()), a?.(V);
+    }, S = n === void 0 || (r ?? 0) < n, R = s === void 0 || (r ?? 0) > s, _ = p || "md";
+    return /* @__PURE__ */ i("div", { className: k(Et({ size: p }), e), children: [
+      m && /* @__PURE__ */ t(
+        A,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: k("rounded-r-none", Ce[_]),
+          onClick: o,
+          disabled: v || !R,
+          children: /* @__PURE__ */ t(Qe, { className: k(_ === "sm" ? "h-3 w-3" : "h-4 w-4") })
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "relative flex-1", children: [
+        b && /* @__PURE__ */ t("span", { className: k(
+          "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          _ === "sm" && "text-sm",
+          _ === "lg" && "text-lg"
+        ), children: b }),
+        /* @__PURE__ */ t(
+          G,
+          {
+            ref: g,
+            type: "text",
+            inputMode: "decimal",
+            value: f,
+            onChange: C,
+            onBlur: l,
+            disabled: v,
+            className: k(
+              "text-center",
+              Tt[_],
+              m && "rounded-none border-x-0",
+              b && "pl-8",
+              N && "pr-8"
+            ),
+            ...d
+          }
+        ),
+        N && /* @__PURE__ */ t("span", { className: k(
+          "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          _ === "sm" && "text-sm",
+          _ === "lg" && "text-lg"
+        ), children: N })
+      ] }),
+      m && /* @__PURE__ */ t(
+        A,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: k("rounded-l-none", Ce[_]),
+          onClick: F,
+          disabled: v || !S,
+          children: /* @__PURE__ */ t(Xe, { className: k(_ === "sm" ? "h-3 w-3" : "h-4 w-4") })
+        }
+      )
+    ] });
+  }
+);
+$t.displayName = "NumberInput";
+const Ht = [
+  { code: "US", dialCode: "+1", name: "United States", flag: "🇺🇸" },
+  { code: "GB", dialCode: "+44", name: "United Kingdom", flag: "🇬🇧" },
+  { code: "DE", dialCode: "+49", name: "Germany", flag: "🇩🇪" },
+  { code: "FR", dialCode: "+33", name: "France", flag: "🇫🇷" },
+  { code: "IT", dialCode: "+39", name: "Italy", flag: "🇮🇹" },
+  { code: "ES", dialCode: "+34", name: "Spain", flag: "🇪🇸" },
+  { code: "TR", dialCode: "+90", name: "Turkey", flag: "🇹🇷" },
+  { code: "NL", dialCode: "+31", name: "Netherlands", flag: "🇳🇱" },
+  { code: "BE", dialCode: "+32", name: "Belgium", flag: "🇧🇪" },
+  { code: "AT", dialCode: "+43", name: "Austria", flag: "🇦🇹" },
+  { code: "CH", dialCode: "+41", name: "Switzerland", flag: "🇨🇭" },
+  { code: "PL", dialCode: "+48", name: "Poland", flag: "🇵🇱" },
+  { code: "SE", dialCode: "+46", name: "Sweden", flag: "🇸🇪" },
+  { code: "NO", dialCode: "+47", name: "Norway", flag: "🇳🇴" },
+  { code: "DK", dialCode: "+45", name: "Denmark", flag: "🇩🇰" },
+  { code: "FI", dialCode: "+358", name: "Finland", flag: "🇫🇮" },
+  { code: "PT", dialCode: "+351", name: "Portugal", flag: "🇵🇹" },
+  { code: "GR", dialCode: "+30", name: "Greece", flag: "🇬🇷" },
+  { code: "CZ", dialCode: "+420", name: "Czech Republic", flag: "🇨🇿" },
+  { code: "RO", dialCode: "+40", name: "Romania", flag: "🇷🇴" },
+  { code: "HU", dialCode: "+36", name: "Hungary", flag: "🇭🇺" },
+  { code: "IE", dialCode: "+353", name: "Ireland", flag: "🇮🇪" },
+  { code: "AU", dialCode: "+61", name: "Australia", flag: "🇦🇺" },
+  { code: "CA", dialCode: "+1", name: "Canada", flag: "🇨🇦" },
+  { code: "BR", dialCode: "+55", name: "Brazil", flag: "🇧🇷" },
+  { code: "MX", dialCode: "+52", name: "Mexico", flag: "🇲🇽" },
+  { code: "JP", dialCode: "+81", name: "Japan", flag: "🇯🇵" },
+  { code: "CN", dialCode: "+86", name: "China", flag: "🇨🇳" },
+  { code: "IN", dialCode: "+91", name: "India", flag: "🇮🇳" },
+  { code: "RU", dialCode: "+7", name: "Russia", flag: "🇷🇺" }
+], Ut = x.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    defaultCountry: a = "US",
+    countries: s = Ht,
+    placeholder: n = "Phone number",
+    disabled: c = !1,
+    className: u,
+    error: m
+  }, b) => {
+    const [N, v] = x.useState(
+      s.find((h) => h.code === a) || s[0]
+    ), [p, d] = x.useState("");
+    x.useEffect(() => {
+      if (e) {
+        const h = s.find((y) => e.startsWith(y.dialCode));
+        h ? (v(h), d(e.slice(h.dialCode.length).trim())) : d(e);
+      }
+    }, [e, s]);
+    const g = (h) => {
+      v(h);
+      const y = `${h.dialCode} ${p}`.trim();
+      r?.(y, h);
+    }, f = (h) => {
+      const y = h.target.value.replace(/[^\d\s\-()]/g, "");
+      d(y);
+      const C = `${N.dialCode} ${y}`.trim();
+      r?.(C, N);
+    };
+    return /* @__PURE__ */ i("div", { className: k("flex", u), children: [
+      /* @__PURE__ */ i(je, { children: [
+        /* @__PURE__ */ t(Ke, { asChild: !0, children: /* @__PURE__ */ i(
+          A,
+          {
+            variant: "outline",
+            disabled: c,
+            className: k(
+              "flex shrink-0 items-center gap-1 rounded-r-none border-r-0 px-3",
+              m && "border-destructive"
+            ),
+            children: [
+              /* @__PURE__ */ t("span", { className: "text-base", children: N.flag }),
+              /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: N.dialCode }),
+              /* @__PURE__ */ t(q, { className: "h-4 w-4 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t(We, { className: "max-h-64 overflow-y-auto", children: s.map((h) => /* @__PURE__ */ i(
+          Je,
+          {
+            onClick: () => g(h),
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ t("span", { className: "text-base", children: h.flag }),
+              /* @__PURE__ */ t("span", { className: "flex-1", children: h.name }),
+              /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: h.dialCode })
+            ]
+          },
+          h.code
+        )) })
+      ] }),
+      /* @__PURE__ */ t(
+        G,
+        {
+          ref: b,
+          type: "tel",
+          value: p,
+          onChange: f,
+          placeholder: n,
+          disabled: c,
+          className: k("rounded-l-none", m && "border-destructive")
+        }
+      )
+    ] });
+  }
+);
+Ut.displayName = "PhoneInput";
+const Bt = x.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    onSearch: a,
+    placeholder: s = "Select...",
+    dialogTitle: n = "Search",
+    searchPlaceholder: c = "Type to search...",
+    emptyMessage: u = "No results found",
+    multiple: m = !1,
+    disabled: b = !1,
+    className: N,
+    renderItem: v
+  }, p) => {
+    const [d, g] = x.useState(!1), [f, h] = x.useState(""), [y, C] = x.useState([]), [l, F] = x.useState(!1), o = x.useRef(null), S = x.useMemo(() => e ? Array.isArray(e) ? e : [e] : [], [e]), R = x.useCallback(
+      async (w) => {
+        if (h(w), o.current && clearTimeout(o.current), !w.trim()) {
+          C([]);
+          return;
+        }
+        o.current = setTimeout(async () => {
+          F(!0);
+          try {
+            const D = await a(w);
+            C(D);
+          } catch {
+            C([]);
+          } finally {
+            F(!1);
+          }
+        }, 300);
+      },
+      [a]
+    ), _ = (w) => {
+      if (m) {
+        const D = S, E = D.some((T) => T.id === w.id) ? D.filter((T) => T.id !== w.id) : [...D, w];
+        r?.(E.length > 0 ? E : void 0);
+      } else
+        r?.(w), g(!1);
+    }, L = (w, D) => {
+      if (D.stopPropagation(), m) {
+        const I = S.filter((E) => E.id !== w);
+        r?.(I.length > 0 ? I : void 0);
+      } else
+        r?.(void 0);
+    }, V = (w) => {
+      w.stopPropagation(), r?.(void 0);
+    }, M = (w) => /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i(Ze, { className: "h-8 w-8", children: [
+        w.avatar && /* @__PURE__ */ t(qe, { src: w.avatar }),
+        /* @__PURE__ */ t(et, { className: "text-xs", children: w.label.split(" ").map((D) => D[0]).join("").toUpperCase().slice(0, 2) })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ t("span", { className: "font-medium", children: w.label }),
+        w.description && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: w.description })
+      ] }),
+      w.badges && w.badges.length > 0 && /* @__PURE__ */ t("div", { className: "flex gap-1", children: w.badges.map((D, I) => /* @__PURE__ */ t(j, { variant: "secondary", className: "text-xs", children: D }, I)) })
+    ] });
+    return /* @__PURE__ */ i($e, { open: d, onOpenChange: g, children: [
+      /* @__PURE__ */ t(He, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: p,
+          variant: "outline",
+          role: "combobox",
+          disabled: b,
+          className: k(
+            "w-full justify-between font-normal",
+            S.length === 0 && "text-muted-foreground",
+            N
+          ),
+          children: [
+            /* @__PURE__ */ t("div", { className: "flex flex-1 flex-wrap items-center gap-1 overflow-hidden", children: S.length === 0 ? /* @__PURE__ */ t("span", { children: s }) : m ? S.map((w) => /* @__PURE__ */ i(j, { variant: "secondary", className: "gap-1 pr-1", children: [
+              w.label,
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "rounded-full hover:bg-muted-foreground/20",
+                  onClick: (D) => L(w.id, D),
+                  children: /* @__PURE__ */ t($, { className: "h-3 w-3" })
+                }
+              )
+            ] }, w.id)) : /* @__PURE__ */ t("span", { className: "truncate", children: S[0].label }) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+              S.length > 0 && !m && /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: V,
+                  children: /* @__PURE__ */ t($, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              ),
+              /* @__PURE__ */ t(tt, { className: "h-4 w-4 shrink-0 opacity-50" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i(Ue, { className: "max-w-lg", children: [
+        /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(ze, { children: n }) }),
+        /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ i("div", { className: "relative", children: [
+            /* @__PURE__ */ t(Fe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ t(
+              G,
+              {
+                placeholder: c,
+                value: f,
+                onChange: (w) => R(w.target.value),
+                className: "pl-10",
+                autoFocus: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(Ee, { className: "h-64", children: l ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ t(Ge, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : y.length === 0 ? /* @__PURE__ */ t("div", { className: "py-8 text-center text-sm text-muted-foreground", children: f ? u : "Start typing to search..." }) : /* @__PURE__ */ t("div", { className: "space-y-1", children: y.map((w) => {
+            const D = S.some((I) => I.id === w.id);
+            return /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => _(w),
+                className: k(
+                  "w-full rounded-md p-2 text-left transition-colors hover:bg-accent",
+                  D && "bg-accent"
+                ),
+                children: v ? v(w) : M(w)
+              },
+              w.id
+            );
+          }) }) })
+        ] })
+      ] })
+    ] });
+  }
+);
+Bt.displayName = "LookupField";
+const zt = ["USD", "EUR", "GBP", "TRY", "JPY", "CNY"];
+function ma({
+  value: e,
+  onChange: r,
+  placeholder: a,
+  searchPlaceholder: s,
+  emptyMessage: n,
+  disabled: c = !1,
+  className: u,
+  showSymbol: m = !0,
+  showCode: b = !0,
+  showName: N = !0,
+  popularCurrencies: v = zt
+}) {
+  const [p, d] = x.useState(!1), { t: g } = Pe(), f = at(), h = e ? pe[e] : void 0, y = v.map((o) => pe[o]).filter(Boolean), C = f.filter(
+    (o) => !v.includes(o.code)
+  ), F = h ? ((o) => {
+    const S = [];
+    return m && S.push(o.symbol), b && S.push(o.code), N && S.push(`- ${o.name}`), S.join(" ");
+  })(h) : a || g("locale.selectCurrency");
+  return /* @__PURE__ */ i(H, { open: p, onOpenChange: d, children: [
+    /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: c,
+        className: k(
+          "w-full justify-between",
+          !e && "text-muted-foreground",
+          u
+        ),
+        children: [
+          /* @__PURE__ */ t("span", { className: "truncate", children: F }),
+          /* @__PURE__ */ t(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(B, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+      /* @__PURE__ */ t(
+        te,
+        {
+          placeholder: s || g("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ t(re, { children: n || g("common.noData") }),
+        y.length > 0 && /* @__PURE__ */ t(Y, { heading: "Popular", children: y.map((o) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${o.code} ${o.name}`,
+            onSelect: () => {
+              r?.(o.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  className: k(
+                    "mr-2 h-4 w-4",
+                    e === o.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "w-8 font-medium", children: o.symbol }),
+              /* @__PURE__ */ t("span", { className: "w-12 text-muted-foreground", children: o.code }),
+              /* @__PURE__ */ t("span", { className: "truncate", children: o.name })
+            ]
+          },
+          o.code
+        )) }),
+        /* @__PURE__ */ t(Y, { heading: "All Currencies", children: C.map((o) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${o.code} ${o.name}`,
+            onSelect: () => {
+              r?.(o.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  className: k(
+                    "mr-2 h-4 w-4",
+                    e === o.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "w-8 font-medium", children: o.symbol }),
+              /* @__PURE__ */ t("span", { className: "w-12 text-muted-foreground", children: o.code }),
+              /* @__PURE__ */ t("span", { className: "truncate", children: o.name })
+            ]
+          },
+          o.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function fa({
+  value: e,
+  onChange: r,
+  placeholder: a,
+  searchPlaceholder: s,
+  emptyMessage: n,
+  disabled: c = !1,
+  className: u,
+  showFlag: m = !0,
+  showNativeName: b = !0,
+  showCode: N = !1,
+  variant: v = "default"
+}) {
+  const [p, d] = x.useState(!1), { t: g, config: f } = Pe(), h = rt(), y = e ? st(e) : void 0, C = e || f.locale, F = y ? ((o, S = !1) => {
+    if (v === "icon-only" && S)
+      return m ? o.flag : /* @__PURE__ */ t(nt, { className: "h-4 w-4" });
+    if (v === "compact" && S)
+      return /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+        m && /* @__PURE__ */ t("span", { children: o.flag }),
+        /* @__PURE__ */ t("span", { children: o.code.split("-")[0].toUpperCase() })
+      ] });
+    const R = [];
+    return m && R.push(/* @__PURE__ */ t("span", { className: "mr-1.5", children: o.flag }, "flag")), b && R.push(/* @__PURE__ */ t("span", { children: o.nativeName }, "native")), N && R.push(/* @__PURE__ */ i("span", { className: "text-muted-foreground ml-1", children: [
+      "(",
+      o.code,
+      ")"
+    ] }, "code")), /* @__PURE__ */ t("span", { className: "flex items-center", children: R });
+  })(y, !0) : a || g("locale.selectLanguage");
+  return /* @__PURE__ */ i(H, { open: p, onOpenChange: d, children: [
+    /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: c,
+        className: k(
+          "justify-between",
+          v === "icon-only" ? "w-10 px-0" : v === "compact" ? "w-auto" : "w-full",
+          !e && "text-muted-foreground",
+          u
+        ),
+        children: [
+          /* @__PURE__ */ t("span", { className: k("truncate", v === "icon-only" && "text-lg"), children: F }),
+          v !== "icon-only" && /* @__PURE__ */ t(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(B, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+      /* @__PURE__ */ t(
+        te,
+        {
+          placeholder: s || g("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ t(re, { children: n || g("common.noData") }),
+        /* @__PURE__ */ t(Y, { children: h.map((o) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${o.code} ${o.name} ${o.nativeName}`,
+            onSelect: () => {
+              r?.(o.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  className: k(
+                    "mr-2 h-4 w-4",
+                    C === o.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "mr-2 text-lg", children: o.flag }),
+              /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ t("span", { className: "font-medium", children: o.nativeName }),
+                /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: o.name })
+              ] })
+            ]
+          },
+          o.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  Rt as C,
+  ua as D,
+  ia as F,
+  Bt as L,
+  Ot as M,
+  $t as N,
+  Ut as P,
+  Vt as S,
+  It as T,
+  vt as a,
+  St as b,
+  kt as c,
+  Ft as d,
+  Pt as e,
+  da as f,
+  Dt as g,
+  Mt as h,
+  At as i,
+  Lt as j,
+  Ht as k,
+  ma as l,
+  fa as m,
+  ne as u
+};
+//# sourceMappingURL=locale-selector-xn2GpdP9.js.map