@krosoft/react 0.0.218 → 0.0.220

package/dist/{PieChart-D6y5EQnh.js → PieChart-bDy_V9Xt.js}

@@ -1,28 +1,29 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { f as N, j as x, k as y, C as A, d as R, e as V, b as P, a as S, g as B, h as H } from "./chart-DntJZGxB.js";
+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 T, 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 { S as I } from "./skeleton-BX4RcsiK.js";
-import { u as G } from "./useMobile-DN1_OMDB.js";
-const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex flex-1 justify-between gap-4", children: [
-  /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: t ?? String(s) }),
-  /* @__PURE__ */ e("span", { className: "font-mono font-medium tabular-nums text-foreground", children: r(Number(n)) })
-] }) : void 0, z = (r, t) => t > 0 && r.length > t ? `${r.slice(0, t)}…` : r, F = ({
-  data: r,
-  label: t = "Valeur",
+import * as p 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 { u as I } from "./useKrosoftTranslation-DdcylBY2.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__ */ m("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, te = ({
+  data: t,
+  label: r = "Valeur",
   color: a = "hsl(var(--primary))",
   categoryWidth: n = 140,
   maxLabelLength: s = 22,
   valueFormatter: o,
-  onSelect: d,
+  onSelect: c,
   className: h
 }) => {
-  const u = v.useMemo(() => ({ value: { label: t, color: a } }), [t, a]), f = v.useMemo(() => L(o, t), [o, t]), i = v.useMemo(
-    () => r.some((l) => l.color !== void 0) ? r.map((l) => ({ ...l, fill: l.color ?? a })) : r,
-    [r, a]
+  const u = p.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = p.useMemo(() => L(o, r), [o, r]), i = p.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__ */ m(T, { data: i, layout: "vertical", margin: { top: 5, right: 20, left: 0, bottom: 5 }, children: [
+  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m(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,
@@ -44,7 +45,7 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         width: n,
         tickLine: !1,
         axisLine: !1,
-        tickFormatter: (l) => z(String(l), s)
+        tickFormatter: (l) => U(String(l), s)
       }
     ),
     /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { formatter: f }) }),
@@ -54,28 +55,28 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         dataKey: "value",
         fill: "var(--color-value)",
         radius: [0, 4, 4, 0],
-        className: d ? "cursor-pointer" : void 0,
-        onClick: d ? (l, c) => {
-          d(r[c], c);
+        className: c ? "cursor-pointer" : void 0,
+        onClick: c ? (l, d) => {
+          c(t[d], d);
         } : void 0
       }
     )
   ] }) });
-}, ee = ({
-  data: r,
-  label: t = "Valeur",
+}, re = ({
+  data: t,
+  label: r = "Valeur",
   color: a = "hsl(var(--primary))",
   labelAngle: n,
   valueFormatter: s,
   allowDecimals: o = !1,
-  onSelect: d,
+  onSelect: c,
   className: h
 }) => {
-  const u = v.useMemo(() => ({ value: { label: t, color: a } }), [t, a]), f = v.useMemo(() => L(s, t), [s, t]), i = n !== void 0 && n !== 0, l = v.useMemo(
-    () => r.some((c) => c.color !== void 0) ? r.map((c) => ({ ...c, fill: c.color ?? a })) : r,
-    [r, a]
+  const u = p.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = p.useMemo(() => L(s, r), [s, r]), i = n !== void 0 && n !== 0, l = p.useMemo(
+    () => t.some((d) => d.color !== void 0) ? t.map((d) => ({ ...d, fill: d.color ?? a })) : t,
+    [t, a]
   );
-  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m(T, { data: l, margin: { top: 10, right: 10, left: 0, bottom: i ? 20 : 10 }, children: [
+  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m(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,
@@ -96,7 +97,7 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         tickLine: !1,
         axisLine: !1,
         width: s ? 48 : 32,
-        tickFormatter: s ? (c) => s(Number(c)) : void 0
+        tickFormatter: s ? (d) => s(Number(d)) : void 0
       }
     ),
     /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { formatter: f }) }),
@@ -106,9 +107,9 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         dataKey: "value",
         fill: "var(--color-value)",
         radius: [4, 4, 0, 0],
-        className: d ? "cursor-pointer" : void 0,
-        onClick: d ? (c, g) => {
-          d(r[g], g);
+        className: c ? "cursor-pointer" : void 0,
+        onClick: c ? (d, g) => {
+          c(t[g], g);
         } : void 0
       }
     )
@@ -119,50 +120,50 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
   "hsl(var(--k-chart-3))",
   "hsl(var(--k-chart-4))",
   "hsl(var(--k-chart-5))"
-], b = (r) => K[r % K.length], re = ({
-  title: r,
-  description: t,
+], T = (t) => K[t % K.length], ae = ({
+  title: t,
+  description: r,
   icon: a,
   actions: n,
   footer: s,
   isLoading: o = !1,
-  isEmpty: d = !1,
-  emptyLabel: h = "Aucune donnée disponible",
+  isEmpty: c = !1,
+  emptyLabel: h,
   height: u = 300,
   className: f,
   contentClassName: i,
   children: l
 }) => {
-  const c = a, g = () => o ? /* @__PURE__ */ e(I, { className: "size-full rounded-surface" }) : d ? /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h }) }) : l;
-  return /* @__PURE__ */ m(A, { className: f, children: [
-    /* @__PURE__ */ e(R, { children: /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
+  const { t: d } = I(), g = a, v = () => 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 ?? d("states.noData") }) }) : l;
+  return /* @__PURE__ */ m(R, { className: f, children: [
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
       /* @__PURE__ */ m("div", { className: "min-w-0", children: [
         /* @__PURE__ */ m(V, { className: "flex items-center gap-2", children: [
-          c && /* @__PURE__ */ e(c, { className: "size-5 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: r })
+          g && /* @__PURE__ */ e(g, { className: "size-5 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: t })
         ] }),
-        t !== void 0 && t !== "" ? /* @__PURE__ */ e(P, { children: t }) : null
+        r !== void 0 && r !== "" ? /* @__PURE__ */ e(P, { children: r }) : null
       ] }),
       n != null ? /* @__PURE__ */ e("div", { className: "shrink-0", children: n }) : null
     ] }) }),
     /* @__PURE__ */ m(S, { children: [
-      /* @__PURE__ */ e("div", { className: C("w-full", i), style: u === null ? void 0 : { height: u }, children: g() }),
-      !o && !d && s !== void 0 && s !== null ? /* @__PURE__ */ e("div", { className: "mt-4", children: s }) : null
+      /* @__PURE__ */ e("div", { className: C("w-full", i), style: u === null ? void 0 : { height: u }, children: v() }),
+      !o && !c && s !== void 0 && s !== null ? /* @__PURE__ */ e("div", { className: "mt-4", children: s }) : null
     ] })
   ] });
-}, U = { warning: 50, danger: 80 }, W = (r, t) => r >= t.danger ? "hsl(var(--destructive))" : r >= t.warning ? "hsl(var(--k-warning))" : "hsl(var(--k-success))", te = ({
-  value: r,
-  max: t = 100,
+}, 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))", se = ({
+  value: t,
+  max: r = 100,
   size: a = 120,
   strokeWidth: n = 8,
   label: s,
   unit: o = "%",
-  color: d,
-  thresholds: h = U,
+  color: c,
+  thresholds: h = W,
   valueFormatter: u = (i) => i.toFixed(1),
   className: f
 }) => {
-  const i = (a - n) / 2, l = i * 2 * Math.PI, c = t > 0 ? Math.min(100, Math.max(0, r / t * 100)) : 0, g = d ?? W(c, h);
+  const i = (a - n) / 2, l = i * 2 * Math.PI, d = r > 0 ? Math.min(100, Math.max(0, t / r * 100)) : 0, g = c ?? X(d, h);
   return /* @__PURE__ */ m("div", { className: C("flex flex-col items-center gap-2", f), children: [
     /* @__PURE__ */ m("div", { className: "relative", style: { width: a, height: a }, children: [
       /* @__PURE__ */ m("svg", { width: a, height: a, className: "-rotate-90", children: [
@@ -177,31 +178,31 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
             strokeWidth: n,
             fill: "transparent",
             strokeDasharray: l,
-            strokeDashoffset: l - c / 100 * l,
+            strokeDashoffset: l - d / 100 * l,
             strokeLinecap: "round",
             className: "transition-all duration-500 ease-out"
           }
         )
       ] }),
       /* @__PURE__ */ m("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(r) }),
+        /* @__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
   ] });
-}, ae = ({
-  data: r,
-  label: t = "Valeur",
+}, ie = ({
+  data: t,
+  label: r = "Valeur",
   color: a = "hsl(var(--primary))",
   yAxisDomain: n,
   valueFormatter: s,
   labelFormatter: o,
-  showDots: d = !0,
+  showDots: c = !0,
   className: h
 }) => {
-  const u = v.useMemo(() => ({ value: { label: t, color: a } }), [t, a]), f = v.useMemo(() => L(s, t), [s, t]);
-  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m(O, { data: r, margin: { top: 10, right: 20, left: 0, bottom: 10 }, children: [
+  const u = p.useMemo(() => ({ value: { label: r, color: a } }), [r, a]), f = p.useMemo(() => L(s, r), [s, r]);
+  return /* @__PURE__ */ e(N, { config: u, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m(O, { data: t, margin: { top: 10, right: 20, left: 0, bottom: 10 }, children: [
     /* @__PURE__ */ e(M, { strokeDasharray: "3 3", vertical: !1 }),
     /* @__PURE__ */ e(
       w,
@@ -237,25 +238,25 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         dataKey: "value",
         stroke: "var(--color-value)",
         strokeWidth: 2,
-        dot: d ? { fill: "var(--color-value)", strokeWidth: 0, r: 3 } : !1,
+        dot: c ? { fill: "var(--color-value)", strokeWidth: 0, r: 3 } : !1,
         activeDot: { r: 5, strokeWidth: 2, className: "stroke-background" }
       }
     )
   ] }) });
-}, se = ({
-  data: r,
-  innerRadius: t,
+}, ne = ({
+  data: t,
+  innerRadius: r,
   outerRadius: a,
   showLegend: n = !0,
   showLabels: s = !1,
   valueFormatter: o,
-  onSelect: d,
+  onSelect: c,
   className: h
 }) => {
-  const u = G(), f = v.useMemo(() => r.map((p, k) => ({ ...p, fill: p.color ?? b(k) })), [r]), i = v.useMemo(
-    () => Object.fromEntries(r.map((p, k) => [p.name, { label: p.name, color: p.color ?? b(k) }])),
-    [r]
-  ), l = v.useMemo(() => L(o), [o]), c = t ?? (u ? 45 : 60), g = a ?? (u ? 80 : 100);
+  const u = z(), f = p.useMemo(() => t.map((v, k) => ({ ...v, fill: v.color ?? T(k) })), [t]), i = p.useMemo(
+    () => Object.fromEntries(t.map((v, k) => [v.name, { label: v.name, color: v.color ?? T(k) }])),
+    [t]
+  ), l = p.useMemo(() => L(o), [o]), d = r ?? (u ? 45 : 60), g = a ?? (u ? 80 : 100);
   return /* @__PURE__ */ e(N, { config: i, className: C("aspect-auto size-full", h), children: /* @__PURE__ */ m($, { children: [
     /* @__PURE__ */ e(x, { content: /* @__PURE__ */ e(y, { nameKey: "name", hideLabel: !0, formatter: l }) }),
     /* @__PURE__ */ e(
@@ -266,14 +267,14 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
         nameKey: "name",
         cx: "50%",
         cy: n ? "45%" : "50%",
-        innerRadius: c,
+        innerRadius: d,
         outerRadius: g,
-        paddingAngle: c > 0 ? 2 : 0,
-        label: s ? ({ name: p, value: k }) => `${String(p)} (${String(k)})` : void 0,
+        paddingAngle: d > 0 ? 2 : 0,
+        label: s ? ({ name: v, value: k }) => `${String(v)} (${String(k)})` : void 0,
         isAnimationActive: !1,
-        className: C("stroke-background", d && "cursor-pointer"),
-        onClick: d ? (p, k) => {
-          d(r[k], k);
+        className: C("stroke-background", c && "cursor-pointer"),
+        onClick: c ? (v, k) => {
+          c(t[k], k);
         } : void 0
       }
     ),
@@ -281,12 +282,12 @@ const L = (r, t) => r ? (n, s) => /* @__PURE__ */ m("div", { className: "flex fl
   ] }) });
 };
 export {
-  F as B,
+  te as B,
   K as C,
-  ae as L,
-  se as P,
-  ee as a,
-  re as b,
-  te as c,
-  b as g
+  ie as L,
+  ne as P,
+  re as a,
+  ae as b,
+  se as c,
+  T as g
 };

package/dist/SearchInput-CJ2YZpmB.js

@@ -0,0 +1,244 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as M from "react";
+import { useState as S, useRef as G, useEffect as X, useMemo as F } from "react";
+import { C as j, b0 as R, b2 as _, b1 as O } from "./toggle-group-DLLrEwv2.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 { C as J, m as Q, o as U, k as W, l as Y, n as T, I as Z } from "./sheet-CDqLa-FP.js";
+import { CalendarIcon as A, XIcon as I, ChevronDownIcon as ee, CheckIcon as te, PlusIcon as re, SearchIcon as ae } 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 { fr as k } from "date-fns/locale";
+import { u as P } from "./useKrosoftTranslation-DdcylBY2.js";
+const ke = ({ date: r, onDateChange: n, placeholder: p }) => {
+  const [c, s] = S(!1), i = G(null);
+  X(() => {
+    if (!c) return;
+    const o = (u) => {
+      i.current !== null && !i.current.contains(u.target) && s(!1);
+    };
+    return document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
+    };
+  }, [c]);
+  const f = () => {
+    s((o) => !o);
+  }, d = (o) => {
+    n(o), s(!1);
+  };
+  return /* @__PURE__ */ a("div", { ref: i, className: "relative w-full", children: [
+    /* @__PURE__ */ a(
+      v,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: f,
+        className: g(
+          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          c && "ring-2 ring-ring ring-offset-2",
+          r === void 0 && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ e(A, { className: "mr-2 size-4 shrink-0" }),
+          r !== void 0 ? x(r, "dd/MM/yyyy", { locale: k }) : /* @__PURE__ */ e("span", { children: p })
+        ]
+      }
+    ),
+    c ? /* @__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", selected: r, onSelect: d }) }) : null
+  ] });
+}, we = ({ value: r, onChange: n, placeholder: p, className: c }) => {
+  const { t: s } = P(), [i, f] = M.useState(!1), [d, o] = M.useState(r);
+  M.useEffect(() => {
+    i && o(r);
+  }, [i, r]);
+  const u = (l) => {
+    l.stopPropagation(), n(void 0), f(!1);
+  }, h = () => {
+    n(d), f(!1);
+  }, w = () => {
+    o(r), f(!1);
+  }, y = () => {
+    o(void 0);
+  }, N = (l) => l != null && l.from ? !l.to || l.from.getTime() === l.to.getTime() ? x(l.from, "dd MMM yyyy", { locale: k }) : `${x(l.from, "dd MMM yyyy", { locale: k })} - ${x(l.to, "dd MMM yyyy", { locale: k })}` : p ?? s("date.pickPeriod");
+  return /* @__PURE__ */ e("div", { className: g("grid gap-2", c), children: /* @__PURE__ */ a(R, { open: i, onOpenChange: f, children: [
+    /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ a(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(A, { className: "mr-2 size-4" }),
+      N(r),
+      (r == null ? void 0 : r.from) && /* @__PURE__ */ e(
+        v,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          "aria-label": s("date.clearPeriod"),
+          className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
+          onClick: u,
+          children: /* @__PURE__ */ e(I, { className: "size-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ a(O, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
+      /* @__PURE__ */ e(
+        j,
+        {
+          mode: "range",
+          defaultMonth: d == null ? void 0 : d.from,
+          selected: d,
+          onSelect: o,
+          numberOfMonths: 2,
+          weekStartsOn: 1,
+          className: "pointer-events-auto p-3"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ e(v, { variant: "ghost", size: "sm", onClick: y, children: "Effacer" }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(v, { variant: "ghost", size: "sm", onClick: w, children: "Annuler" }),
+          /* @__PURE__ */ e(v, { size: "sm", onClick: h, children: "Appliquer" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}, ze = ({
+  options: r = [],
+  value: n,
+  onChange: p,
+  onClear: c,
+  onCreate: s,
+  placeholder: i,
+  searchPlaceholder: f,
+  emptyLabel: d,
+  createLabel: o,
+  disabled: u = !1,
+  modal: h = !0,
+  className: w
+}) => {
+  const { t: y } = P(), [N, l] = S(!1), [D, E] = S(""), C = n !== void 0 && n !== "", m = F(() => C ? r.find((t) => t.value === n) : void 0, [C, r, n]), V = C ? (m == null ? void 0 : m.label) ?? n : void 0, b = D.trim(), L = s !== void 0 && b !== "" && !r.some((t) => t.label.toLowerCase() === b.toLowerCase()), z = (t) => {
+    l(t), t || E("");
+  }, B = (t) => {
+    p(t), z(!1);
+  }, K = () => {
+    s == null || s(b), z(!1);
+  };
+  return /* @__PURE__ */ a(R, { open: N, onOpenChange: z, modal: h, children: [
+    /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": N,
+        disabled: u,
+        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",
+          w
+        ),
+        children: [
+          /* @__PURE__ */ a("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: V ?? i ?? y("select.placeholder") }),
+            (m == null ? void 0 : m.description) !== void 0 && /* @__PURE__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+              "(",
+              m.description,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+            c && C && !u && /* @__PURE__ */ e(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onClick: (t) => {
+                  t.stopPropagation();
+                },
+                onPointerDown: (t) => {
+                  t.preventDefault(), t.stopPropagation(), c();
+                },
+                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(O, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(
+      J,
+      {
+        filter: (t, $, q) => (q ?? []).join(" ").toLowerCase().includes($.trim().toLowerCase()) ? 1 : 0,
+        children: [
+          /* @__PURE__ */ e(Q, { placeholder: f ?? y("search.placeholder"), value: D, onValueChange: E }),
+          /* @__PURE__ */ a(U, { children: [
+            !L && /* @__PURE__ */ e(W, { children: d ?? y("states.noResult") }),
+            /* @__PURE__ */ a(Y, { children: [
+              r.map((t) => /* @__PURE__ */ a(
+                T,
+                {
+                  value: t.value,
+                  keywords: [t.label, t.description ?? ""],
+                  onSelect: () => {
+                    B(t.value);
+                  },
+                  children: [
+                    /* @__PURE__ */ e(te, { className: g("mr-2 size-4 shrink-0", n === 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__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+                      "(",
+                      t.description,
+                      ")"
+                    ] })
+                  ]
+                },
+                t.value
+              )),
+              L && /* @__PURE__ */ a(T, { forceMount: !0, value: "__create__", onSelect: K, children: [
+                /* @__PURE__ */ e(re, { className: "mr-2 size-4 shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "truncate", children: o ? o(b) : y("select.create", { search: b }) })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}, Me = ({ searchQuery: r, search: n, placeholder: p, onSearch: c, onSubmit: s, onClear: i, className: f }) => {
+  const { t: d } = P(), o = r ?? n ?? "", u = () => {
+    c(""), i !== void 0 && i();
+  };
+  return /* @__PURE__ */ a("div", { className: g("relative h-fit w-full md:w-64", f), children: [
+    /* @__PURE__ */ e(ae, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+    /* @__PURE__ */ e(
+      Z,
+      {
+        placeholder: p ?? d("search.placeholder"),
+        value: o,
+        onChange: (h) => {
+          c(h.target.value);
+        },
+        className: "pl-8",
+        onKeyDown: (h) => {
+          h.key === "Enter" && s !== void 0 && (h.preventDefault(), s());
+        }
+      }
+    ),
+    o !== "" ? /* @__PURE__ */ e("button", { onClick: u, 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 {
+  ke as D,
+  Me as S,
+  we as a,
+  ze as b
+};

package/dist/{SkeletonCards-CYo_lvKx.js → SkeletonCards-Bg2ygjwy.js}

@@ -8,7 +8,7 @@ import "@radix-ui/react-aspect-ratio";
 import "./tooltip-DVeqVwqV.js";
 import { C as c, d as p, e as v, a as h } from "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-BQmtrGf2.js";
+import "./sheet-CDqLa-FP.js";
 import "lucide-react";
 import "react-resizable-panels";
 import "./select-BpjFWqAY.js";