@krosoft/react 0.0.238 → 0.0.239

package/dist/MultiSelect-DbH7LrsD.js

@@ -1,149 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u as O } from "./useKrosoftTranslation-BTp46G94.js";
-import { useState as L, useRef as T, useMemo as x, useEffect as z } from "react";
-import { E as I } from "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { f as P } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-XYI-ezvY.js";
-import { XIcon as q, ChevronDownIcon as S, SearchIcon as F } from "lucide-react";
-import "react-resizable-panels";
-import { c as R } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-const ne = ({
-  options: a,
-  selected: t,
-  onToggle: N,
-  onClear: d,
-  onSelectAll: u,
-  placeholder: j,
-  searchable: m = !1,
-  searchPlaceholder: D,
-  disabled: f = !1,
-  maxCount: p
-}) => {
-  const { t: h } = O(), [c, g] = L(""), [s, k] = L(!1), b = T(null), w = T(null), n = x(() => c === "" ? a : a.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [a, c]), y = x(() => n.length === 0 ? !1 : n.every((e) => t.includes(e.value)), [n, t]), v = x(() => t.map((e) => {
-    var o;
-    return ((o = a.find((i) => i.value === e)) == null ? void 0 : o.label) ?? e;
-  }), [a, t]), C = p !== void 0 && p > 0 ? v.slice(0, p) : v, E = v.length - C.length;
-  z(() => {
-    s && m && requestAnimationFrame(() => {
-      var e;
-      (e = w.current) == null || e.focus();
-    });
-  }, [s, m]), z(() => {
-    if (!s) return;
-    const e = (o) => {
-      b.current !== null && !b.current.contains(o.target) && (k(!1), g(""));
-    };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, [s]);
-  const M = () => {
-    if (y) {
-      const e = n.map((i) => i.value), o = t.filter((i) => !e.includes(i));
-      u !== void 0 ? u(o) : d();
-    } else {
-      const e = [...t];
-      n.forEach((o) => {
-        e.includes(o.value) || e.push(o.value);
-      }), u !== void 0 ? u(e) : n.forEach((o) => {
-        t.includes(o.value) || N(o.value);
-      });
-    }
-  };
-  return /* @__PURE__ */ l("div", { ref: b, className: "relative w-full", children: [
-    /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        disabled: f,
-        onClick: () => {
-          f || k((e) => (e && g(""), !e));
-        },
-        className: R(P, "w-full", s && "ring-2 ring-ring ring-offset-2", t.length === 0 && "text-muted-foreground"),
-        children: [
-          /* @__PURE__ */ r("span", { className: "truncate", children: t.length === 0 ? j ?? h("select.placeholder") : C.join(", ") }),
-          /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1", children: [
-            E > 0 && /* @__PURE__ */ l("span", { className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground", children: [
-              "+",
-              E
-            ] }),
-            t.length > 0 && !f && /* @__PURE__ */ r(
-              "span",
-              {
-                role: "button",
-                tabIndex: -1,
-                onClick: (e) => {
-                  e.stopPropagation();
-                },
-                onPointerDown: (e) => {
-                  e.preventDefault(), e.stopPropagation(), d();
-                },
-                className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ r(q, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ r(S, { className: R("size-4 opacity-50 shrink-0 transition-transform", s && "rotate-180") })
-          ] })
-        ]
-      }
-    ),
-    s ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
-      m ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ r(F, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: w,
-            className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
-            placeholder: D ?? h("search.placeholder"),
-            value: c,
-            onChange: (e) => {
-              g(e.target.value);
-            }
-          }
-        )
-      ] }) }) : null,
-      /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent", children: [
-        n.length > 0 && /* @__PURE__ */ l("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-          /* @__PURE__ */ r(I, { checked: y, onCheckedChange: M }),
-          "Tout sélectionner"
-        ] }),
-        n.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: h("states.noResult") }),
-        n.map((e) => /* @__PURE__ */ l("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-          /* @__PURE__ */ r(
-            I,
-            {
-              checked: t.includes(e.value),
-              onCheckedChange: () => {
-                N(e.value);
-              }
-            }
-          ),
-          e.color && /* @__PURE__ */ r("span", { className: "size-2.5 shrink-0 rounded-full", style: { backgroundColor: e.color } }),
-          e.label
-        ] }, e.value))
-      ] }),
-      t.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: d,
-          className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-          children: "Tout désélectionner"
-        }
-      ) })
-    ] }) : null
-  ] });
-};
-export {
-  ne as M
-};

package/dist/PieChart-uozNJtEx.js

@@ -1,295 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { f as N, j as x, k as y, C as R, d as A, e as V, b as P, a as S, g as B, h as H } from "./chart-DntJZGxB.js";
-import { c as C } from "./tailwind.helper-B6yFEsav.js";
-import * as v from "react";
-import { BarChart as b, CartesianGrid as M, XAxis as w, YAxis as D, Bar as j, LineChart as O, Line as _, PieChart as $, Pie as E } from "recharts";
-import "date-fns/locale";
-import "react-i18next";
-import { u as I } from "./useKrosoftTranslation-BTp46G94.js";
-import { S as G } from "./skeleton-BX4RcsiK.js";
-import { u as z } from "./useMobile-DN1_OMDB.js";
-const L = (t, r) => t ? (n, s) => /* @__PURE__ */ d("div", { className: "flex flex-1 justify-between gap-4", children: [
-  /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: r ?? String(s) }),
-  /* @__PURE__ */ e("span", { className: "font-mono font-medium tabular-nums text-foreground", children: t(Number(n)) })
-] }) : void 0, U = (t, r) => r > 0 && t.length > r ? `${t.slice(0, r)}…` : t, ae = ({
-  data: t,
-  label: r = "Valeur",
-  color: a = "hsl(var(--primary))",
-  categoryWidth: n = 140,
-  maxLabelLength: s = 22,
-  valueFormatter: o,
-  onSelect: c,
-  className: h
-}) => {
-  const u = v.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = v.useMemo(() => L(o, r), [o, r]), i = v.useMemo(
-    () => t.some((l) => l.color !== void 0) ? t.map((l) => ({ ...l, fill: l.color ?? a })) : t,
-    [t, a]
-  );
-  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ d(b, { data: i, layout: "vertical", margin: { top: 5, right: 20, left: 0, bottom: 5 }, children: [
-    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", horizontal: !1 }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        type: "number",
-        dataKey: "value",
-        allowDecimals: !1,
-        tickLine: !1,
-        axisLine: !1,
-        tickMargin: 8,
-        tickFormatter: o ? (l) => o(Number(l)) : void 0
-      }
-    ),
-    /* @__PURE__ */ e(
-      D,
-      {
-        type: "category",
-        dataKey: "name",
-        width: n,
-        tickLine: !1,
-        axisLine: !1,
-        tickFormatter: (l) => U(String(l), s)
-      }
-    ),
-    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { formatter: f }) }),
-    /* @__PURE__ */ e(
-      j,
-      {
-        dataKey: "value",
-        fill: "var(--color-value)",
-        radius: [0, 4, 4, 0],
-        className: c ? "cursor-pointer" : void 0,
-        onClick: c ? (l, m) => {
-          c(t[m], m);
-        } : void 0
-      }
-    )
-  ] }) });
-}, se = ({
-  data: t,
-  label: r = "Valeur",
-  color: a = "hsl(var(--primary))",
-  labelAngle: n,
-  valueFormatter: s,
-  allowDecimals: o = !1,
-  onSelect: c,
-  className: h
-}) => {
-  const u = v.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = v.useMemo(() => L(s, r), [s, r]), i = n !== void 0 && n !== 0, l = v.useMemo(
-    () => t.some((m) => m.color !== void 0) ? t.map((m) => ({ ...m, fill: m.color ?? a })) : t,
-    [t, a]
-  );
-  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ d(b, { data: l, margin: { top: 10, right: 10, left: 0, bottom: i ? 20 : 10 }, children: [
-    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", vertical: !1 }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        dataKey: "name",
-        angle: n,
-        textAnchor: i ? "end" : "middle",
-        height: i ? 50 : void 0,
-        tickLine: !1,
-        axisLine: !1,
-        tickMargin: 8
-      }
-    ),
-    /* @__PURE__ */ e(
-      D,
-      {
-        allowDecimals: o,
-        tickLine: !1,
-        axisLine: !1,
-        width: s ? 48 : 32,
-        tickFormatter: s ? (m) => s(Number(m)) : void 0
-      }
-    ),
-    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { formatter: f }) }),
-    /* @__PURE__ */ e(
-      j,
-      {
-        dataKey: "value",
-        fill: "var(--color-value)",
-        radius: [4, 4, 0, 0],
-        className: c ? "cursor-pointer" : void 0,
-        onClick: c ? (m, g) => {
-          c(t[g], g);
-        } : void 0
-      }
-    )
-  ] }) });
-}, K = [
-  "hsl(var(--k-chart-1))",
-  "hsl(var(--k-chart-2))",
-  "hsl(var(--k-chart-3))",
-  "hsl(var(--k-chart-4))",
-  "hsl(var(--k-chart-5))"
-], T = (t) => K[t % K.length], ie = ({
-  title: t,
-  description: r,
-  icon: a,
-  actions: n,
-  footer: s,
-  isLoading: o = !1,
-  isEmpty: c = !1,
-  emptyLabel: h,
-  height: u = 300,
-  className: f,
-  contentClassName: i,
-  children: l
-}) => {
-  const { t: m } = I(), g = a, p = () => o ? /* @__PURE__ */ e(G, { className: "size-full rounded-surface" }) : c ? /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h ?? m("states.noData") }) }) : l;
-  return /* @__PURE__ */ d(R, { className: f, children: [
-    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
-      /* @__PURE__ */ d("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ d(V, { className: "flex items-center gap-2", children: [
-          g && /* @__PURE__ */ e(g, { className: "size-5 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: t })
-        ] }),
-        r !== void 0 && r !== "" ? /* @__PURE__ */ e(P, { children: r }) : null
-      ] }),
-      n != null ? /* @__PURE__ */ e("div", { className: "shrink-0", children: n }) : null
-    ] }) }),
-    /* @__PURE__ */ d(S, { children: [
-      /* @__PURE__ */ e("div", { className: C("w-full", i), style: u === null ? void 0 : { height: u }, children: p() }),
-      !o && !c && s !== void 0 && s !== null ? /* @__PURE__ */ e("div", { className: "mt-4", children: s }) : null
-    ] })
-  ] });
-}, W = { warning: 50, danger: 80 }, X = (t, r) => t >= r.danger ? "hsl(var(--destructive))" : t >= r.warning ? "hsl(var(--k-warning))" : "hsl(var(--k-success))", ne = ({
-  value: t,
-  max: r = 100,
-  size: a = 120,
-  strokeWidth: n = 8,
-  label: s,
-  unit: o = "%",
-  color: c,
-  thresholds: h = W,
-  valueFormatter: u = (i) => i.toFixed(1),
-  className: f
-}) => {
-  const i = (a - n) / 2, l = i * 2 * Math.PI, m = r > 0 ? Math.min(100, Math.max(0, t / r * 100)) : 0, g = c ?? X(m, h);
-  return /* @__PURE__ */ d("div", { className: C("flex flex-col items-center gap-2", f), children: [
-    /* @__PURE__ */ d("div", { className: "relative", style: { width: a, height: a }, children: [
-      /* @__PURE__ */ d("svg", { width: a, height: a, className: "-rotate-90", children: [
-        /* @__PURE__ */ e("circle", { cx: a / 2, cy: a / 2, r: i, className: "stroke-muted", strokeWidth: n, fill: "transparent" }),
-        /* @__PURE__ */ e(
-          "circle",
-          {
-            cx: a / 2,
-            cy: a / 2,
-            r: i,
-            stroke: g,
-            strokeWidth: n,
-            fill: "transparent",
-            strokeDasharray: l,
-            strokeDashoffset: l - m / 100 * l,
-            strokeLinecap: "round",
-            className: "transition-all duration-500 ease-out"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ d("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-        /* @__PURE__ */ e("span", { className: "text-2xl font-bold text-card-foreground", children: u(t) }),
-        o !== "" && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: o })
-      ] })
-    ] }),
-    s !== void 0 && s !== "" ? /* @__PURE__ */ e("span", { className: "text-sm font-medium text-muted-foreground", children: s }) : null
-  ] });
-}, oe = ({
-  data: t,
-  label: r = "Valeur",
-  color: a = "hsl(var(--primary))",
-  yAxisDomain: n,
-  valueFormatter: s,
-  labelFormatter: o,
-  showDots: c = !0,
-  className: h
-}) => {
-  const u = v.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = v.useMemo(() => L(s, r), [s, r]);
-  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ d(O, { data: t, margin: { top: 10, right: 20, left: 0, bottom: 10 }, children: [
-    /* @__PURE__ */ e(M, { strokeDasharray: "3 3", vertical: !1 }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        dataKey: "name",
-        tickLine: !1,
-        axisLine: !1,
-        tickMargin: 8,
-        interval: "preserveStartEnd",
-        tickFormatter: o ? (i) => o(String(i)) : void 0
-      }
-    ),
-    /* @__PURE__ */ e(
-      D,
-      {
-        domain: n,
-        tickLine: !1,
-        axisLine: !1,
-        width: s ? 48 : 32,
-        tickFormatter: s ? (i) => s(Number(i)) : void 0
-      }
-    ),
-    /* @__PURE__ */ e(
-      x,
-      {
-        content: /* @__PURE__ */ e(y, { formatter: f, labelFormatter: o ? (i) => o(String(i)) : void 0 })
-      }
-    ),
-    /* @__PURE__ */ e(
-      _,
-      {
-        type: "monotone",
-        dataKey: "value",
-        stroke: "var(--color-value)",
-        strokeWidth: 2,
-        dot: c ? { fill: "var(--color-value)", strokeWidth: 0, r: 3 } : !1,
-        activeDot: { r: 5, strokeWidth: 2, className: "stroke-background" }
-      }
-    )
-  ] }) });
-}, le = ({
-  data: t,
-  innerRadius: r,
-  outerRadius: a,
-  showLegend: n = !0,
-  showLabels: s = !1,
-  valueFormatter: o,
-  onSelect: c,
-  className: h
-}) => {
-  const u = z(), f = v.useMemo(() => t.map((p, k) => ({ ...p, fill: p.color ?? T(k) })), [t]), i = v.useMemo(
-    () => Object.fromEntries(t.map((p, k) => [p.name, { label: p.name, color: p.color ?? T(k) }])),
-    [t]
-  ), l = v.useMemo(() => L(o), [o]), m = r ?? (u ? 45 : 60), g = a ?? (u ? 80 : 100);
-  return /* @__PURE__ */ e(N, { config: i, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ d($, { children: [
-    /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { nameKey: "name", hideLabel: !0, formatter: l }) }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        data: f,
-        dataKey: "value",
-        nameKey: "name",
-        cx: "50%",
-        cy: n ? "45%" : "50%",
-        innerRadius: m,
-        outerRadius: g,
-        paddingAngle: m > 0 ? 2 : 0,
-        label: s ? ({ name: p, value: k }) => `${String(p)} (${String(k)})` : void 0,
-        isAnimationActive: !1,
-        className: C("stroke-background", c && "cursor-pointer"),
-        onClick: c ? (p, k) => {
-          c(t[k], k);
-        } : void 0
-      }
-    ),
-    n && /* @__PURE__ */ e(B, { content: /* @__PURE__ */ e(H, { nameKey: "name", className: "flex-wrap text-muted-foreground" }) })
-  ] }) });
-};
-export {
-  ae as B,
-  K as C,
-  oe as L,
-  le as P,
-  se as a,
-  ie as b,
-  ne as c,
-  T as g
-};

package/dist/SearchInput-DIZ5Yt6L.js

@@ -1,246 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as M from "react";
-import { useState as S, useRef as G, useEffect as X, useMemo as q } from "react";
-import { C as j } from "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as v, f as H } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import { P as E, s as R, r as _, C as J, m as Q, o as U, k as W, l as Y, n as T, I as Z } from "./sheet-XYI-ezvY.js";
-import { CalendarIcon as O, XIcon as I, ChevronDownIcon as ee, CheckIcon as te, PlusIcon as re, SearchIcon as oe } from "lucide-react";
-import "react-resizable-panels";
-import { c as g } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import { format as x } from "date-fns";
-import { u as V } from "./useDateFnsLocale-D6VExZ8U.js";
-import "react-i18next";
-import { u as P } from "./useKrosoftTranslation-BTp46G94.js";
-import "date-fns/locale";
-const ze = ({ date: r, onDateChange: l, placeholder: p }) => {
-  const f = V(), [a, c] = S(!1), d = G(null);
-  X(() => {
-    if (!a) return;
-    const s = (h) => {
-      d.current !== null && !d.current.contains(h.target) && c(!1);
-    };
-    return document.addEventListener("mousedown", s), () => {
-      document.removeEventListener("mousedown", s);
-    };
-  }, [a]);
-  const u = () => {
-    c((s) => !s);
-  }, i = (s) => {
-    l(s), c(!1);
-  };
-  return /* @__PURE__ */ o("div", { ref: d, className: "relative w-full", children: [
-    /* @__PURE__ */ o(
-      v,
-      {
-        variant: "outline",
-        type: "button",
-        onClick: u,
-        className: g(
-          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-          a && "ring-2 ring-ring ring-offset-2",
-          r === void 0 && "text-muted-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ e(O, { className: "mr-2 size-4 shrink-0" }),
-          r !== void 0 ? x(r, "dd/MM/yyyy", { locale: f }) : /* @__PURE__ */ e("span", { children: p })
-        ]
-      }
-    ),
-    a ? /* @__PURE__ */ e("div", { className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: /* @__PURE__ */ e(j, { mode: "single", locale: f, defaultMonth: r, selected: r, onSelect: i }) }) : null
-  ] });
-}, Me = ({ value: r, onChange: l, placeholder: p, className: f }) => {
-  const { t: a } = P(), c = V(), [d, u] = M.useState(!1), [i, s] = M.useState(r);
-  M.useEffect(() => {
-    d && s(r);
-  }, [d, r]);
-  const h = (n) => {
-    n.stopPropagation(), l(void 0), u(!1);
-  }, k = () => {
-    l(i), u(!1);
-  }, y = () => {
-    s(r), u(!1);
-  }, N = () => {
-    s(void 0);
-  }, w = (n) => n != null && n.from ? !n.to || n.from.getTime() === n.to.getTime() ? x(n.from, "dd MMM yyyy", { locale: c }) : `${x(n.from, "dd MMM yyyy", { locale: c })} - ${x(n.to, "dd MMM yyyy", { locale: c })}` : p ?? a("date.pickPeriod");
-  return /* @__PURE__ */ e("div", { className: g("grid gap-2", f), children: /* @__PURE__ */ o(E, { open: d, onOpenChange: u, children: [
-    /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ o(v, { id: "date", variant: "outline", className: g("w-[300px] justify-start text-left font-normal", !(r != null && r.from) && "text-muted-foreground"), children: [
-      /* @__PURE__ */ e(O, { className: "mr-2 size-4" }),
-      w(r),
-      (r == null ? void 0 : r.from) && /* @__PURE__ */ e(
-        v,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          "aria-label": a("date.clearPeriod"),
-          className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
-          onClick: h,
-          children: /* @__PURE__ */ e(I, { className: "size-4" })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ o(_, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
-      /* @__PURE__ */ e(
-        j,
-        {
-          mode: "range",
-          defaultMonth: i == null ? void 0 : i.from,
-          selected: i,
-          onSelect: s,
-          numberOfMonths: 2,
-          locale: c,
-          className: "pointer-events-auto p-3"
-        }
-      ),
-      /* @__PURE__ */ o("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-        /* @__PURE__ */ e(v, { variant: "ghost", size: "sm", onClick: N, children: a("actions.clear") }),
-        /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e(v, { variant: "ghost", size: "sm", onClick: y, children: a("actions.cancel") }),
-          /* @__PURE__ */ e(v, { size: "sm", onClick: k, children: a("actions.apply") })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}, Se = ({
-  options: r = [],
-  value: l,
-  onChange: p,
-  onClear: f,
-  onCreate: a,
-  placeholder: c,
-  searchPlaceholder: d,
-  emptyLabel: u,
-  createLabel: i,
-  disabled: s = !1,
-  modal: h = !0,
-  className: k
-}) => {
-  const { t: y } = P(), [N, w] = S(!1), [n, D] = S(""), C = l !== void 0 && l !== "", m = q(() => C ? r.find((t) => t.value === l) : void 0, [C, r, l]), B = C ? (m == null ? void 0 : m.label) ?? l : void 0, b = n.trim(), L = a !== void 0 && b !== "" && !r.some((t) => t.label.toLowerCase() === b.toLowerCase()), z = (t) => {
-    w(t), t || D("");
-  }, K = (t) => {
-    p(t), z(!1);
-  }, $ = () => {
-    a == null || a(b), z(!1);
-  };
-  return /* @__PURE__ */ o(E, { open: N, onOpenChange: z, modal: h, children: [
-    /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ o(
-      "button",
-      {
-        type: "button",
-        role: "combobox",
-        "aria-expanded": N,
-        disabled: s,
-        className: g(
-          H,
-          "w-full",
-          "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2",
-          !C && "text-muted-foreground",
-          k
-        ),
-        children: [
-          /* @__PURE__ */ o("span", { className: "flex items-center truncate", children: [
-            (m == null ? void 0 : m.color) && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: m.color } }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: B ?? c ?? y("select.placeholder") }),
-            (m == null ? void 0 : m.description) !== void 0 && /* @__PURE__ */ o("span", { className: "ml-1 truncate text-muted-foreground", children: [
-              "(",
-              m.description,
-              ")"
-            ] })
-          ] }),
-          /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-            f && C && !s && /* @__PURE__ */ e(
-              "span",
-              {
-                role: "button",
-                tabIndex: -1,
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                onPointerDown: (t) => {
-                  t.preventDefault(), t.stopPropagation(), f();
-                },
-                className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ e(I, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ e(ee, { className: g("size-4 shrink-0 opacity-50 transition-transform", N && "rotate-180") })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(_, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ o(
-      J,
-      {
-        filter: (t, A, F) => (F ?? []).join(" ").toLowerCase().includes(A.trim().toLowerCase()) ? 1 : 0,
-        children: [
-          /* @__PURE__ */ e(Q, { placeholder: d ?? y("search.placeholder"), value: n, onValueChange: D }),
-          /* @__PURE__ */ o(U, { children: [
-            !L && /* @__PURE__ */ e(W, { children: u ?? y("states.noResult") }),
-            /* @__PURE__ */ o(Y, { children: [
-              r.map((t) => /* @__PURE__ */ o(
-                T,
-                {
-                  value: t.value,
-                  keywords: [t.label, t.description ?? ""],
-                  onSelect: () => {
-                    K(t.value);
-                  },
-                  children: [
-                    /* @__PURE__ */ e(te, { className: g("mr-2 size-4 shrink-0", l === t.value ? "opacity-100" : "opacity-0") }),
-                    t.color !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: t.color } }),
-                    /* @__PURE__ */ e("span", { className: "truncate", children: t.label }),
-                    t.description !== void 0 && /* @__PURE__ */ o("span", { className: "ml-1 truncate text-muted-foreground", children: [
-                      "(",
-                      t.description,
-                      ")"
-                    ] })
-                  ]
-                },
-                t.value
-              )),
-              L && /* @__PURE__ */ o(T, { forceMount: !0, value: "__create__", onSelect: $, children: [
-                /* @__PURE__ */ e(re, { className: "mr-2 size-4 shrink-0" }),
-                /* @__PURE__ */ e("span", { className: "truncate", children: i ? i(b) : y("select.create", { search: b }) })
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}, Ie = ({ searchQuery: r, search: l, placeholder: p, onSearch: f, onSubmit: a, onClear: c, className: d }) => {
-  const { t: u } = P(), i = r ?? l ?? "", s = () => {
-    f(""), c !== void 0 && c();
-  };
-  return /* @__PURE__ */ o("div", { className: g("relative h-fit w-full md:w-64", d), children: [
-    /* @__PURE__ */ e(oe, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
-    /* @__PURE__ */ e(
-      Z,
-      {
-        placeholder: p ?? u("search.placeholder"),
-        value: i,
-        onChange: (h) => {
-          f(h.target.value);
-        },
-        className: "pl-8",
-        onKeyDown: (h) => {
-          h.key === "Enter" && a !== void 0 && (h.preventDefault(), a());
-        }
-      }
-    ),
-    i !== "" ? /* @__PURE__ */ e("button", { onClick: s, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ e(I, { className: "size-4" }) }) : null
-  ] });
-};
-export {
-  ze as D,
-  Ie as S,
-  Me as a,
-  Se as b
-};