@senitix/ui 0.4.0 → 0.4.1

package/dist/locale-selector-DLRSyVye.js

@@ -0,0 +1,1772 @@
+import { jsx as r, jsxs as i, Fragment as ve } from "react/jsx-runtime";
+import * as x from "react";
+import D 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-A3jGu-Ta.js";
+import { c as F } from "./index-DtaLkIY8.js";
+import { L as W, C as Se, a as Te } from "./calendar-DgnhzEfp.js";
+import { P as H, r as U, s as B, C as ee, b as te, c as re, d as se, 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-PI9jbhnS.js";
+import { u as ke, f as ne } from "./use-formatters-Bgj3JA4i.js";
+import { C as Fe } from "./calendar-CUxm1K7J.js";
+import { I as G, D as je, a as Ke, b as We, c as Je } from "./input-BgPy-4Qu.js";
+import { S as Pe } from "./index-XnFSmCuh.js";
+import { c as ae } from "./createLucideIcon-BC8wu-bu.js";
+import { F as Ye } from "./file-Cw_u_aJB.js";
+import { C as pe } from "./chevron-up-BmYZUtrk.js";
+import { C as q } from "./chevron-down-BiUlxZA-.js";
+import { M as Qe } from "./minus-CiwV65ZG.js";
+import { P as Xe } from "./plus-DxD6rofl.js";
+import { A as Ze, a as qe, b as et } from "./avatar-C5-ZWIqT.js";
+import { C as tt } from "./chevron-right-BLyGmyaF.js";
+import { u as De, e as rt, c as he, n as st, m as at } from "./locale-provider-DzBeb-X3.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 ie = ae("ChevronsUpDown", [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+]);
+/**
+ * @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 = ae("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 nt = ae("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"
+    }
+  ]
+]);
+/**
+ * @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 ot = ae("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 Ve = (e) => typeof e == "object";
+var z = (e) => !de(e) && !Array.isArray(e) && Ve(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, s) => e.has(dt(s)), mt = (e) => {
+  const s = e.constructor && e.constructor.prototype;
+  return z(s) && s.hasOwnProperty("isPrototypeOf");
+}, ft = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
+function Me(e) {
+  if (e instanceof Date)
+    return new Date(e);
+  const s = typeof FileList < "u" && e instanceof FileList;
+  if (ft && (e instanceof Blob || s))
+    return e;
+  const t = Array.isArray(e);
+  if (!t && !(z(e) && mt(e)))
+    return e;
+  const l = t ? [] : Object.create(Object.getPrototypeOf(e));
+  for (const a in e)
+    Object.prototype.hasOwnProperty.call(e, a) && (l[a] = Me(e[a]));
+  return l;
+}
+var Re = (e) => /^\w*$/.test(e), ce = (e) => e === void 0, pt = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Ce = (e) => pt(e.replace(/["|']|\]/g, "").split(/\.|\[/)), O = (e, s, t) => {
+  if (!s || !z(e))
+    return t;
+  const l = (Re(s) ? [s] : Ce(s)).reduce((a, c) => de(a) ? a : a[c], e);
+  return ce(l) || l === e ? ce(e[s]) ? t : e[s] : l;
+}, oe = (e) => typeof e == "boolean", X = (e) => typeof e == "function", Ne = (e, s, t) => {
+  let l = -1;
+  const a = Re(s) ? [s] : Ce(s), c = a.length, m = c - 1;
+  for (; ++l < c; ) {
+    const f = a[l];
+    let b = t;
+    if (l !== m) {
+      const g = e[f];
+      b = z(g) || Array.isArray(g) ? g : isNaN(+a[l + 1]) ? {} : [];
+    }
+    if (f === "__proto__" || f === "constructor" || f === "prototype")
+      return;
+    e[f] = b, e = e[f];
+  }
+};
+const ge = {
+  BLUR: "blur",
+  CHANGE: "change"
+}, ye = {
+  all: "all"
+}, ue = D.createContext(null);
+ue.displayName = "HookFormControlContext";
+const me = () => D.useContext(ue);
+var ht = (e, s, t, l = !0) => {
+  const a = {
+    defaultValues: s._defaultValues
+  };
+  for (const c in e)
+    Object.defineProperty(a, c, {
+      get: () => {
+        const m = c;
+        return s._proxyFormState[m] !== ye.all && (s._proxyFormState[m] = !l || ye.all), t && (t[m] = !0), e[m];
+      }
+    });
+  return a;
+};
+const Ie = typeof window < "u" ? D.useLayoutEffect : D.useEffect;
+function Nt(e) {
+  const s = me(), { control: t = s, disabled: l, name: a, exact: c } = e || {}, [m, f] = D.useState(t._formState), b = D.useRef({
+    isDirty: !1,
+    isLoading: !1,
+    dirtyFields: !1,
+    touchedFields: !1,
+    validatingFields: !1,
+    isValidating: !1,
+    isValid: !1,
+    errors: !1
+  });
+  return Ie(() => t._subscribe({
+    name: a,
+    formState: b.current,
+    exact: c,
+    callback: (g) => {
+      !l && f({
+        ...t._formState,
+        ...g
+      });
+    }
+  }), [a, l, c]), D.useEffect(() => {
+    b.current.isValid && t._setValid(!0);
+  }, [t]), D.useMemo(() => ht(m, t, b.current, !1), [m, t]);
+}
+var gt = (e) => typeof e == "string", xe = (e, s, t, l, a) => gt(e) ? O(t, e, a) : Array.isArray(e) ? e.map((c) => O(t, c)) : t, be = (e) => de(e) || !Ve(e);
+function Z(e, s, t = /* @__PURE__ */ new WeakSet()) {
+  if (be(e) || be(s))
+    return Object.is(e, s);
+  if (K(e) && K(s))
+    return Object.is(e.getTime(), s.getTime());
+  const l = Object.keys(e), a = Object.keys(s);
+  if (l.length !== a.length)
+    return !1;
+  if (t.has(e) || t.has(s))
+    return !0;
+  t.add(e), t.add(s);
+  for (const c of l) {
+    const m = e[c];
+    if (!a.includes(c))
+      return !1;
+    if (c !== "ref") {
+      const f = s[c];
+      if (K(m) && K(f) || z(m) && z(f) || Array.isArray(m) && Array.isArray(f) ? !Z(m, f, t) : !Object.is(m, f))
+        return !1;
+    }
+  }
+  return !0;
+}
+function yt(e) {
+  const s = me(), { control: t = s, name: l, defaultValue: a, disabled: c, exact: m, compute: f } = e || {}, b = D.useRef(a), g = D.useRef(f), S = D.useRef(void 0), h = D.useRef(t), d = D.useRef(l);
+  g.current = f;
+  const [N, u] = D.useState(() => {
+    const n = t._getWatch(l, b.current);
+    return g.current ? g.current(n) : n;
+  }), p = D.useCallback((n) => {
+    const k = xe(l, t._names, n || t._formValues, !1, b.current);
+    return g.current ? g.current(k) : k;
+  }, [t._formValues, t._names, l]), y = D.useCallback((n) => {
+    if (!c) {
+      const k = xe(l, t._names, n || t._formValues, !1, b.current);
+      if (g.current) {
+        const C = g.current(k);
+        Z(C, S.current) || (u(C), S.current = C);
+      } else
+        u(k);
+    }
+  }, [t._formValues, t._names, c, l]);
+  Ie(() => ((h.current !== t || !Z(d.current, l)) && (h.current = t, d.current = l, y()), t._subscribe({
+    name: l,
+    formState: {
+      values: !0
+    },
+    exact: m,
+    callback: (n) => {
+      y(n.values);
+    }
+  })), [t, m, l, y]), D.useEffect(() => t._removeUnmounted());
+  const w = h.current !== t, o = d.current, P = D.useMemo(() => {
+    if (c)
+      return null;
+    const n = !w && !Z(o, l);
+    return w || n ? p() : null;
+  }, [c, w, l, o, p]);
+  return P !== null ? P : N;
+}
+function xt(e) {
+  const s = me(), { name: t, disabled: l, control: a = s, shouldUnregister: c, defaultValue: m, exact: f = !0 } = e, b = ut(a._names.array, t), g = D.useMemo(() => O(a._formValues, t, O(a._defaultValues, t, m)), [a, t, m]), S = yt({
+    control: a,
+    name: t,
+    defaultValue: g,
+    exact: f
+  }), h = Nt({
+    control: a,
+    name: t,
+    exact: f
+  }), d = D.useRef(e), N = D.useRef(void 0), u = D.useRef(a.register(t, {
+    ...e.rules,
+    value: S,
+    ...oe(e.disabled) ? { disabled: e.disabled } : {}
+  }));
+  d.current = e;
+  const p = D.useMemo(() => Object.defineProperties({}, {
+    invalid: {
+      enumerable: !0,
+      get: () => !!O(h.errors, t)
+    },
+    isDirty: {
+      enumerable: !0,
+      get: () => !!O(h.dirtyFields, t)
+    },
+    isTouched: {
+      enumerable: !0,
+      get: () => !!O(h.touchedFields, t)
+    },
+    isValidating: {
+      enumerable: !0,
+      get: () => !!O(h.validatingFields, t)
+    },
+    error: {
+      enumerable: !0,
+      get: () => O(h.errors, t)
+    }
+  }), [h, t]), y = D.useCallback((n) => u.current.onChange({
+    target: {
+      value: it(n),
+      name: t
+    },
+    type: ge.CHANGE
+  }), [t]), w = D.useCallback(() => u.current.onBlur({
+    target: {
+      value: O(a._formValues, t),
+      name: t
+    },
+    type: ge.BLUR
+  }), [t, a._formValues]), o = D.useCallback((n) => {
+    const k = O(a._fields, t);
+    k && k._f && n && (k._f.ref = {
+      focus: () => X(n.focus) && n.focus(),
+      select: () => X(n.select) && n.select(),
+      setCustomValidity: (C) => X(n.setCustomValidity) && n.setCustomValidity(C),
+      reportValidity: () => X(n.reportValidity) && n.reportValidity()
+    });
+  }, [a._fields, t]), P = D.useMemo(() => ({
+    name: t,
+    value: S,
+    ...oe(l) || h.disabled ? { disabled: h.disabled || l } : {},
+    onChange: y,
+    onBlur: w,
+    ref: o
+  }), [t, l, h.disabled, y, w, o, S]);
+  return D.useEffect(() => {
+    const n = a._options.shouldUnregister || c, k = N.current;
+    k && k !== t && !b && a.unregister(k), a.register(t, {
+      ...d.current.rules,
+      ...oe(d.current.disabled) ? { disabled: d.current.disabled } : {}
+    });
+    const C = (_, L) => {
+      const M = O(a._fields, _);
+      M && M._f && (M._f.mount = L);
+    };
+    if (C(t, !0), n) {
+      const _ = Me(O(a._options.defaultValues, t, d.current.defaultValue));
+      Ne(a._defaultValues, t, _), ce(O(a._formValues, t)) && Ne(a._formValues, t, _);
+    }
+    return !b && a.register(t), N.current = t, () => {
+      (b ? n && !a._state.action : n) ? a.unregister(t) : C(t, !1);
+    };
+  }, [t, a, b, c]), D.useEffect(() => {
+    a._setDisabledField({
+      disabled: l,
+      name: t
+    });
+  }, [l, t, a]), D.useMemo(() => ({
+    field: P,
+    formState: h,
+    fieldState: p
+  }), [P, h, p]);
+}
+const bt = (e) => e.render(xt(e)), fe = D.createContext(null);
+fe.displayName = "HookFormContext";
+const wt = () => D.useContext(fe), vt = (e) => {
+  const { children: s, watch: t, getValues: l, getFieldState: a, setError: c, clearErrors: m, setValue: f, trigger: b, formState: g, resetField: S, reset: h, handleSubmit: d, unregister: N, control: u, register: p, setFocus: y, subscribe: w } = e;
+  return D.createElement(
+    fe.Provider,
+    { value: D.useMemo(() => ({
+      watch: t,
+      getValues: l,
+      getFieldState: a,
+      setError: c,
+      clearErrors: m,
+      setValue: f,
+      trigger: b,
+      formState: g,
+      resetField: S,
+      reset: h,
+      handleSubmit: d,
+      unregister: N,
+      control: u,
+      register: p,
+      setFocus: y,
+      subscribe: w
+    }), [
+      m,
+      u,
+      g,
+      a,
+      l,
+      d,
+      p,
+      h,
+      S,
+      c,
+      y,
+      f,
+      w,
+      b,
+      N,
+      t
+    ]) },
+    D.createElement(ue.Provider, { value: u }, s)
+  );
+}, ir = vt, Ae = x.createContext({}), dr = ({
+  ...e
+}) => /* @__PURE__ */ r(Ae.Provider, { value: { name: e.name }, children: /* @__PURE__ */ r(bt, { ...e }) }), le = () => {
+  const e = x.useContext(Ae), s = x.useContext(_e), { getFieldState: t, formState: l } = wt(), a = t(e.name, l);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: c } = s;
+  return {
+    id: c,
+    name: e.name,
+    formItemId: `${c}-form-item`,
+    formDescriptionId: `${c}-form-item-description`,
+    formMessageId: `${c}-form-item-message`,
+    ...a
+  };
+}, _e = x.createContext({}), St = x.forwardRef(
+  ({ className: e, ...s }, t) => {
+    const l = x.useId();
+    return /* @__PURE__ */ r(_e.Provider, { value: { id: l }, children: /* @__PURE__ */ r("div", { ref: t, className: F("space-y-2", e), ...s }) });
+  }
+);
+St.displayName = "FormItem";
+const kt = x.forwardRef(({ className: e, ...s }, t) => {
+  const { error: l, formItemId: a } = le();
+  return /* @__PURE__ */ r(
+    W,
+    {
+      ref: t,
+      className: F(l && "text-destructive", e),
+      htmlFor: a,
+      ...s
+    }
+  );
+});
+kt.displayName = "FormLabel";
+const Ft = x.forwardRef(({ ...e }, s) => {
+  const { error: t, formItemId: l, formDescriptionId: a, formMessageId: c } = le();
+  return /* @__PURE__ */ r(
+    Le,
+    {
+      ref: s,
+      id: l,
+      "aria-describedby": t ? `${a} ${c}` : `${a}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+});
+Ft.displayName = "FormControl";
+const Pt = x.forwardRef(({ className: e, ...s }, t) => {
+  const { formDescriptionId: l } = le();
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      ref: t,
+      id: l,
+      className: F("text-sm text-muted-foreground", e),
+      ...s
+    }
+  );
+});
+Pt.displayName = "FormDescription";
+const Dt = x.forwardRef(({ className: e, children: s, ...t }, l) => {
+  const { error: a, formMessageId: c } = le(), m = a ? String(a == null ? void 0 : a.message) : s;
+  return m ? /* @__PURE__ */ r(
+    "p",
+    {
+      ref: l,
+      id: c,
+      className: F("text-sm font-medium text-destructive", e),
+      ...t,
+      children: m
+    }
+  ) : null;
+});
+Dt.displayName = "FormMessage";
+function ur({
+  value: e,
+  onChange: s,
+  placeholder: t,
+  disabled: l = !1,
+  className: a,
+  dateFormat: c = "PPP"
+}) {
+  const { t: m, formatDate: f } = ke(), b = t || m("date.selectDate");
+  return /* @__PURE__ */ i(H, { children: [
+    /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        disabled: l,
+        className: F(
+          "w-full justify-start text-left font-normal",
+          !e && "text-muted-foreground",
+          a
+        ),
+        children: [
+          /* @__PURE__ */ r(Fe, { className: "mr-2 h-4 w-4" }),
+          e ? f(e, c) : /* @__PURE__ */ r("span", { children: b })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(B, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ r(Se, { mode: "single", selected: e, onSelect: s, initialFocus: !0 }) })
+  ] });
+}
+const Vt = x.forwardRef(
+  ({
+    value: e,
+    onChange: s,
+    placeholder: t = "Pick a date range",
+    disabled: l = !1,
+    className: a,
+    dateFormat: c = "LLL dd, y",
+    numberOfMonths: m = 2
+  }, f) => /* @__PURE__ */ r("div", { className: F("grid gap-2", a), children: /* @__PURE__ */ i(H, { children: [
+    /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        ref: f,
+        id: "date",
+        variant: "outline",
+        disabled: l,
+        className: F(
+          "w-full justify-start text-left font-normal",
+          !e && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ r(Fe, { className: "mr-2 h-4 w-4" }),
+          e != null && e.from ? e.to ? /* @__PURE__ */ i(ve, { children: [
+            ne(e.from, c),
+            " - ",
+            ne(e.to, c)
+          ] }) : ne(e.from, c) : /* @__PURE__ */ r("span", { children: t })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(B, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ r(
+      Se,
+      {
+        initialFocus: !0,
+        mode: "range",
+        defaultMonth: e == null ? void 0 : e.from,
+        selected: e,
+        onSelect: s,
+        numberOfMonths: m
+      }
+    ) })
+  ] }) })
+);
+Vt.displayName = "DateRangePicker";
+const Mt = x.forwardRef(
+  ({
+    className: e,
+    value: s,
+    onChange: t,
+    onSearch: l,
+    onClear: a,
+    showClearButton: c = !0,
+    loading: m = !1,
+    placeholder: f = "Search...",
+    ...b
+  }, g) => {
+    const S = (N) => {
+      t == null || t(N.target.value);
+    }, h = () => {
+      t == null || t(""), a == null || a();
+    }, d = (N) => {
+      N.key === "Enter" && (l == null || l(s || ""));
+    };
+    return /* @__PURE__ */ i("div", { className: F("relative", e), children: [
+      /* @__PURE__ */ r(Pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ r(
+        G,
+        {
+          ref: g,
+          type: "text",
+          value: s,
+          onChange: S,
+          onKeyDown: d,
+          placeholder: f,
+          className: F("pl-9", c && s && "pr-9"),
+          ...b
+        }
+      ),
+      c && s && !m && /* @__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: h,
+          children: [
+            /* @__PURE__ */ r($, { className: "h-4 w-4" }),
+            /* @__PURE__ */ r("span", { className: "sr-only", children: "Clear" })
+          ]
+        }
+      ),
+      m && /* @__PURE__ */ r("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ r("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) })
+    ] });
+  }
+);
+Mt.displayName = "SearchInput";
+const Rt = x.forwardRef(
+  ({
+    value: e = [],
+    onChange: s,
+    accept: t,
+    multiple: l = !1,
+    maxFiles: a = 10,
+    maxSize: c = 10 * 1024 * 1024,
+    disabled: m = !1,
+    className: f
+  }, b) => {
+    const g = x.useRef(null), [S, h] = x.useState(!1), d = (o) => {
+      if (!o) return;
+      const n = Array.from(o).filter((C) => !(C.size > c)), k = l ? [...e, ...n].slice(0, a) : n.slice(0, 1);
+      s == null || s(k);
+    }, N = (o) => {
+      o.preventDefault(), o.stopPropagation(), o.type === "dragenter" || o.type === "dragover" ? h(!0) : o.type === "dragleave" && h(!1);
+    }, u = (o) => {
+      o.preventDefault(), o.stopPropagation(), h(!1), m || d(o.dataTransfer.files);
+    }, p = (o) => {
+      d(o.target.files);
+    }, y = (o) => {
+      const P = e.filter((n, k) => k !== o);
+      s == null || s(P);
+    }, w = (o) => {
+      if (o === 0) return "0 Bytes";
+      const P = 1024, n = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(o) / Math.log(P));
+      return parseFloat((o / Math.pow(P, k)).toFixed(2)) + " " + n[k];
+    };
+    return /* @__PURE__ */ i("div", { ref: b, className: F("space-y-4", f), children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: F(
+            "relative flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 transition-colors",
+            S ? "border-primary bg-primary/5" : "border-muted-foreground/25",
+            m && "cursor-not-allowed opacity-50"
+          ),
+          onDragEnter: N,
+          onDragLeave: N,
+          onDragOver: N,
+          onDrop: u,
+          children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: g,
+                type: "file",
+                accept: t,
+                multiple: l,
+                disabled: m,
+                onChange: p,
+                className: "absolute inset-0 cursor-pointer opacity-0"
+              }
+            ),
+            /* @__PURE__ */ r(ot, { className: "mb-2 h-10 w-10 text-muted-foreground" }),
+            /* @__PURE__ */ r("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: [
+              l ? `Up to ${a} files` : "Single file",
+              " (max",
+              " ",
+              w(c),
+              " each)"
+            ] })
+          ]
+        }
+      ),
+      e.length > 0 && /* @__PURE__ */ r("div", { className: "space-y-2", children: e.map((o, P) => /* @__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__ */ r(Ye, { className: "h-8 w-8 text-muted-foreground" }),
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ r("p", { className: "text-sm font-medium", children: o.name }),
+                /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: w(o.size) })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(
+              A,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                onClick: () => y(P),
+                disabled: m,
+                children: /* @__PURE__ */ r($, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        `${o.name}-${P}`
+      )) })
+    ] });
+  }
+);
+Rt.displayName = "FileUpload";
+const Ct = x.forwardRef(
+  ({
+    options: e,
+    value: s,
+    onChange: t,
+    placeholder: l = "Select option...",
+    searchPlaceholder: a = "Search...",
+    emptyMessage: c = "No results found.",
+    disabled: m = !1,
+    className: f
+  }, b) => {
+    const [g, S] = x.useState(!1), h = e.find((d) => d.value === s);
+    return /* @__PURE__ */ i(H, { open: g, onOpenChange: S, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: b,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": g,
+          disabled: m,
+          className: F("w-full justify-between", !s && "text-muted-foreground", f),
+          children: [
+            h ? h.label : l,
+            /* @__PURE__ */ r(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(B, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+        /* @__PURE__ */ r(te, { placeholder: a }),
+        /* @__PURE__ */ i(re, { children: [
+          /* @__PURE__ */ r(se, { children: c }),
+          /* @__PURE__ */ r(Y, { children: e.map((d) => /* @__PURE__ */ i(
+            Q,
+            {
+              value: d.value,
+              disabled: d.disabled,
+              onSelect: (N) => {
+                t == null || t(N === s ? "" : N), S(!1);
+              },
+              children: [
+                /* @__PURE__ */ r(
+                  J,
+                  {
+                    className: F(
+                      "mr-2 h-4 w-4",
+                      s === d.value ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                ),
+                d.label
+              ]
+            },
+            d.value
+          )) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+Ct.displayName = "Combobox";
+const It = x.forwardRef(
+  ({
+    value: e = [],
+    onChange: s,
+    placeholder: t = "Add tag...",
+    maxTags: l = 10,
+    allowDuplicates: a = !1,
+    disabled: c = !1,
+    className: m
+  }, f) => {
+    const [b, g] = x.useState(""), S = x.useRef(null), h = (u) => {
+      const p = u.trim();
+      p && (e.length >= l || !a && e.includes(p) || (s == null || s([...e, p]), g("")));
+    }, d = (u) => {
+      const p = e.filter((y, w) => w !== u);
+      s == null || s(p);
+    }, N = (u) => {
+      u.key === "Enter" ? (u.preventDefault(), h(b)) : u.key === "Backspace" && !b && e.length > 0 ? d(e.length - 1) : u.key === "," && (u.preventDefault(), h(b));
+    };
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: f,
+        className: F(
+          "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",
+          m
+        ),
+        onClick: () => {
+          var u;
+          return (u = S.current) == null ? void 0 : u.focus();
+        },
+        children: [
+          e.map((u, p) => /* @__PURE__ */ i(j, { variant: "secondary", className: "gap-1", children: [
+            u,
+            !c && /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: (y) => {
+                  y.stopPropagation(), d(p);
+                },
+                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                children: /* @__PURE__ */ r($, { className: "h-3 w-3" })
+              }
+            )
+          ] }, `${u}-${p}`)),
+          /* @__PURE__ */ r(
+            G,
+            {
+              ref: S,
+              type: "text",
+              value: b,
+              onChange: (u) => g(u.target.value),
+              onKeyDown: N,
+              placeholder: e.length === 0 ? t : "",
+              disabled: c || e.length >= l,
+              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: s,
+    format: t = "24h",
+    minuteStep: l = 1,
+    placeholder: a,
+    disabled: c = !1,
+    className: m,
+    error: f
+  }, b) => {
+    const { t: g } = ke(), [S, h] = x.useState(!1), [d, N] = x.useState(0), [u, p] = x.useState(0), [y, w] = x.useState("AM");
+    x.useEffect(() => {
+      if (e) {
+        const [R, v] = e.split(":").map(Number);
+        t === "12h" ? (N(R > 12 ? R - 12 : R === 0 ? 12 : R), w(R >= 12 ? "PM" : "AM")) : N(R), p(v);
+      }
+    }, [e, t]);
+    const o = (R, v, V) => {
+      let I = R;
+      if (t === "12h") {
+        const T = V ?? y;
+        T === "PM" && I !== 12 && (I += 12), T === "AM" && I === 12 && (I = 0);
+      }
+      const E = `${I.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
+      s == null || s(E);
+    }, P = () => {
+      const R = t === "12h" ? 12 : 23, v = t === "12h" ? 1 : 0, V = d >= R ? v : d + 1;
+      N(V), o(V, u);
+    }, n = () => {
+      const R = t === "12h" ? 12 : 23, V = d <= (t === "12h" ? 1 : 0) ? R : d - 1;
+      N(V), o(V, u);
+    }, k = () => {
+      const R = u >= 60 - l, v = R ? 0 : u + l;
+      let V = d, I = y;
+      if (R) {
+        const E = t === "12h" ? 12 : 23, T = t === "12h" ? 1 : 0;
+        V = d >= E ? T : d + 1, t === "12h" && d === 11 && (I = y === "AM" ? "PM" : "AM", w(I)), N(V);
+      }
+      p(v), o(V, v, t === "12h" ? I : void 0);
+    }, C = () => {
+      const R = u < l, v = R ? 60 - l : u - l;
+      let V = d, I = y;
+      if (R) {
+        const E = t === "12h" ? 12 : 23;
+        V = d <= (t === "12h" ? 1 : 0) ? E : d - 1, t === "12h" && d === 12 && (I = y === "AM" ? "PM" : "AM", w(I)), N(V);
+      }
+      p(v), o(V, v, t === "12h" ? I : void 0);
+    }, _ = () => {
+      const R = y === "AM" ? "PM" : "AM";
+      w(R), o(d, u, R);
+    }, L = x.useMemo(() => e ? t === "12h" ? `${d.toString().padStart(2, "0")}:${u.toString().padStart(2, "0")} ${y}` : `${d.toString().padStart(2, "0")}:${u.toString().padStart(2, "0")}` : "", [e, t, d, u, y]), M = a || g("time.selectTime");
+    return /* @__PURE__ */ i(H, { open: S, onOpenChange: h, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i("div", { className: F("relative", m), children: [
+        /* @__PURE__ */ r(
+          G,
+          {
+            ref: b,
+            readOnly: !0,
+            value: L,
+            placeholder: M,
+            disabled: c,
+            className: F("pr-10 cursor-pointer", f && "border-destructive"),
+            onClick: () => !c && h(!0)
+          }
+        ),
+        /* @__PURE__ */ r(Te, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" })
+      ] }) }),
+      /* @__PURE__ */ r(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__ */ r(W, { className: "text-xs text-muted-foreground", children: g("time.hours") }),
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ r(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: P,
+                children: /* @__PURE__ */ r(pe, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "text-2xl font-bold tabular-nums", children: d.toString().padStart(2, "0") }),
+            /* @__PURE__ */ r(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: n,
+                children: /* @__PURE__ */ r(q, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r("span", { className: "text-2xl font-bold", children: ":" }),
+        /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ r(W, { className: "text-xs text-muted-foreground", children: g("time.minutes") }),
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ r(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: k,
+                children: /* @__PURE__ */ r(pe, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "text-2xl font-bold tabular-nums", children: u.toString().padStart(2, "0") }),
+            /* @__PURE__ */ r(
+              A,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: C,
+                children: /* @__PURE__ */ r(q, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        t === "12h" && /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ r(W, { className: "text-xs text-muted-foreground", children: g("time.period") }),
+          /* @__PURE__ */ r(
+            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: s,
+    presetColors: t = _t,
+    showInput: l = !0,
+    showEyeDropper: a = !0,
+    placeholder: c = "Select color",
+    disabled: m = !1,
+    className: f
+  }, b) => {
+    const [g, S] = x.useState(!1), [h, d] = x.useState(e), N = typeof window < "u" && "EyeDropper" in window;
+    x.useEffect(() => {
+      d(e);
+    }, [e]);
+    const u = (w) => {
+      d(w), s == null || s(w);
+    }, p = (w) => {
+      const o = w.target.value;
+      d(o), /^#[0-9A-Fa-f]{6}$/.test(o) && (s == null || s(o));
+    }, y = async () => {
+      if (N)
+        try {
+          const o = await new window.EyeDropper().open();
+          u(o.sRGBHex);
+        } catch {
+        }
+    };
+    return /* @__PURE__ */ i(H, { open: g, onOpenChange: S, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: b,
+          variant: "outline",
+          disabled: m,
+          className: F("w-full justify-start gap-2", f),
+          children: [
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "h-5 w-5 rounded border",
+                style: { backgroundColor: h }
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "flex-1 text-left font-mono text-sm", children: h || c })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(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__ */ r(
+            "div",
+            {
+              className: "h-10 w-10 rounded-lg border",
+              style: { backgroundColor: h }
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: "flex-1", children: [
+            /* @__PURE__ */ r(W, { className: "text-xs text-muted-foreground", children: "Current Color" }),
+            /* @__PURE__ */ r("p", { className: "font-mono text-sm font-medium", children: h })
+          ] }),
+          a && N && /* @__PURE__ */ r(
+            A,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: y,
+              title: "Pick color from screen",
+              children: /* @__PURE__ */ r(nt, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-6 gap-1", children: t.map((w) => /* @__PURE__ */ r(
+          "button",
+          {
+            className: F(
+              "h-7 w-7 rounded-md border-2 transition-transform hover:scale-110",
+              h.toLowerCase() === w.toLowerCase() ? "border-primary" : "border-transparent"
+            ),
+            style: { backgroundColor: w },
+            onClick: () => u(w),
+            title: w
+          },
+          w
+        )) }),
+        l && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ r(
+            G,
+            {
+              type: "text",
+              value: h,
+              onChange: p,
+              placeholder: "#000000",
+              className: "font-mono",
+              maxLength: 7
+            }
+          ),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              type: "color",
+              value: h,
+              onChange: (w) => u(w.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: s = [],
+    onChange: t,
+    placeholder: l = "Select items...",
+    searchPlaceholder: a = "Search...",
+    emptyMessage: c = "No items found.",
+    maxDisplayedItems: m = 3,
+    maxSelections: f,
+    disabled: b = !1,
+    className: g
+  }, S) => {
+    const [h, d] = x.useState(!1), N = e.filter((o) => s.includes(o.value)), u = f !== void 0 && s.length >= f, p = (o) => {
+      s.includes(o) ? t == null || t(s.filter((P) => P !== o)) : u || t == null || t([...s, o]);
+    }, y = (o, P) => {
+      P.stopPropagation(), t == null || t(s.filter((n) => n !== o));
+    }, w = (o) => {
+      o.stopPropagation(), t == null || t([]);
+    };
+    return /* @__PURE__ */ i(H, { open: h, onOpenChange: d, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: S,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": h,
+          disabled: b,
+          className: F(
+            "w-full justify-between font-normal",
+            N.length === 0 && "text-muted-foreground",
+            g
+          ),
+          children: [
+            /* @__PURE__ */ r("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: N.length === 0 ? l : N.length <= m ? N.map((o) => /* @__PURE__ */ i(
+              j,
+              {
+                variant: "secondary",
+                className: "gap-1 pr-1",
+                children: [
+                  o.label,
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      className: "rounded-full hover:bg-muted-foreground/20",
+                      onClick: (P) => y(o.value, P),
+                      children: /* @__PURE__ */ r($, { className: "h-3 w-3" })
+                    }
+                  )
+                ]
+              },
+              o.value
+            )) : /* @__PURE__ */ i(ve, { children: [
+              N.slice(0, m).map((o) => /* @__PURE__ */ i(
+                j,
+                {
+                  variant: "secondary",
+                  className: "gap-1 pr-1",
+                  children: [
+                    o.label,
+                    /* @__PURE__ */ r(
+                      "button",
+                      {
+                        className: "rounded-full hover:bg-muted-foreground/20",
+                        onClick: (P) => y(o.value, P),
+                        children: /* @__PURE__ */ r($, { className: "h-3 w-3" })
+                      }
+                    )
+                  ]
+                },
+                o.value
+              )),
+              /* @__PURE__ */ i(j, { variant: "secondary", children: [
+                "+",
+                N.length - m
+              ] })
+            ] }) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+              N.length > 0 && /* @__PURE__ */ r(
+                "button",
+                {
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: w,
+                  children: /* @__PURE__ */ r($, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              ),
+              /* @__PURE__ */ r(q, { className: "h-4 w-4 shrink-0 opacity-50" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(B, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+        /* @__PURE__ */ r(te, { placeholder: a }),
+        /* @__PURE__ */ i(re, { children: [
+          /* @__PURE__ */ r(se, { children: c }),
+          /* @__PURE__ */ r(Y, { children: e.map((o) => {
+            const P = s.includes(o.value), n = o.disabled || u && !P;
+            return /* @__PURE__ */ i(
+              Q,
+              {
+                value: o.value,
+                disabled: n,
+                onSelect: () => p(o.value),
+                className: "flex items-center gap-2",
+                children: [
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: F(
+                        "flex h-4 w-4 items-center justify-center rounded border",
+                        s.includes(o.value) ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"
+                      ),
+                      children: s.includes(o.value) && /* @__PURE__ */ r(J, { className: "h-3 w-3" })
+                    }
+                  ),
+                  o.icon && /* @__PURE__ */ r("span", { className: "h-4 w-4", children: o.icon }),
+                  /* @__PURE__ */ r("span", { children: o.label })
+                ]
+              },
+              o.value
+            );
+          }) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+Ot.displayName = "MultiSelect";
+const Et = Oe("relative flex", {
+  variants: {
+    size: {
+      sm: "w-24",
+      md: "w-32",
+      lg: "w-40"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), we = {
+  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: s,
+    onChange: t,
+    min: l,
+    max: a,
+    step: c = 1,
+    precision: m = 0,
+    showStepper: f = !0,
+    prefix: b,
+    suffix: g,
+    disabled: S,
+    size: h = "md",
+    ...d
+  }, N) => {
+    const [u, p] = x.useState((s == null ? void 0 : s.toString()) ?? "");
+    x.useEffect(() => {
+      p((s == null ? void 0 : s.toString()) ?? "");
+    }, [s]);
+    const y = (L) => {
+      let M = L;
+      return l !== void 0 && (M = Math.max(l, M)), a !== void 0 && (M = Math.min(a, M)), Number(M.toFixed(m));
+    }, w = (L) => {
+      const M = L.target.value;
+      if (p(M), M === "" || M === "-") {
+        t == null || t(void 0);
+        return;
+      }
+      const R = parseFloat(M);
+      isNaN(R) || t == null || t(y(R));
+    }, o = () => {
+      if (u === "" || u === "-") {
+        p(""), t == null || t(void 0);
+        return;
+      }
+      const L = parseFloat(u);
+      if (!isNaN(L)) {
+        const M = y(L);
+        p(M.toString()), t == null || t(M);
+      }
+    }, P = () => {
+      const M = y((s ?? 0) + c);
+      p(M.toString()), t == null || t(M);
+    }, n = () => {
+      const M = y((s ?? 0) - c);
+      p(M.toString()), t == null || t(M);
+    }, k = a === void 0 || (s ?? 0) < a, C = l === void 0 || (s ?? 0) > l, _ = h || "md";
+    return /* @__PURE__ */ i("div", { className: F(Et({ size: h }), e), children: [
+      f && /* @__PURE__ */ r(
+        A,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: F("rounded-r-none", we[_]),
+          onClick: n,
+          disabled: S || !C,
+          children: /* @__PURE__ */ r(Qe, { className: F(_ === "sm" ? "h-3 w-3" : "h-4 w-4") })
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "relative flex-1", children: [
+        b && /* @__PURE__ */ r("span", { className: F(
+          "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          _ === "sm" && "text-sm",
+          _ === "lg" && "text-lg"
+        ), children: b }),
+        /* @__PURE__ */ r(
+          G,
+          {
+            ref: N,
+            type: "text",
+            inputMode: "decimal",
+            value: u,
+            onChange: w,
+            onBlur: o,
+            disabled: S,
+            className: F(
+              "text-center",
+              Tt[_],
+              f && "rounded-none border-x-0",
+              b && "pl-8",
+              g && "pr-8"
+            ),
+            ...d
+          }
+        ),
+        g && /* @__PURE__ */ r("span", { className: F(
+          "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+          _ === "sm" && "text-sm",
+          _ === "lg" && "text-lg"
+        ), children: g })
+      ] }),
+      f && /* @__PURE__ */ r(
+        A,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          className: F("rounded-l-none", we[_]),
+          onClick: P,
+          disabled: S || !k,
+          children: /* @__PURE__ */ r(Xe, { className: F(_ === "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: s,
+    defaultCountry: t = "US",
+    countries: l = Ht,
+    placeholder: a = "Phone number",
+    disabled: c = !1,
+    className: m,
+    error: f
+  }, b) => {
+    const [g, S] = x.useState(
+      l.find((p) => p.code === t) || l[0]
+    ), [h, d] = x.useState("");
+    x.useEffect(() => {
+      if (e) {
+        const p = l.find((y) => e.startsWith(y.dialCode));
+        p ? (S(p), d(e.slice(p.dialCode.length).trim())) : d(e);
+      }
+    }, [e, l]);
+    const N = (p) => {
+      S(p);
+      const y = `${p.dialCode} ${h}`.trim();
+      s == null || s(y, p);
+    }, u = (p) => {
+      const y = p.target.value.replace(/[^\d\s\-()]/g, "");
+      d(y);
+      const w = `${g.dialCode} ${y}`.trim();
+      s == null || s(w, g);
+    };
+    return /* @__PURE__ */ i("div", { className: F("flex", m), children: [
+      /* @__PURE__ */ i(je, { children: [
+        /* @__PURE__ */ r(Ke, { asChild: !0, children: /* @__PURE__ */ i(
+          A,
+          {
+            variant: "outline",
+            disabled: c,
+            className: F(
+              "flex shrink-0 items-center gap-1 rounded-r-none border-r-0 px-3",
+              f && "border-destructive"
+            ),
+            children: [
+              /* @__PURE__ */ r("span", { className: "text-base", children: g.flag }),
+              /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: g.dialCode }),
+              /* @__PURE__ */ r(q, { className: "h-4 w-4 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ r(We, { className: "max-h-64 overflow-y-auto", children: l.map((p) => /* @__PURE__ */ i(
+          Je,
+          {
+            onClick: () => N(p),
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ r("span", { className: "text-base", children: p.flag }),
+              /* @__PURE__ */ r("span", { className: "flex-1", children: p.name }),
+              /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: p.dialCode })
+            ]
+          },
+          p.code
+        )) })
+      ] }),
+      /* @__PURE__ */ r(
+        G,
+        {
+          ref: b,
+          type: "tel",
+          value: h,
+          onChange: u,
+          placeholder: a,
+          disabled: c,
+          className: F("rounded-l-none", f && "border-destructive")
+        }
+      )
+    ] });
+  }
+);
+Ut.displayName = "PhoneInput";
+const Bt = x.forwardRef(
+  ({
+    value: e,
+    onChange: s,
+    onSearch: t,
+    placeholder: l = "Select...",
+    dialogTitle: a = "Search",
+    searchPlaceholder: c = "Type to search...",
+    emptyMessage: m = "No results found",
+    multiple: f = !1,
+    disabled: b = !1,
+    className: g,
+    renderItem: S
+  }, h) => {
+    const [d, N] = x.useState(!1), [u, p] = x.useState(""), [y, w] = x.useState([]), [o, P] = x.useState(!1), n = x.useRef(null), k = x.useMemo(() => e ? Array.isArray(e) ? e : [e] : [], [e]), C = x.useCallback(
+      async (v) => {
+        if (p(v), n.current && clearTimeout(n.current), !v.trim()) {
+          w([]);
+          return;
+        }
+        n.current = setTimeout(async () => {
+          P(!0);
+          try {
+            const V = await t(v);
+            w(V);
+          } catch {
+            w([]);
+          } finally {
+            P(!1);
+          }
+        }, 300);
+      },
+      [t]
+    ), _ = (v) => {
+      if (f) {
+        const V = k, E = V.some((T) => T.id === v.id) ? V.filter((T) => T.id !== v.id) : [...V, v];
+        s == null || s(E.length > 0 ? E : void 0);
+      } else
+        s == null || s(v), N(!1);
+    }, L = (v, V) => {
+      if (V.stopPropagation(), f) {
+        const I = k.filter((E) => E.id !== v);
+        s == null || s(I.length > 0 ? I : void 0);
+      } else
+        s == null || s(void 0);
+    }, M = (v) => {
+      v.stopPropagation(), s == null || s(void 0);
+    }, R = (v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i(Ze, { className: "h-8 w-8", children: [
+        v.avatar && /* @__PURE__ */ r(qe, { src: v.avatar }),
+        /* @__PURE__ */ r(et, { className: "text-xs", children: v.label.split(" ").map((V) => V[0]).join("").toUpperCase().slice(0, 2) })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ r("span", { className: "font-medium", children: v.label }),
+        v.description && /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: v.description })
+      ] }),
+      v.badges && v.badges.length > 0 && /* @__PURE__ */ r("div", { className: "flex gap-1", children: v.badges.map((V, I) => /* @__PURE__ */ r(j, { variant: "secondary", className: "text-xs", children: V }, I)) })
+    ] });
+    return /* @__PURE__ */ i($e, { open: d, onOpenChange: N, children: [
+      /* @__PURE__ */ r(He, { asChild: !0, children: /* @__PURE__ */ i(
+        A,
+        {
+          ref: h,
+          variant: "outline",
+          role: "combobox",
+          disabled: b,
+          className: F(
+            "w-full justify-between font-normal",
+            k.length === 0 && "text-muted-foreground",
+            g
+          ),
+          children: [
+            /* @__PURE__ */ r("div", { className: "flex flex-1 flex-wrap items-center gap-1 overflow-hidden", children: k.length === 0 ? /* @__PURE__ */ r("span", { children: l }) : f ? k.map((v) => /* @__PURE__ */ i(j, { variant: "secondary", className: "gap-1 pr-1", children: [
+              v.label,
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  className: "rounded-full hover:bg-muted-foreground/20",
+                  onClick: (V) => L(v.id, V),
+                  children: /* @__PURE__ */ r($, { className: "h-3 w-3" })
+                }
+              )
+            ] }, v.id)) : /* @__PURE__ */ r("span", { className: "truncate", children: k[0].label }) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+              k.length > 0 && !f && /* @__PURE__ */ r(
+                "button",
+                {
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: M,
+                  children: /* @__PURE__ */ r($, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              ),
+              /* @__PURE__ */ r(tt, { className: "h-4 w-4 shrink-0 opacity-50" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i(Ue, { className: "max-w-lg", children: [
+        /* @__PURE__ */ r(Be, { children: /* @__PURE__ */ r(ze, { children: a }) }),
+        /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ i("div", { className: "relative", children: [
+            /* @__PURE__ */ r(Pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ r(
+              G,
+              {
+                placeholder: c,
+                value: u,
+                onChange: (v) => C(v.target.value),
+                className: "pl-10",
+                autoFocus: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(Ee, { className: "h-64", children: o ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ r(Ge, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : y.length === 0 ? /* @__PURE__ */ r("div", { className: "py-8 text-center text-sm text-muted-foreground", children: u ? m : "Start typing to search..." }) : /* @__PURE__ */ r("div", { className: "space-y-1", children: y.map((v) => {
+            const V = k.some((I) => I.id === v.id);
+            return /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: () => _(v),
+                className: F(
+                  "w-full rounded-md p-2 text-left transition-colors hover:bg-accent",
+                  V && "bg-accent"
+                ),
+                children: S ? S(v) : R(v)
+              },
+              v.id
+            );
+          }) }) })
+        ] })
+      ] })
+    ] });
+  }
+);
+Bt.displayName = "LookupField";
+const zt = ["USD", "EUR", "GBP", "TRY", "JPY", "CNY"];
+function mr({
+  value: e,
+  onChange: s,
+  placeholder: t,
+  searchPlaceholder: l,
+  emptyMessage: a,
+  disabled: c = !1,
+  className: m,
+  showSymbol: f = !0,
+  showCode: b = !0,
+  showName: g = !0,
+  popularCurrencies: S = zt
+}) {
+  const [h, d] = x.useState(!1), { t: N } = De(), u = rt(), p = e ? he[e] : void 0, y = S.map((n) => he[n]).filter(Boolean), w = u.filter(
+    (n) => !S.includes(n.code)
+  ), P = p ? ((n) => {
+    const k = [];
+    return f && k.push(n.symbol), b && k.push(n.code), g && k.push(`- ${n.name}`), k.join(" ");
+  })(p) : t || N("locale.selectCurrency");
+  return /* @__PURE__ */ i(H, { open: h, onOpenChange: d, children: [
+    /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": h,
+        disabled: c,
+        className: F(
+          "w-full justify-between",
+          !e && "text-muted-foreground",
+          m
+        ),
+        children: [
+          /* @__PURE__ */ r("span", { className: "truncate", children: P }),
+          /* @__PURE__ */ r(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(B, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+      /* @__PURE__ */ r(
+        te,
+        {
+          placeholder: l || N("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ i(re, { children: [
+        /* @__PURE__ */ r(se, { children: a || N("common.noData") }),
+        y.length > 0 && /* @__PURE__ */ r(Y, { heading: "Popular", children: y.map((n) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${n.code} ${n.name}`,
+            onSelect: () => {
+              s == null || s(n.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ r(
+                J,
+                {
+                  className: F(
+                    "mr-2 h-4 w-4",
+                    e === n.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ r("span", { className: "w-8 font-medium", children: n.symbol }),
+              /* @__PURE__ */ r("span", { className: "w-12 text-muted-foreground", children: n.code }),
+              /* @__PURE__ */ r("span", { className: "truncate", children: n.name })
+            ]
+          },
+          n.code
+        )) }),
+        /* @__PURE__ */ r(Y, { heading: "All Currencies", children: w.map((n) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${n.code} ${n.name}`,
+            onSelect: () => {
+              s == null || s(n.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ r(
+                J,
+                {
+                  className: F(
+                    "mr-2 h-4 w-4",
+                    e === n.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ r("span", { className: "w-8 font-medium", children: n.symbol }),
+              /* @__PURE__ */ r("span", { className: "w-12 text-muted-foreground", children: n.code }),
+              /* @__PURE__ */ r("span", { className: "truncate", children: n.name })
+            ]
+          },
+          n.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function fr({
+  value: e,
+  onChange: s,
+  placeholder: t,
+  searchPlaceholder: l,
+  emptyMessage: a,
+  disabled: c = !1,
+  className: m,
+  showFlag: f = !0,
+  showNativeName: b = !0,
+  showCode: g = !1,
+  variant: S = "default"
+}) {
+  const [h, d] = x.useState(!1), { t: N, config: u } = De(), p = st(), y = e ? at(e) : void 0, w = e || u.locale, P = y ? ((n, k = !1) => {
+    if (S === "icon-only" && k)
+      return f ? n.flag : /* @__PURE__ */ r(lt, { className: "h-4 w-4" });
+    if (S === "compact" && k)
+      return /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+        f && /* @__PURE__ */ r("span", { children: n.flag }),
+        /* @__PURE__ */ r("span", { children: n.code.split("-")[0].toUpperCase() })
+      ] });
+    const C = [];
+    return f && C.push(/* @__PURE__ */ r("span", { className: "mr-1.5", children: n.flag }, "flag")), b && C.push(/* @__PURE__ */ r("span", { children: n.nativeName }, "native")), g && C.push(/* @__PURE__ */ i("span", { className: "text-muted-foreground ml-1", children: [
+      "(",
+      n.code,
+      ")"
+    ] }, "code")), /* @__PURE__ */ r("span", { className: "flex items-center", children: C });
+  })(y, !0) : t || N("locale.selectLanguage");
+  return /* @__PURE__ */ i(H, { open: h, onOpenChange: d, children: [
+    /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ i(
+      A,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": h,
+        disabled: c,
+        className: F(
+          "justify-between",
+          S === "icon-only" ? "w-10 px-0" : S === "compact" ? "w-auto" : "w-full",
+          !e && "text-muted-foreground",
+          m
+        ),
+        children: [
+          /* @__PURE__ */ r("span", { className: F("truncate", S === "icon-only" && "text-lg"), children: P }),
+          S !== "icon-only" && /* @__PURE__ */ r(ie, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(B, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ i(ee, { children: [
+      /* @__PURE__ */ r(
+        te,
+        {
+          placeholder: l || N("common.search"),
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ i(re, { children: [
+        /* @__PURE__ */ r(se, { children: a || N("common.noData") }),
+        /* @__PURE__ */ r(Y, { children: p.map((n) => /* @__PURE__ */ i(
+          Q,
+          {
+            value: `${n.code} ${n.name} ${n.nativeName}`,
+            onSelect: () => {
+              s == null || s(n.code), d(!1);
+            },
+            children: [
+              /* @__PURE__ */ r(
+                J,
+                {
+                  className: F(
+                    "mr-2 h-4 w-4",
+                    w === n.code ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ r("span", { className: "mr-2 text-lg", children: n.flag }),
+              /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ r("span", { className: "font-medium", children: n.nativeName }),
+                /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: n.name })
+              ] })
+            ]
+          },
+          n.code
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  Ct as C,
+  ur as D,
+  ir as F,
+  Bt as L,
+  Ot as M,
+  $t as N,
+  Ut as P,
+  Mt as S,
+  It as T,
+  St as a,
+  kt as b,
+  Ft as c,
+  Pt as d,
+  Dt as e,
+  dr as f,
+  Vt as g,
+  Rt as h,
+  At as i,
+  Lt as j,
+  Ht as k,
+  mr as l,
+  fr as m,
+  le as u
+};
+//# sourceMappingURL=locale-selector-DLRSyVye.js.map