@senitix/ui 0.4.1 → 0.4.3

package/dist/locale-selector-HuzfE0zZ.js

@@ -0,0 +1,1740 @@
+import { jsx as s, jsxs as c, Fragment as ze } from "react/jsx-runtime";
+import * as v from "react";
+import F from "react";
+import { S as rt, B, c as at } from "./button-BP_ug5gP.js";
+import { c as V } from "./index-BGUveO6l.js";
+import { L as ue } from "./label-CExiitfO.js";
+import { u as X, e as lt, c as _e, n as ot, m as nt } from "./locale-provider-BHGNO4j7.js";
+import { u as Y } from "./use-controllable-state-CEa-Zlq6.js";
+import { C as ct } from "./calendar-86qoSnO7.js";
+import { P as ne, a as ce, b as ie } from "./popover-CZWAuYUL.js";
+import { C as it } from "./calendar-JUSWONQ0.js";
+import { f as ve, u as dt } from "./use-formatters-xeMS4gdV.js";
+import { I as oe, d as ke } from "./input-Pfq8fkiV.js";
+import { S as Ge, D as ut, a as mt, b as ft, c as pt } from "./dropdown-menu-CkCCV_tw.js";
+import { X as me } from "./x-BBkgEhUv.js";
+import { U as ht } from "./upload-C_JDP8O0.js";
+import { F as gt } from "./file-CHbdXCWO.js";
+import { C as Se, b as Ve, c as Fe, d as Me, e as ge, f as Ne } from "./command-CYhMM7gX.js";
+import { C as De } from "./multi-select-CPF7w871.js";
+import { C as ye, B as Ce } from "./badge-D0C_rP2l.js";
+import { C as Nt } from "./clock-BjJE8PGr.js";
+import { C as Oe } from "./chevron-up-Dr7EIn9V.js";
+import { c as je, S as yt } from "./scroll-area-CGNbDUBQ.js";
+import { M as bt } from "./minus-DJ0tmymW.js";
+import { P as xt } from "./plus-D7DMDKb8.js";
+import { D as vt, d as wt, e as kt, f as Ct, h as Pt } from "./dialog-MYAx3Qrc.js";
+import { A as St, a as Vt, b as Ft } from "./avatar-BlEcWE7T.js";
+import { C as Mt } from "./chevron-right-Di90aqSn.js";
+import { L as Dt } from "./loader-circle-CBVYGIRp.js";
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = je("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" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = je("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"
+    }
+  ]
+]);
+var At = (e) => e.type === "checkbox", de = (e) => e instanceof Date, Re = (e) => e == null;
+const Ke = (e) => typeof e == "object";
+var le = (e) => !Re(e) && !Array.isArray(e) && Ke(e) && !de(e), It = (e) => le(e) && e.target ? At(e.target) ? e.target.checked : e.target.value : e, _t = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Ot = (e, r) => e.has(_t(r)), Et = (e) => {
+  const r = e.constructor && e.constructor.prototype;
+  return le(r) && r.hasOwnProperty("isPrototypeOf");
+}, Tt = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
+function We(e) {
+  if (e instanceof Date)
+    return new Date(e);
+  const r = typeof FileList < "u" && e instanceof FileList;
+  if (Tt && (e instanceof Blob || r))
+    return e;
+  const t = Array.isArray(e);
+  if (!t && !(le(e) && Et(e)))
+    return e;
+  const o = t ? [] : Object.create(Object.getPrototypeOf(e));
+  for (const l in e)
+    Object.prototype.hasOwnProperty.call(e, l) && (o[l] = We(e[l]));
+  return o;
+}
+var Je = (e) => /^\w*$/.test(e), Pe = (e) => e === void 0, Ut = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Qe = (e) => Ut(e.replace(/["|']|\]/g, "").split(/\.|\[/)), J = (e, r, t) => {
+  if (!r || !le(e))
+    return t;
+  const o = (Je(r) ? [r] : Qe(r)).reduce((l, n) => Re(l) ? l : l[n], e);
+  return Pe(o) || o === e ? Pe(e[r]) ? t : e[r] : o;
+}, we = (e) => typeof e == "boolean", pe = (e) => typeof e == "function", Ee = (e, r, t) => {
+  let o = -1;
+  const l = Je(r) ? [r] : Qe(r), n = l.length, i = n - 1;
+  for (; ++o < n; ) {
+    const u = l[o];
+    let f = t;
+    if (o !== i) {
+      const N = e[u];
+      f = le(N) || Array.isArray(N) ? N : isNaN(+l[o + 1]) ? {} : [];
+    }
+    if (u === "__proto__" || u === "constructor" || u === "prototype")
+      return;
+    e[u] = f, e = e[u];
+  }
+};
+const Te = {
+  BLUR: "blur",
+  CHANGE: "change"
+}, Ue = {
+  all: "all"
+}, Le = F.createContext(null);
+Le.displayName = "HookFormControlContext";
+const Ae = () => F.useContext(Le);
+var $t = (e, r, t, o = !0) => {
+  const l = {
+    defaultValues: r._defaultValues
+  };
+  for (const n in e)
+    Object.defineProperty(l, n, {
+      get: () => {
+        const i = n;
+        return r._proxyFormState[i] !== Ue.all && (r._proxyFormState[i] = !o || Ue.all), t && (t[i] = !0), e[i];
+      }
+    });
+  return l;
+};
+const Ye = typeof window < "u" ? F.useLayoutEffect : F.useEffect;
+function Ht(e) {
+  const r = Ae(), { control: t = r, disabled: o, name: l, exact: n } = e || {}, [i, u] = F.useState(t._formState), f = F.useRef({
+    isDirty: !1,
+    isLoading: !1,
+    dirtyFields: !1,
+    touchedFields: !1,
+    validatingFields: !1,
+    isValidating: !1,
+    isValid: !1,
+    errors: !1
+  });
+  return Ye(() => t._subscribe({
+    name: l,
+    formState: f.current,
+    exact: n,
+    callback: (N) => {
+      !o && u({
+        ...t._formState,
+        ...N
+      });
+    }
+  }), [l, o, n]), F.useEffect(() => {
+    f.current.isValid && t._setValid(!0);
+  }, [t]), F.useMemo(() => $t(i, t, f.current, !1), [i, t]);
+}
+var Bt = (e) => typeof e == "string", $e = (e, r, t, o, l) => Bt(e) ? J(t, e, l) : Array.isArray(e) ? e.map((n) => J(t, n)) : t, He = (e) => Re(e) || !Ke(e);
+function he(e, r, t = /* @__PURE__ */ new WeakSet()) {
+  if (He(e) || He(r))
+    return Object.is(e, r);
+  if (de(e) && de(r))
+    return Object.is(e.getTime(), r.getTime());
+  const o = Object.keys(e), l = Object.keys(r);
+  if (o.length !== l.length)
+    return !1;
+  if (t.has(e) || t.has(r))
+    return !0;
+  t.add(e), t.add(r);
+  for (const n of o) {
+    const i = e[n];
+    if (!l.includes(n))
+      return !1;
+    if (n !== "ref") {
+      const u = r[n];
+      if (de(i) && de(u) || le(i) && le(u) || Array.isArray(i) && Array.isArray(u) ? !he(i, u, t) : !Object.is(i, u))
+        return !1;
+    }
+  }
+  return !0;
+}
+function zt(e) {
+  const r = Ae(), { control: t = r, name: o, defaultValue: l, disabled: n, exact: i, compute: u } = e || {}, f = F.useRef(l), N = F.useRef(u), y = F.useRef(void 0), p = F.useRef(t), g = F.useRef(o);
+  N.current = u;
+  const [S, P] = F.useState(() => {
+    const a = t._getWatch(o, f.current);
+    return N.current ? N.current(a) : a;
+  }), C = F.useCallback((a) => {
+    const b = $e(o, t._names, a || t._formValues, !1, f.current);
+    return N.current ? N.current(b) : b;
+  }, [t._formValues, t._names, o]), w = F.useCallback((a) => {
+    if (!n) {
+      const b = $e(o, t._names, a || t._formValues, !1, f.current);
+      if (N.current) {
+        const d = N.current(b);
+        he(d, y.current) || (P(d), y.current = d);
+      } else
+        P(b);
+    }
+  }, [t._formValues, t._names, n, o]);
+  Ye(() => ((p.current !== t || !he(g.current, o)) && (p.current = t, g.current = o, w()), t._subscribe({
+    name: o,
+    formState: {
+      values: !0
+    },
+    exact: i,
+    callback: (a) => {
+      w(a.values);
+    }
+  })), [t, i, o, w]), F.useEffect(() => t._removeUnmounted());
+  const k = p.current !== t, x = g.current, M = F.useMemo(() => {
+    if (n)
+      return null;
+    const a = !k && !he(x, o);
+    return k || a ? C() : null;
+  }, [n, k, o, x, C]);
+  return M !== null ? M : S;
+}
+function Gt(e) {
+  const r = Ae(), { name: t, disabled: o, control: l = r, shouldUnregister: n, defaultValue: i, exact: u = !0 } = e, f = Ot(l._names.array, t), N = F.useMemo(() => J(l._formValues, t, J(l._defaultValues, t, i)), [l, t, i]), y = zt({
+    control: l,
+    name: t,
+    defaultValue: N,
+    exact: u
+  }), p = Ht({
+    control: l,
+    name: t,
+    exact: u
+  }), g = F.useRef(e), S = F.useRef(void 0), P = F.useRef(l.register(t, {
+    ...e.rules,
+    value: y,
+    ...we(e.disabled) ? { disabled: e.disabled } : {}
+  }));
+  g.current = e;
+  const C = F.useMemo(() => Object.defineProperties({}, {
+    invalid: {
+      enumerable: !0,
+      get: () => !!J(p.errors, t)
+    },
+    isDirty: {
+      enumerable: !0,
+      get: () => !!J(p.dirtyFields, t)
+    },
+    isTouched: {
+      enumerable: !0,
+      get: () => !!J(p.touchedFields, t)
+    },
+    isValidating: {
+      enumerable: !0,
+      get: () => !!J(p.validatingFields, t)
+    },
+    error: {
+      enumerable: !0,
+      get: () => J(p.errors, t)
+    }
+  }), [p, t]), w = F.useCallback((a) => P.current.onChange({
+    target: {
+      value: It(a),
+      name: t
+    },
+    type: Te.CHANGE
+  }), [t]), k = F.useCallback(() => P.current.onBlur({
+    target: {
+      value: J(l._formValues, t),
+      name: t
+    },
+    type: Te.BLUR
+  }), [t, l._formValues]), x = F.useCallback((a) => {
+    const b = J(l._fields, t);
+    b && b._f && a && (b._f.ref = {
+      focus: () => pe(a.focus) && a.focus(),
+      select: () => pe(a.select) && a.select(),
+      setCustomValidity: (d) => pe(a.setCustomValidity) && a.setCustomValidity(d),
+      reportValidity: () => pe(a.reportValidity) && a.reportValidity()
+    });
+  }, [l._fields, t]), M = F.useMemo(() => ({
+    name: t,
+    value: y,
+    ...we(o) || p.disabled ? { disabled: p.disabled || o } : {},
+    onChange: w,
+    onBlur: k,
+    ref: x
+  }), [t, o, p.disabled, w, k, x, y]);
+  return F.useEffect(() => {
+    const a = l._options.shouldUnregister || n, b = S.current;
+    b && b !== t && !f && l.unregister(b), l.register(t, {
+      ...g.current.rules,
+      ...we(g.current.disabled) ? { disabled: g.current.disabled } : {}
+    });
+    const d = (A, h) => {
+      const L = J(l._fields, A);
+      L && L._f && (L._f.mount = h);
+    };
+    if (d(t, !0), a) {
+      const A = We(J(l._options.defaultValues, t, g.current.defaultValue));
+      Ee(l._defaultValues, t, A), Pe(J(l._formValues, t)) && Ee(l._formValues, t, A);
+    }
+    return !f && l.register(t), S.current = t, () => {
+      (f ? a && !l._state.action : a) ? l.unregister(t) : d(t, !1);
+    };
+  }, [t, l, f, n]), F.useEffect(() => {
+    l._setDisabledField({
+      disabled: o,
+      name: t
+    });
+  }, [o, t, l]), F.useMemo(() => ({
+    field: M,
+    formState: p,
+    fieldState: C
+  }), [M, p, C]);
+}
+const jt = (e) => e.render(Gt(e)), Ie = F.createContext(null);
+Ie.displayName = "HookFormContext";
+const Kt = () => F.useContext(Ie), Wt = (e) => {
+  const { children: r, watch: t, getValues: o, getFieldState: l, setError: n, clearErrors: i, setValue: u, trigger: f, formState: N, resetField: y, reset: p, handleSubmit: g, unregister: S, control: P, register: C, setFocus: w, subscribe: k } = e;
+  return F.createElement(
+    Ie.Provider,
+    { value: F.useMemo(() => ({
+      watch: t,
+      getValues: o,
+      getFieldState: l,
+      setError: n,
+      clearErrors: i,
+      setValue: u,
+      trigger: f,
+      formState: N,
+      resetField: y,
+      reset: p,
+      handleSubmit: g,
+      unregister: S,
+      control: P,
+      register: C,
+      setFocus: w,
+      subscribe: k
+    }), [
+      i,
+      P,
+      N,
+      l,
+      o,
+      g,
+      C,
+      p,
+      y,
+      n,
+      w,
+      u,
+      k,
+      f,
+      S,
+      t
+    ]) },
+    F.createElement(Le.Provider, { value: P }, r)
+  );
+}, Bs = Wt, Xe = v.createContext({}), zs = ({
+  ...e
+}) => /* @__PURE__ */ s(Xe.Provider, { value: { name: e.name }, children: /* @__PURE__ */ s(jt, { ...e }) }), be = () => {
+  const e = v.useContext(Xe), r = v.useContext(Ze), { getFieldState: t, formState: o } = Kt(), l = t(e.name, o);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: n } = r;
+  return {
+    id: n,
+    name: e.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...l
+  };
+}, Ze = v.createContext({}), Jt = v.forwardRef(
+  ({ className: e, ...r }, t) => {
+    const o = v.useId();
+    return /* @__PURE__ */ s(Ze.Provider, { value: { id: o }, children: /* @__PURE__ */ s("div", { ref: t, className: V("space-y-2", e), ...r }) });
+  }
+);
+Jt.displayName = "FormItem";
+const Qt = v.forwardRef(({ className: e, ...r }, t) => {
+  const { error: o, formItemId: l } = be();
+  return /* @__PURE__ */ s(
+    ue,
+    {
+      ref: t,
+      className: V(o && "text-destructive", e),
+      htmlFor: l,
+      ...r
+    }
+  );
+});
+Qt.displayName = "FormLabel";
+const Yt = v.forwardRef(({ ...e }, r) => {
+  const { error: t, formItemId: o, formDescriptionId: l, formMessageId: n } = be();
+  return /* @__PURE__ */ s(
+    rt,
+    {
+      ref: r,
+      id: o,
+      "aria-describedby": t ? `${l} ${n}` : `${l}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+});
+Yt.displayName = "FormControl";
+const Xt = v.forwardRef(({ className: e, ...r }, t) => {
+  const { formDescriptionId: o } = be();
+  return /* @__PURE__ */ s(
+    "p",
+    {
+      ref: t,
+      id: o,
+      className: V("text-sm text-muted-foreground", e),
+      ...r
+    }
+  );
+});
+Xt.displayName = "FormDescription";
+const Zt = v.forwardRef(({ className: e, children: r, ...t }, o) => {
+  const { error: l, formMessageId: n } = be(), i = l ? String(l == null ? void 0 : l.message) : r;
+  return i ? /* @__PURE__ */ s(
+    "p",
+    {
+      ref: o,
+      id: n,
+      className: V("text-sm font-medium text-destructive", e),
+      ...t,
+      children: i
+    }
+  ) : null;
+});
+Zt.displayName = "FormMessage";
+const qt = v.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    placeholder: t,
+    disabled: o = !1,
+    className: l,
+    dateFormat: n = "LLL dd, y",
+    numberOfMonths: i = 2,
+    open: u,
+    defaultOpen: f = !1,
+    onOpenChange: N,
+    renderValue: y,
+    calendarProps: p
+  }, g) => {
+    const { t: S } = X(), [P, C] = Y({
+      value: u,
+      defaultValue: f,
+      onChange: N
+    }), w = S("date.selectDateRange"), k = t ?? (w === "date.selectDateRange" ? "Pick a date range" : w), x = e != null && e.from ? e.to ? /* @__PURE__ */ c(ze, { children: [
+      ve(e.from, n),
+      " - ",
+      ve(e.to, n)
+    ] }) : ve(e.from, n) : /* @__PURE__ */ s("span", { children: k });
+    return /* @__PURE__ */ s("div", { className: V("grid gap-2", l), children: /* @__PURE__ */ c(ne, { open: P, onOpenChange: C, children: [
+      /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c(
+        B,
+        {
+          ref: g,
+          id: "date",
+          variant: "outline",
+          disabled: o,
+          className: V(
+            "w-full justify-start text-left font-normal",
+            !e && "text-muted-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ s(it, { className: "mr-2 h-4 w-4" }),
+            y ? y(e) : x
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ s(ie, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ s(
+        ct,
+        {
+          initialFocus: !0,
+          mode: "range",
+          defaultMonth: e == null ? void 0 : e.from,
+          selected: e,
+          onSelect: r,
+          numberOfMonths: i,
+          ...p
+        }
+      ) })
+    ] }) });
+  }
+);
+qt.displayName = "DateRangePicker";
+const es = v.forwardRef(
+  ({
+    className: e,
+    value: r,
+    onChange: t,
+    onSearch: o,
+    onClear: l,
+    showClearButton: n = !0,
+    loading: i = !1,
+    placeholder: u,
+    ...f
+  }, N) => {
+    const { t: y } = X(), p = (P) => {
+      t == null || t(P.target.value);
+    }, g = () => {
+      t == null || t(""), l == null || l();
+    }, S = (P) => {
+      P.key === "Enter" && (o == null || o(r || ""));
+    };
+    return /* @__PURE__ */ c("div", { className: V("relative", e), children: [
+      /* @__PURE__ */ s(Ge, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ s(
+        oe,
+        {
+          ref: N,
+          type: "text",
+          value: r,
+          onChange: p,
+          onKeyDown: S,
+          placeholder: u ?? y("table.searchPlaceholder"),
+          className: V("pl-9", n && r && "pr-9"),
+          ...f
+        }
+      ),
+      n && r && !i && /* @__PURE__ */ c(
+        B,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "absolute right-1 top-1/2 h-7 w-7 -translate-y-1/2",
+          onClick: g,
+          children: [
+            /* @__PURE__ */ s(me, { className: "h-4 w-4" }),
+            /* @__PURE__ */ s("span", { className: "sr-only", children: y("common.clear") })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ s("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ s("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) })
+    ] });
+  }
+);
+es.displayName = "SearchInput";
+const ts = v.forwardRef(
+  ({
+    value: e = [],
+    onChange: r,
+    accept: t,
+    multiple: o = !1,
+    maxFiles: l = 10,
+    maxSize: n = 10 * 1024 * 1024,
+    disabled: i = !1,
+    className: u,
+    dragActive: f,
+    defaultDragActive: N = !1,
+    onDragActiveChange: y,
+    dropzoneTitle: p,
+    dropzoneHint: g,
+    singleFileLabel: S,
+    maxFilesLabel: P,
+    renderFileItem: C,
+    onInvalidFile: w
+  }, k) => {
+    const { t: x } = X(), M = v.useRef(null), [a, b] = Y({
+      value: f,
+      defaultValue: N,
+      onChange: y
+    }), d = (D) => {
+      if (D === 0) return "0 Bytes";
+      const O = 1024, E = ["Bytes", "KB", "MB", "GB"], I = Math.floor(Math.log(D) / Math.log(O));
+      return parseFloat((D / Math.pow(O, I)).toFixed(2)) + " " + E[I];
+    }, A = x("fileUpload.dropOrClick"), h = p ?? (A === "fileUpload.dropOrClick" ? "Drag & drop files here, or click to select" : A), L = x("fileUpload.singleFile"), T = x("fileUpload.upToFiles", { count: l }), _ = x("fileUpload.maxEach", { size: d(n) }), Z = S ?? (L === "fileUpload.singleFile" ? "Single file" : L), Q = (P == null ? void 0 : P(l)) ?? (T === "fileUpload.upToFiles" ? `Up to ${l} files` : T), ee = _ === "fileUpload.maxEach" ? `max ${d(n)} each` : _, j = g ?? `${o ? Q : Z} (${ee})`, z = (D) => {
+      if (!D) return;
+      const E = Array.from(D).filter((m) => m.size > n ? (w == null || w(m, "size"), !1) : !0), I = o ? [...e, ...E].slice(0, l) : E.slice(0, 1);
+      r == null || r(I);
+    }, K = (D) => {
+      D.preventDefault(), D.stopPropagation(), D.type === "dragenter" || D.type === "dragover" ? b(!0) : D.type === "dragleave" && b(!1);
+    }, te = (D) => {
+      D.preventDefault(), D.stopPropagation(), b(!1), i || z(D.dataTransfer.files);
+    }, q = (D) => {
+      z(D.target.files);
+    }, se = (D) => {
+      const O = e.filter((E, I) => I !== D);
+      r == null || r(O);
+    };
+    return /* @__PURE__ */ c("div", { ref: k, className: V("space-y-4", u), children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: V(
+            "relative flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 transition-colors",
+            a ? "border-primary bg-primary/5" : "border-muted-foreground/25",
+            i && "cursor-not-allowed opacity-50"
+          ),
+          onDragEnter: K,
+          onDragLeave: K,
+          onDragOver: K,
+          onDrop: te,
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: M,
+                type: "file",
+                accept: t,
+                multiple: o,
+                disabled: i,
+                onChange: q,
+                className: "absolute inset-0 cursor-pointer opacity-0"
+              }
+            ),
+            /* @__PURE__ */ s(ht, { className: "mb-2 h-10 w-10 text-muted-foreground" }),
+            /* @__PURE__ */ s("p", { className: "mb-1 text-sm font-medium", children: h }),
+            /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground", children: j })
+          ]
+        }
+      ),
+      e.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-2", children: e.map((D, O) => /* @__PURE__ */ s(v.Fragment, { children: C ? C(D, O, () => se(O)) : /* @__PURE__ */ c(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-lg border p-3",
+          children: [
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ s(gt, { className: "h-8 w-8 text-muted-foreground" }),
+              /* @__PURE__ */ c("div", { children: [
+                /* @__PURE__ */ s("p", { className: "text-sm font-medium", children: D.name }),
+                /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground", children: d(D.size) })
+              ] })
+            ] }),
+            /* @__PURE__ */ s(
+              B,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => se(O),
+                disabled: i,
+                "aria-label": x("common.delete"),
+                children: /* @__PURE__ */ s(me, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        }
+      ) }, `${D.name}-${O}`)) })
+    ] });
+  }
+);
+ts.displayName = "FileUpload";
+const ss = v.forwardRef(
+  ({
+    options: e,
+    value: r,
+    onChange: t,
+    placeholder: o,
+    searchPlaceholder: l,
+    emptyMessage: n,
+    disabled: i = !1,
+    className: u,
+    open: f,
+    defaultOpen: N = !1,
+    onOpenChange: y,
+    searchValue: p,
+    defaultSearchValue: g = "",
+    onSearchValueChange: S,
+    clearSearchOnClose: P = !0,
+    renderOption: C
+  }, w) => {
+    const { t: k } = X(), [x, M] = Y({
+      value: f,
+      defaultValue: N,
+      onChange: y
+    }), [a, b] = Y({
+      value: p,
+      defaultValue: g,
+      onChange: S
+    }), d = o ?? k("common.select"), A = l ?? k("common.search"), h = n ?? k("table.noResults"), L = e.find((_) => _.value === r);
+    return /* @__PURE__ */ c(ne, { open: x, onOpenChange: (_) => {
+      M(_), !_ && P && b("");
+    }, children: [
+      /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c(
+        B,
+        {
+          ref: w,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": x,
+          disabled: i,
+          className: V("w-full justify-between", !r && "text-muted-foreground", u),
+          children: [
+            L ? L.label : d,
+            /* @__PURE__ */ s(De, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ s(ie, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ c(Se, { children: [
+        /* @__PURE__ */ s(
+          Ve,
+          {
+            placeholder: A,
+            value: a,
+            onValueChange: b
+          }
+        ),
+        /* @__PURE__ */ c(Fe, { children: [
+          /* @__PURE__ */ s(Me, { children: h }),
+          /* @__PURE__ */ s(ge, { children: e.map((_) => /* @__PURE__ */ s(
+            Ne,
+            {
+              value: _.value,
+              disabled: _.disabled,
+              onSelect: (Z) => {
+                t == null || t(Z === r ? "" : Z), M(!1);
+              },
+              children: C ? C(_, r === _.value) : /* @__PURE__ */ c(ze, { children: [
+                /* @__PURE__ */ s(
+                  ye,
+                  {
+                    className: V(
+                      "mr-2 h-4 w-4",
+                      r === _.value ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                ),
+                _.label
+              ] })
+            },
+            _.value
+          )) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+ss.displayName = "Combobox";
+const rs = v.forwardRef(
+  ({
+    value: e = [],
+    onChange: r,
+    placeholder: t,
+    maxTags: o = 10,
+    allowDuplicates: l = !1,
+    disabled: n = !1,
+    className: i,
+    inputValue: u,
+    defaultInputValue: f = "",
+    onInputValueChange: N,
+    onTagAdd: y,
+    onTagRemove: p,
+    separatorKeys: g = [","],
+    normalizeTag: S
+  }, P) => {
+    const { t: C } = X(), [w, k] = Y({
+      value: u,
+      defaultValue: f,
+      onChange: N
+    }), x = v.useRef(null), M = C("tag.add"), a = t ?? (M === "tag.add" ? "Add tag..." : M), b = (h) => {
+      const T = (S ? S(h) : h).trim();
+      T && (e.length >= o || !l && e.includes(T) || (r == null || r([...e, T]), y == null || y(T), k("")));
+    }, d = (h) => {
+      const L = e.filter((T, _) => _ !== h);
+      p == null || p(e[h] ?? "", h), r == null || r(L);
+    }, A = (h) => {
+      h.key === "Enter" ? (h.preventDefault(), b(w)) : h.key === "Backspace" && !w && e.length > 0 ? d(e.length - 1) : g.includes(h.key) && (h.preventDefault(), b(w));
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: P,
+        className: V(
+          "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 focus-within:ring-1 focus-within:ring-ring/50",
+          n && "cursor-not-allowed opacity-50",
+          i
+        ),
+        onClick: () => {
+          var h;
+          return (h = x.current) == null ? void 0 : h.focus();
+        },
+        children: [
+          e.map((h, L) => /* @__PURE__ */ c(Ce, { variant: "secondary", className: "gap-1", children: [
+            h,
+            !n && /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: (T) => {
+                  T.stopPropagation(), d(L);
+                },
+                className: "ml-1 rounded-full outline-none focus-visible:ring-1 focus-visible:ring-ring/50",
+                children: /* @__PURE__ */ s(me, { className: "h-3 w-3" })
+              }
+            )
+          ] }, `${h}-${L}`)),
+          /* @__PURE__ */ s(
+            oe,
+            {
+              ref: x,
+              type: "text",
+              value: w,
+              onChange: (h) => k(h.target.value),
+              onKeyDown: A,
+              placeholder: e.length === 0 ? a : "",
+              disabled: n || e.length >= o,
+              className: "flex-1 border-0 bg-transparent p-0 placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+rs.displayName = "TagInput";
+const as = v.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    format: t = "24h",
+    minuteStep: o = 1,
+    placeholder: l,
+    disabled: n = !1,
+    className: i,
+    error: u,
+    open: f,
+    defaultOpen: N = !1,
+    onOpenChange: y,
+    hoursLabel: p,
+    minutesLabel: g,
+    periodLabel: S,
+    amLabel: P,
+    pmLabel: C
+  }, w) => {
+    const { t: k } = dt(), [x, M] = Y({
+      value: f,
+      defaultValue: N,
+      onChange: y
+    }), [a, b] = v.useState(0), [d, A] = v.useState(0), [h, L] = v.useState("AM"), T = p ?? k("time.hours"), _ = g ?? k("time.minutes"), Z = S ?? k("time.period"), Q = k("time.am"), ee = k("time.pm"), j = P ?? (Q === "time.am" ? "AM" : Q), z = C ?? (ee === "time.pm" ? "PM" : ee);
+    v.useEffect(() => {
+      if (e) {
+        const [m, U] = e.split(":").map(Number);
+        t === "12h" ? (b(m > 12 ? m - 12 : m === 0 ? 12 : m), L(m >= 12 ? "PM" : "AM")) : b(m), A(U);
+      }
+    }, [e, t]);
+    const K = (m, U, $) => {
+      let G = m;
+      if (t === "12h") {
+        const re = $ ?? h;
+        re === "PM" && G !== 12 && (G += 12), re === "AM" && G === 12 && (G = 0);
+      }
+      const W = `${G.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}`;
+      r == null || r(W);
+    }, te = () => {
+      const m = t === "12h" ? 12 : 23, U = t === "12h" ? 1 : 0, $ = a >= m ? U : a + 1;
+      b($), K($, d);
+    }, q = () => {
+      const m = t === "12h" ? 12 : 23, $ = a <= (t === "12h" ? 1 : 0) ? m : a - 1;
+      b($), K($, d);
+    }, se = () => {
+      const m = d >= 60 - o, U = m ? 0 : d + o;
+      let $ = a, G = h;
+      if (m) {
+        const W = t === "12h" ? 12 : 23, re = t === "12h" ? 1 : 0;
+        $ = a >= W ? re : a + 1, t === "12h" && a === 11 && (G = h === "AM" ? "PM" : "AM", L(G)), b($);
+      }
+      A(U), K($, U, t === "12h" ? G : void 0);
+    }, D = () => {
+      const m = d < o, U = m ? 60 - o : d - o;
+      let $ = a, G = h;
+      if (m) {
+        const W = t === "12h" ? 12 : 23;
+        $ = a <= (t === "12h" ? 1 : 0) ? W : a - 1, t === "12h" && a === 12 && (G = h === "AM" ? "PM" : "AM", L(G)), b($);
+      }
+      A(U), K($, U, t === "12h" ? G : void 0);
+    }, O = () => {
+      const m = h === "AM" ? "PM" : "AM";
+      L(m), K(a, d, m);
+    }, E = v.useMemo(() => e ? t === "12h" ? `${a.toString().padStart(2, "0")}:${d.toString().padStart(2, "0")} ${h === "AM" ? j : z}` : `${a.toString().padStart(2, "0")}:${d.toString().padStart(2, "0")}` : "", [e, t, a, d, h, j, z]), I = l || k("time.selectTime");
+    return /* @__PURE__ */ c(ne, { open: x, onOpenChange: M, children: [
+      /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c("div", { className: V("relative", i), children: [
+        /* @__PURE__ */ s(
+          oe,
+          {
+            ref: w,
+            readOnly: !0,
+            value: E,
+            placeholder: I,
+            disabled: n,
+            className: V("pr-10 cursor-pointer", u && "border-destructive"),
+            onClick: () => !n && M(!0)
+          }
+        ),
+        /* @__PURE__ */ s(Nt, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" })
+      ] }) }),
+      /* @__PURE__ */ s(ie, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ s(ue, { className: "text-xs text-muted-foreground", children: T }),
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ s(
+              B,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: te,
+                children: /* @__PURE__ */ s(Oe, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: "text-2xl font-bold tabular-nums", children: a.toString().padStart(2, "0") }),
+            /* @__PURE__ */ s(
+              B,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: q,
+                children: /* @__PURE__ */ s(ke, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ s("span", { className: "text-2xl font-bold", children: ":" }),
+        /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ s(ue, { className: "text-xs text-muted-foreground", children: _ }),
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ s(
+              B,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: se,
+                children: /* @__PURE__ */ s(Oe, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: "text-2xl font-bold tabular-nums", children: d.toString().padStart(2, "0") }),
+            /* @__PURE__ */ s(
+              B,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: D,
+                children: /* @__PURE__ */ s(ke, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        t === "12h" && /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ s(ue, { className: "text-xs text-muted-foreground", children: Z }),
+          /* @__PURE__ */ s(
+            B,
+            {
+              variant: "outline",
+              className: "h-auto px-3 py-2 text-lg font-bold",
+              onClick: O,
+              children: h === "AM" ? j : z
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+);
+as.displayName = "TimePicker";
+const ls = [
+  "#000000",
+  "#ffffff",
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#eab308",
+  "#84cc16",
+  "#22c55e",
+  "#10b981",
+  "#14b8a6",
+  "#06b6d4",
+  "#0ea5e9",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#d946ef",
+  "#ec4899",
+  "#f43f5e",
+  "#78716c",
+  "#737373",
+  "#71717a",
+  "#6b7280",
+  "#64748b"
+], os = v.forwardRef(
+  ({
+    value: e = "#000000",
+    onChange: r,
+    presetColors: t = ls,
+    showInput: o = !0,
+    showEyeDropper: l = !0,
+    placeholder: n,
+    disabled: i = !1,
+    className: u
+  }, f) => {
+    const { t: N } = X(), [y, p] = v.useState(!1), [g, S] = v.useState(e), P = typeof window < "u" && "EyeDropper" in window;
+    v.useEffect(() => {
+      S(e);
+    }, [e]);
+    const C = (x) => {
+      S(x), r == null || r(x);
+    }, w = (x) => {
+      const M = x.target.value;
+      S(M), /^#[0-9A-Fa-f]{6}$/.test(M) && (r == null || r(M));
+    }, k = async () => {
+      if (P)
+        try {
+          const M = await new window.EyeDropper().open();
+          C(M.sRGBHex);
+        } catch {
+        }
+    };
+    return /* @__PURE__ */ c(ne, { open: y, onOpenChange: p, children: [
+      /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c(
+        B,
+        {
+          ref: f,
+          variant: "outline",
+          disabled: i,
+          className: V("w-full justify-start gap-2", u),
+          children: [
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: "h-5 w-5 rounded border",
+                style: { backgroundColor: g }
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: "flex-1 text-left font-mono text-sm", children: g || n || N("color.select") })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ s(ie, { className: "w-64 p-3", align: "start", children: /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: "h-10 w-10 rounded-lg border",
+              style: { backgroundColor: g }
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "flex-1", children: [
+            /* @__PURE__ */ s(ue, { className: "text-xs text-muted-foreground", children: N("color.current") }),
+            /* @__PURE__ */ s("p", { className: "font-mono text-sm font-medium", children: g })
+          ] }),
+          l && P && /* @__PURE__ */ s(
+            B,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: k,
+              title: N("color.pickFromScreen"),
+              children: /* @__PURE__ */ s(Lt, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-6 gap-1", children: t.map((x) => /* @__PURE__ */ s(
+          "button",
+          {
+            className: V(
+              "h-7 w-7 rounded-md border-2 transition-transform hover:scale-110",
+              g.toLowerCase() === x.toLowerCase() ? "border-primary" : "border-transparent"
+            ),
+            style: { backgroundColor: x },
+            onClick: () => C(x),
+            title: x
+          },
+          x
+        )) }),
+        o && /* @__PURE__ */ c("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ s(
+            oe,
+            {
+              type: "text",
+              value: g,
+              onChange: w,
+              placeholder: "#000000",
+              className: "font-mono",
+              maxLength: 7
+            }
+          ),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              type: "color",
+              value: g,
+              onChange: (x) => C(x.target.value),
+              className: "h-10 w-10 cursor-pointer rounded border bg-transparent p-1"
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+);
+os.displayName = "ColorPicker";
+const ns = at("relative flex", {
+  variants: {
+    size: {
+      sm: "w-24",
+      md: "w-32",
+      lg: "w-40"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), Be = {
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-12 w-12"
+}, cs = {
+  sm: "h-8 text-sm",
+  md: "h-10 text-base",
+  lg: "h-12 text-lg"
+}, is = v.forwardRef(
+  ({
+    className: e,
+    value: r,
+    onChange: t,
+    min: o,
+    max: l,
+    step: n = 1,
+    precision: i = 0,
+    showStepper: u = !0,
+    prefix: f,
+    suffix: N,
+    parser: y,
+    formatter: p,
+    inputValue: g,
+    defaultInputValue: S = (r == null ? void 0 : r.toString()) ?? "",
+    onInputValueChange: P,
+    onIncrement: C,
+    onDecrement: w,
+    decrementAriaLabel: k,
+    incrementAriaLabel: x,
+    disabled: M,
+    size: a = "md",
+    ...b
+  }, d) => {
+    const { t: A } = X(), [h, L] = Y({
+      value: g,
+      defaultValue: S,
+      onChange: P
+    }), T = A("number.decrement"), _ = A("number.increment"), Z = k ?? (T === "number.decrement" ? "Decrease value" : T), Q = x ?? (_ === "number.increment" ? "Increase value" : _), ee = v.useCallback(
+      (I) => {
+        if (y) return y(I);
+        const m = parseFloat(I);
+        return Number.isNaN(m) ? void 0 : m;
+      },
+      [y]
+    ), j = v.useCallback(
+      (I) => p ? p(I) : I == null ? "" : I.toString(),
+      [p]
+    );
+    v.useEffect(() => {
+      g === void 0 && L(j(r));
+    }, [r, g, L, j]);
+    const z = (I) => {
+      let m = I;
+      return o !== void 0 && (m = Math.max(o, m)), l !== void 0 && (m = Math.min(l, m)), Number(m.toFixed(i));
+    }, K = (I) => {
+      const m = I.target.value;
+      if (L(m), m === "" || m === "-") {
+        t == null || t(void 0);
+        return;
+      }
+      const U = ee(m);
+      U !== void 0 && (t == null || t(z(U)));
+    }, te = () => {
+      if (h === "" || h === "-") {
+        L(""), t == null || t(void 0);
+        return;
+      }
+      const I = ee(h);
+      if (I !== void 0) {
+        const m = z(I);
+        L(j(m)), t == null || t(m);
+      }
+    }, q = () => {
+      const m = z((r ?? 0) + n);
+      L(j(m)), t == null || t(m), C == null || C(m);
+    }, se = () => {
+      const m = z((r ?? 0) - n);
+      L(j(m)), t == null || t(m), w == null || w(m);
+    }, D = l === void 0 || (r ?? 0) < l, O = o === void 0 || (r ?? 0) > o, E = a || "md";
+    return /* @__PURE__ */ c("div", { className: V(ns({ size: a }), e), children: [
+      u && /* @__PURE__ */ s(
+        B,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: V("rounded-r-none", Be[E]),
+          onClick: se,
+          disabled: M || !O,
+          "aria-label": Z,
+          children: /* @__PURE__ */ s(bt, { className: V(E === "sm" ? "h-3 w-3" : "h-4 w-4") })
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: "relative flex-1", children: [
+        f && /* @__PURE__ */ s("span", { className: V(
+          "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          E === "sm" && "text-sm",
+          E === "lg" && "text-lg"
+        ), children: f }),
+        /* @__PURE__ */ s(
+          oe,
+          {
+            ref: d,
+            type: "text",
+            inputMode: "decimal",
+            value: h,
+            onChange: K,
+            onBlur: te,
+            disabled: M,
+            className: V(
+              "text-center",
+              cs[E],
+              u && "rounded-none border-x-0",
+              f && "pl-8",
+              N && "pr-8"
+            ),
+            ...b
+          }
+        ),
+        N && /* @__PURE__ */ s("span", { className: V(
+          "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          E === "sm" && "text-sm",
+          E === "lg" && "text-lg"
+        ), children: N })
+      ] }),
+      u && /* @__PURE__ */ s(
+        B,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: V("rounded-l-none", Be[E]),
+          onClick: q,
+          disabled: M || !D,
+          "aria-label": Q,
+          children: /* @__PURE__ */ s(xt, { className: V(E === "sm" ? "h-3 w-3" : "h-4 w-4") })
+        }
+      )
+    ] });
+  }
+);
+is.displayName = "NumberInput";
+const ds = [
+  { 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: "🇷🇺" }
+], us = v.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    defaultCountry: t = "US",
+    selectedCountryCode: o,
+    onSelectedCountryCodeChange: l,
+    onCountryChange: n,
+    countries: i = ds,
+    placeholder: u,
+    disabled: f = !1,
+    className: N,
+    error: y
+  }, p) => {
+    const { t: g } = X(), [S, P] = Y({
+      value: o,
+      defaultValue: t,
+      onChange: l
+    }), C = v.useMemo(
+      () => i.find((d) => d.code === S) || i[0],
+      [i, S]
+    ), [w, k] = v.useState(""), x = g("form.phonePlaceholder"), M = u ?? (x === "form.phonePlaceholder" ? "Phone number" : x);
+    if (v.useEffect(() => {
+      if (e == null || e === "") {
+        k("");
+        return;
+      }
+      const d = i.find((A) => e.startsWith(A.dialCode));
+      d ? (P(d.code), k(e.slice(d.dialCode.length).trim())) : k(e);
+    }, [e, i, P]), !C) return null;
+    const a = (d) => {
+      P(d.code), n == null || n(d);
+      const A = `${d.dialCode} ${w}`.trim();
+      r == null || r(A, d);
+    }, b = (d) => {
+      const A = d.target.value.replace(/[^\d\s\-()]/g, "");
+      k(A);
+      const h = `${C.dialCode} ${A}`.trim();
+      r == null || r(h, C);
+    };
+    return /* @__PURE__ */ c("div", { className: V("flex", N), children: [
+      /* @__PURE__ */ c(ut, { children: [
+        /* @__PURE__ */ s(mt, { asChild: !0, children: /* @__PURE__ */ c(
+          B,
+          {
+            variant: "outline",
+            disabled: f,
+            className: V(
+              "flex shrink-0 items-center gap-1 rounded-r-none border-r-0 px-3",
+              y && "border-destructive"
+            ),
+            children: [
+              /* @__PURE__ */ s("span", { className: "text-base", children: C.flag }),
+              /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: C.dialCode }),
+              /* @__PURE__ */ s(ke, { className: "h-4 w-4 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ s(ft, { className: "max-h-64 overflow-y-auto", children: i.map((d) => /* @__PURE__ */ c(
+          pt,
+          {
+            onClick: () => a(d),
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ s("span", { className: "text-base", children: d.flag }),
+              /* @__PURE__ */ s("span", { className: "flex-1", children: d.name }),
+              /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: d.dialCode })
+            ]
+          },
+          d.code
+        )) })
+      ] }),
+      /* @__PURE__ */ s(
+        oe,
+        {
+          ref: p,
+          type: "tel",
+          value: w,
+          onChange: b,
+          placeholder: M,
+          disabled: f,
+          className: V("rounded-l-none", y && "border-destructive")
+        }
+      )
+    ] });
+  }
+);
+us.displayName = "PhoneInput";
+const ms = v.forwardRef(
+  ({
+    value: e,
+    onChange: r,
+    onSearch: t,
+    placeholder: o,
+    dialogTitle: l,
+    searchPlaceholder: n,
+    emptyMessage: i,
+    startTypingMessage: u,
+    multiple: f = !1,
+    disabled: N = !1,
+    className: y,
+    open: p,
+    defaultOpen: g = !1,
+    onOpenChange: S,
+    searchQuery: P,
+    defaultSearchQuery: C = "",
+    onSearchQueryChange: w,
+    results: k,
+    defaultResults: x = [],
+    onResultsChange: M,
+    loading: a,
+    defaultLoading: b = !1,
+    onLoadingChange: d,
+    debounceMs: A = 300,
+    onSearchError: h,
+    renderItem: L,
+    renderLoadingState: T,
+    renderEmptyState: _
+  }, Z) => {
+    const { t: Q } = X(), [ee, j] = Y({
+      value: p,
+      defaultValue: g,
+      onChange: S
+    }), [z, K] = Y({
+      value: P,
+      defaultValue: C,
+      onChange: w
+    }), [te, q] = Y({
+      value: k,
+      defaultValue: x,
+      onChange: M
+    }), [se, D] = Y({
+      value: a,
+      defaultValue: b,
+      onChange: d
+    }), O = v.useRef(null), E = Q("lookup.startTyping"), I = o ?? Q("common.select"), m = l ?? Q("common.search"), U = n ?? Q("common.search"), $ = i ?? Q("table.noResults"), G = u ?? (E === "lookup.startTyping" ? "Start typing to search..." : E), W = v.useMemo(() => e ? Array.isArray(e) ? e : [e] : [], [e]);
+    v.useEffect(() => () => {
+      O.current && clearTimeout(O.current);
+    }, []);
+    const re = v.useCallback(
+      async (R) => {
+        if (K(R), O.current && clearTimeout(O.current), !R.trim()) {
+          q([]), D(!1);
+          return;
+        }
+        O.current = setTimeout(async () => {
+          D(!0);
+          try {
+            const H = await t(R);
+            q(H);
+          } catch (H) {
+            h == null || h(H), q([]);
+          } finally {
+            D(!1);
+          }
+        }, A);
+      },
+      [A, t, h, D, q, K]
+    ), qe = (R) => {
+      if (f) {
+        const H = W, fe = H.some((xe) => xe.id === R.id) ? H.filter((xe) => xe.id !== R.id) : [...H, R];
+        r == null || r(fe.length > 0 ? fe : void 0);
+      } else
+        r == null || r(R), j(!1);
+    }, et = (R, H) => {
+      if (H.stopPropagation(), f) {
+        const ae = W.filter((fe) => fe.id !== R);
+        r == null || r(ae.length > 0 ? ae : void 0);
+      } else
+        r == null || r(void 0);
+    }, tt = (R) => {
+      R.stopPropagation(), r == null || r(void 0);
+    }, st = (R) => /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ c(St, { className: "h-8 w-8", children: [
+        R.avatar && /* @__PURE__ */ s(Vt, { src: R.avatar }),
+        /* @__PURE__ */ s(Ft, { className: "text-xs", children: R.label.split(" ").map((H) => H[0]).join("").toUpperCase().slice(0, 2) })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ s("span", { className: "font-medium", children: R.label }),
+        R.description && /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground", children: R.description })
+      ] }),
+      R.badges && R.badges.length > 0 && /* @__PURE__ */ s("div", { className: "flex gap-1", children: R.badges.map((H, ae) => /* @__PURE__ */ s(Ce, { variant: "secondary", className: "text-xs", children: H }, ae)) })
+    ] });
+    return /* @__PURE__ */ c(vt, { open: ee, onOpenChange: j, children: [
+      /* @__PURE__ */ s(wt, { asChild: !0, children: /* @__PURE__ */ c(
+        B,
+        {
+          ref: Z,
+          variant: "outline",
+          role: "combobox",
+          disabled: N,
+          className: V(
+            "w-full justify-between font-normal",
+            W.length === 0 && "text-muted-foreground",
+            y
+          ),
+          children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-1 flex-wrap items-center gap-1 overflow-hidden", children: W.length === 0 ? /* @__PURE__ */ s("span", { children: I }) : f ? W.map((R) => /* @__PURE__ */ c(Ce, { variant: "secondary", className: "gap-1 pr-1", children: [
+              R.label,
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  className: "rounded-full hover:bg-muted-foreground/20",
+                  onClick: (H) => et(R.id, H),
+                  children: /* @__PURE__ */ s(me, { className: "h-3 w-3" })
+                }
+              )
+            ] }, R.id)) : /* @__PURE__ */ s("span", { className: "truncate", children: W[0].label }) }),
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+              W.length > 0 && !f && /* @__PURE__ */ s(
+                "button",
+                {
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: tt,
+                  children: /* @__PURE__ */ s(me, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              ),
+              /* @__PURE__ */ s(Mt, { className: "h-4 w-4 shrink-0 opacity-50" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ c(kt, { className: "max-w-lg", children: [
+        /* @__PURE__ */ s(Ct, { children: /* @__PURE__ */ s(Pt, { children: m }) }),
+        /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ c("div", { className: "relative", children: [
+            /* @__PURE__ */ s(Ge, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ s(
+              oe,
+              {
+                placeholder: U,
+                value: z,
+                onChange: (R) => re(R.target.value),
+                className: "pl-10",
+                autoFocus: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s(yt, { className: "h-64", children: se ? T ? T() : /* @__PURE__ */ s("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ s(Dt, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : te.length === 0 ? _ ? _(z) : /* @__PURE__ */ s("div", { className: "py-8 text-center text-sm text-muted-foreground", children: z ? $ : G }) : /* @__PURE__ */ s("div", { className: "space-y-1", children: te.map((R) => {
+            const H = W.some((ae) => ae.id === R.id);
+            return /* @__PURE__ */ s(
+              "button",
+              {
+                onClick: () => qe(R),
+                className: V(
+                  "w-full rounded-md p-2 text-left transition-colors hover:bg-accent",
+                  H && "bg-accent"
+                ),
+                children: L ? L(R) : st(R)
+              },
+              R.id
+            );
+          }) }) })
+        ] })
+      ] })
+    ] });
+  }
+);
+ms.displayName = "LookupField";
+const fs = ["USD", "EUR", "GBP", "TRY", "JPY", "CNY"];
+function Gs({
+  value: e,
+  onChange: r,
+  placeholder: t,
+  searchPlaceholder: o,
+  emptyMessage: l,
+  disabled: n = !1,
+  className: i,
+  showSymbol: u = !0,
+  showCode: f = !0,
+  showName: N = !0,
+  popularCurrencies: y = fs
+}) {
+  const [p, g] = v.useState(!1), { t: S } = X(), P = lt(), C = e ? _e[e] : void 0, w = y.map((a) => _e[a]).filter(Boolean), k = P.filter(
+    (a) => !y.includes(a.code)
+  ), M = C ? ((a) => {
+    const b = [];
+    return u && b.push(a.symbol), f && b.push(a.code), N && b.push(`- ${a.name}`), b.join(" ");
+  })(C) : t || S("locale.selectCurrency");
+  return /* @__PURE__ */ c(ne, { open: p, onOpenChange: g, children: [
+    /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c(
+      B,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: n,
+        className: V(
+          "w-full justify-between",
+          !e && "text-muted-foreground",
+          i
+        ),
+        children: [
+          /* @__PURE__ */ s("span", { className: "truncate", children: M }),
+          /* @__PURE__ */ s(De, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ s(ie, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ c(Se, { children: [
+      /* @__PURE__ */ s(
+        Ve,
+        {
+          placeholder: o || S("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ c(Fe, { children: [
+        /* @__PURE__ */ s(Me, { children: l || S("common.noData") }),
+        w.length > 0 && /* @__PURE__ */ s(ge, { heading: "Popular", children: w.map((a) => /* @__PURE__ */ c(
+          Ne,
+          {
+            value: `${a.code} ${a.name}`,
+            onSelect: () => {
+              r == null || r(a.code), g(!1);
+            },
+            children: [
+              /* @__PURE__ */ s(
+                ye,
+                {
+                  className: V(
+                    "mr-2 h-4 w-4",
+                    e === a.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: "w-8 font-medium", children: a.symbol }),
+              /* @__PURE__ */ s("span", { className: "w-12 text-muted-foreground", children: a.code }),
+              /* @__PURE__ */ s("span", { className: "truncate", children: a.name })
+            ]
+          },
+          a.code
+        )) }),
+        /* @__PURE__ */ s(ge, { heading: "All Currencies", children: k.map((a) => /* @__PURE__ */ c(
+          Ne,
+          {
+            value: `${a.code} ${a.name}`,
+            onSelect: () => {
+              r == null || r(a.code), g(!1);
+            },
+            children: [
+              /* @__PURE__ */ s(
+                ye,
+                {
+                  className: V(
+                    "mr-2 h-4 w-4",
+                    e === a.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: "w-8 font-medium", children: a.symbol }),
+              /* @__PURE__ */ s("span", { className: "w-12 text-muted-foreground", children: a.code }),
+              /* @__PURE__ */ s("span", { className: "truncate", children: a.name })
+            ]
+          },
+          a.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function js({
+  value: e,
+  onChange: r,
+  placeholder: t,
+  searchPlaceholder: o,
+  emptyMessage: l,
+  disabled: n = !1,
+  className: i,
+  showFlag: u = !0,
+  showNativeName: f = !0,
+  showCode: N = !1,
+  variant: y = "default"
+}) {
+  const [p, g] = v.useState(!1), { t: S, config: P } = X(), C = ot(), w = e ? nt(e) : void 0, k = e || P.locale, M = w ? ((a, b = !1) => {
+    if (y === "icon-only" && b)
+      return u ? a.flag : /* @__PURE__ */ s(Rt, { className: "h-4 w-4" });
+    if (y === "compact" && b)
+      return /* @__PURE__ */ c("span", { className: "flex items-center gap-1.5", children: [
+        u && /* @__PURE__ */ s("span", { children: a.flag }),
+        /* @__PURE__ */ s("span", { children: a.code.split("-")[0].toUpperCase() })
+      ] });
+    const d = [];
+    return u && d.push(/* @__PURE__ */ s("span", { className: "mr-1.5", children: a.flag }, "flag")), f && d.push(/* @__PURE__ */ s("span", { children: a.nativeName }, "native")), N && d.push(/* @__PURE__ */ c("span", { className: "text-muted-foreground ml-1", children: [
+      "(",
+      a.code,
+      ")"
+    ] }, "code")), /* @__PURE__ */ s("span", { className: "flex items-center", children: d });
+  })(w, !0) : t || S("locale.selectLanguage");
+  return /* @__PURE__ */ c(ne, { open: p, onOpenChange: g, children: [
+    /* @__PURE__ */ s(ce, { asChild: !0, children: /* @__PURE__ */ c(
+      B,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: n,
+        className: V(
+          "justify-between",
+          y === "icon-only" ? "w-10 px-0" : y === "compact" ? "w-auto" : "w-full",
+          !e && "text-muted-foreground",
+          i
+        ),
+        children: [
+          /* @__PURE__ */ s("span", { className: V("truncate", y === "icon-only" && "text-lg"), children: M }),
+          y !== "icon-only" && /* @__PURE__ */ s(De, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ s(ie, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ c(Se, { children: [
+      /* @__PURE__ */ s(
+        Ve,
+        {
+          placeholder: o || S("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ c(Fe, { children: [
+        /* @__PURE__ */ s(Me, { children: l || S("common.noData") }),
+        /* @__PURE__ */ s(ge, { children: C.map((a) => /* @__PURE__ */ c(
+          Ne,
+          {
+            value: `${a.code} ${a.name} ${a.nativeName}`,
+            onSelect: () => {
+              r == null || r(a.code), g(!1);
+            },
+            children: [
+              /* @__PURE__ */ s(
+                ye,
+                {
+                  className: V(
+                    "mr-2 h-4 w-4",
+                    k === a.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: "mr-2 text-lg", children: a.flag }),
+              /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ s("span", { className: "font-medium", children: a.nativeName }),
+                /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground", children: a.name })
+              ] })
+            ]
+          },
+          a.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  ss as C,
+  qt as D,
+  Bs as F,
+  ms as L,
+  is as N,
+  us as P,
+  es as S,
+  rs as T,
+  Jt as a,
+  Qt as b,
+  Yt as c,
+  Xt as d,
+  Zt as e,
+  zs as f,
+  ts as g,
+  as as h,
+  os as i,
+  ds as j,
+  Gs as k,
+  js as l,
+  be as u
+};
+//# sourceMappingURL=locale-selector-HuzfE0zZ.js.map