@krosoft/react 0.0.218 → 0.0.220

package/dist/{TableFilter-DbnGaGKL.js → TableFilter-u6F06nMx.js}

@@ -1,109 +1,112 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useState as F, useEffect as O, useMemo as A } from "react";
-import { a as j, D as M, b as z, S as I } from "./SearchInput-oeq0NBIc.js";
-import { B as k, aw as $, b0 as B, b2 as R, b1 as Q, E as C } from "./toggle-group-DLLrEwv2.js";
+import { u as w } from "./useKrosoftTranslation-DdcylBY2.js";
+import { useState as C, useEffect as O, useMemo as S } from "react";
+import { a as z, D as I, b as $, S as B } from "./SearchInput-CJ2YZpmB.js";
+import { getLocale as Q } from "@krosoft/core/helpers";
+import { B as E, aw as V, b0 as _, b2 as R, b1 as H, E as P } from "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as w, e as V } from "./tooltip-DVeqVwqV.js";
+import { B as F, e as K } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import { I as E, S as _, z as H, s as X, v as G, y as J, u as K } from "./sheet-BQmtrGf2.js";
-import { XIcon as P, Filter as U, ChevronDown as W, Search as Y } from "lucide-react";
+import { I as L, S as X, z as G, s as J, v as U, y as W, u as Y } from "./sheet-CDqLa-FP.js";
+import { XIcon as T, Filter as Z, ChevronDown as q, Search as ee } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
 import "tailwind-merge";
-import { S as Z, h as q, i as ee, a as re, c as te } from "./select-BpjFWqAY.js";
+import { S as re, h as te, i as le, a as ae, c as se } from "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-import { c as T } from "./tailwind.helper-B6yFEsav.js";
-import { M as le } from "./MultiSelect-Cj8vgAXJ.js";
-const L = (a, n, c = {}) => {
+import { c as j } from "./tailwind.helper-B6yFEsav.js";
+import { M as ne } from "./MultiSelect-Dkz1dgXo.js";
+const D = (a, n, c, i = {}) => {
   if (n instanceof Date)
-    return n.toLocaleDateString("fr-FR");
-  const i = String(n), d = c[`${a}_${i}`];
-  return d !== void 0 ? d : a.includes("ok") || n === "true" || n === "false" ? n === "true" ? "Oui" : "Non" : i;
+    return n.toLocaleDateString(Q());
+  const d = String(n), o = i[`${a}_${d}`];
+  return o !== void 0 ? o : a.includes("ok") || n === "true" || n === "false" ? c(n === "true" ? "filters.yes" : "filters.no") : d;
 };
-function ae({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}, optionLabels: d = {} }) {
-  const o = Object.entries(a).filter(([h, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
-  return o.length === 0 ? null : /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: [
+function ce({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}, optionLabels: d = {} }) {
+  const { t: o } = w(), h = Object.entries(a).filter(([p, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
+  return h.length === 0 ? null : /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: [
     /* @__PURE__ */ r("span", { className: "text-sm text-gray-600 font-medium", children: "Filtres actifs :" }),
-    o.flatMap(([h, m]) => {
-      const b = i[h] ?? h;
+    h.flatMap(([p, m]) => {
+      const b = i[p] ?? p;
       if (Array.isArray(m))
-        return m.map((x) => {
-          const p = L(h, x, d);
+        return m.map((y) => {
+          const f = D(p, y, o, d);
           return /* @__PURE__ */ u(
-            k,
+            E,
             {
               variant: "secondary",
               className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
               children: [
                 b,
                 ": ",
-                p,
+                f,
                 /* @__PURE__ */ r(
                   "button",
                   {
                     onClick: () => {
-                      n(h, x);
+                      n(p, y);
                     },
                     className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-                    children: /* @__PURE__ */ r(P, { className: "size-4" })
+                    children: /* @__PURE__ */ r(T, { className: "size-4" })
                   }
                 )
               ]
             },
-            `${h}_${String(x)}`
+            `${p}_${String(y)}`
           );
         });
-      const g = L(h, m, d);
-      return /* @__PURE__ */ u(k, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
+      const x = D(p, m, o, d);
+      return /* @__PURE__ */ u(E, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
         b,
         ": ",
-        g,
+        x,
         /* @__PURE__ */ r(
           "button",
           {
             onClick: () => {
-              n(h);
+              n(p);
             },
             className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-            children: /* @__PURE__ */ r(P, { className: "size-4" })
+            children: /* @__PURE__ */ r(T, { className: "size-4" })
           }
         )
-      ] }, h);
+      ] }, p);
     }),
-    o.length > 0 && /* @__PURE__ */ r("button", { onClick: c, className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-auto", children: "Effacer tout" })
+    h.length > 0 && /* @__PURE__ */ r("button", { onClick: c, className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-auto", children: "Effacer tout" })
   ] });
 }
-const se = ({
+const oe = ({
   field: a,
   value: n,
   onChange: c,
   onToggleMultiSelect: i
 }) => {
-  var d;
+  var o;
+  const { t: d } = w();
   switch (a.type) {
     case "text":
       return /* @__PURE__ */ r(
-        E,
+        L,
         {
           placeholder: a.placeholder,
           value: n ?? "",
-          onChange: (o) => {
-            c(o.target.value);
+          onChange: (h) => {
+            c(h.target.value);
           }
         }
       );
     case "number":
       return /* @__PURE__ */ r(
-        E,
+        L,
         {
           type: "number",
           placeholder: a.placeholder,
           value: n ?? "",
-          onChange: (o) => {
-            c(o.target.value);
+          onChange: (h) => {
+            c(h.target.value);
           },
           min: a.min,
           max: a.max
@@ -111,7 +114,7 @@ const se = ({
       );
     case "select":
       return a.searchable === !0 ? /* @__PURE__ */ r(
-        z,
+        $,
         {
           options: a.options ?? [],
           value: n,
@@ -119,17 +122,17 @@ const se = ({
           placeholder: a.placeholder,
           searchPlaceholder: a.searchPlaceholder
         }
-      ) : /* @__PURE__ */ u(Z, { value: n ?? "", onValueChange: c, children: [
-        /* @__PURE__ */ r(q, { className: T((n === void 0 || n === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(ee, { placeholder: a.placeholder }) }),
-        /* @__PURE__ */ r(re, { children: (d = a.options) == null ? void 0 : d.map((o) => /* @__PURE__ */ r(te, { value: o.value, children: o.label }, o.value)) })
+      ) : /* @__PURE__ */ u(re, { value: n ?? "", onValueChange: c, children: [
+        /* @__PURE__ */ r(te, { className: j((n === void 0 || n === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(le, { placeholder: a.placeholder }) }),
+        /* @__PURE__ */ r(ae, { children: (o = a.options) == null ? void 0 : o.map((h) => /* @__PURE__ */ r(se, { value: h.value, children: h.label }, h.value)) })
       ] });
     case "date":
-      return /* @__PURE__ */ r(M, { date: n, onDateChange: c, placeholder: a.placeholder ?? "Sélectionner une date" });
+      return /* @__PURE__ */ r(I, { date: n, onDateChange: c, placeholder: a.placeholder ?? d("date.pickDate") });
     case "date-range":
-      return /* @__PURE__ */ r(j, { value: n, onChange: c, placeholder: a.placeholder });
+      return /* @__PURE__ */ r(z, { value: n, onChange: c, placeholder: a.placeholder });
     case "multi-select":
       return /* @__PURE__ */ r(
-        le,
+        ne,
         {
           options: a.options ?? [],
           selected: n ?? [],
@@ -146,66 +149,66 @@ const se = ({
     default:
       return null;
   }
-}, ne = (a) => !(a == null || a === "" || Array.isArray(a) && a.length === 0);
-function ce({
+}, ie = (a) => !(a == null || a === "" || Array.isArray(a) && a.length === 0);
+function de({
   sections: a,
   filters: n,
   onFiltersChange: c,
-  buttonText: i = "Plus de filtres",
-  sheetTitle: d = "Filtres avancés"
+  buttonText: i,
+  sheetTitle: d
 }) {
-  const [o, h] = F(!1), [m, b] = F(n);
+  const { t: o } = w(), [h, p] = C(!1), [m, b] = C(n);
   O(() => {
     b(n);
-  }, [n, o]);
-  const g = (l, e) => {
+  }, [n, h]);
+  const x = (l, e) => {
     b((t) => ({ ...t, [l]: e }));
-  }, x = (l, e) => {
-    const t = m[l], s = Array.isArray(t) ? t : [], f = s.includes(e) ? s.filter((N) => N !== e) : [...s, e];
-    g(l, f);
-  }, p = () => {
-    c(m), h(!1);
-  }, y = () => {
-    b({}), c({}), h(!1);
-  }, v = A(() => {
+  }, y = (l, e) => {
+    const t = m[l], s = Array.isArray(t) ? t : [], g = s.includes(e) ? s.filter((A) => A !== e) : [...s, e];
+    x(l, g);
+  }, f = () => {
+    c(m), p(!1);
+  }, v = () => {
+    b({}), c({}), p(!1);
+  }, N = S(() => {
     const l = new Set(a.flatMap((e) => e.filters.map((t) => t.key)));
-    return Object.entries(n).filter(([e, t]) => l.has(e) && ne(t)).length;
+    return Object.entries(n).filter(([e, t]) => l.has(e) && ie(t)).length;
   }, [a, n]);
-  return /* @__PURE__ */ u(_, { open: o, onOpenChange: h, children: [
-    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ u(w, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ r(U, { className: "size-4 shrink-0" }),
-      i,
-      v > 0 && /* @__PURE__ */ r("span", { className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground", children: v })
+  return /* @__PURE__ */ u(X, { open: h, onOpenChange: p, children: [
+    /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ r(Z, { className: "size-4 shrink-0" }),
+      i ?? o("filters.more"),
+      N > 0 && /* @__PURE__ */ r("span", { className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground", children: N })
     ] }) }),
-    /* @__PURE__ */ u(X, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
-      /* @__PURE__ */ r(G, { className: "p-6 pb-0", children: /* @__PURE__ */ r(J, { children: d }) }),
+    /* @__PURE__ */ u(J, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
+      /* @__PURE__ */ r(U, { className: "p-6 pb-0", children: /* @__PURE__ */ r(W, { children: d ?? o("filters.advanced") }) }),
       /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: a.map((l, e) => /* @__PURE__ */ u("div", { className: "space-y-4", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: l.title }),
         l.filters.map((t) => /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ r($, { htmlFor: t.key, children: t.label }),
+          /* @__PURE__ */ r(V, { htmlFor: t.key, children: t.label }),
           /* @__PURE__ */ r(
-            se,
+            oe,
             {
               field: t,
               value: m[t.key],
               onChange: (s) => {
-                g(t.key, s);
+                x(t.key, s);
               },
               onToggleMultiSelect: (s) => {
-                x(t.key, s);
+                y(t.key, s);
               }
             }
           )
         ] }, t.key))
       ] }, e)) }) }),
-      /* @__PURE__ */ u(K, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
-        /* @__PURE__ */ r(w, { variant: "outline", className: "flex-1", onClick: y, children: "Effacer les filtres" }),
-        /* @__PURE__ */ r(w, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: p, children: "Rechercher" })
+      /* @__PURE__ */ u(Y, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
+        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: v, children: "Effacer les filtres" }),
+        /* @__PURE__ */ r(F, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: f, children: "Rechercher" })
       ] })
     ] })
   ] });
 }
-function oe({
+function ue({
   label: a,
   options: n,
   selected: c,
@@ -213,73 +216,73 @@ function oe({
   onClear: d,
   onSelectAll: o,
   searchable: h = !1,
-  searchPlaceholder: m = "Rechercher..."
+  searchPlaceholder: p
 }) {
-  const [b, g] = F(""), x = c.length > 0, p = A(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), y = A(() => p.length === 0 ? !1 : p.every((l) => c.includes(l.value)), [p, c]), v = () => {
-    if (y)
+  const { t: m } = w(), [b, x] = C(""), y = c.length > 0, f = S(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), v = S(() => f.length === 0 ? !1 : f.every((l) => c.includes(l.value)), [f, c]), N = () => {
+    if (v)
       if (o !== void 0) {
-        const l = p.map((t) => t.value), e = c.filter((t) => !l.includes(t));
+        const l = f.map((t) => t.value), e = c.filter((t) => !l.includes(t));
         o(e);
       } else d !== void 0 ? d() : c.forEach((l) => {
         i(l);
       });
     else if (o !== void 0) {
       const l = [...c];
-      p.forEach((e) => {
+      f.forEach((e) => {
         l.includes(e.value) || l.push(e.value);
       }), o(l);
     } else
-      p.forEach((l) => {
+      f.forEach((l) => {
         c.includes(l.value) || i(l.value);
       });
   };
   return /* @__PURE__ */ u(
-    B,
+    _,
     {
       onOpenChange: () => {
-        g("");
+        x("");
       },
       children: [
         /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ u(
           "button",
           {
-            className: T(
-              V,
+            className: j(
+              K,
               "inline-flex items-center gap-1.5 whitespace-nowrap transition-colors",
-              x ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"
+              y ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"
             ),
             children: [
               a,
               c.length > 0 && /* @__PURE__ */ r("span", { className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground", children: c.length }),
-              /* @__PURE__ */ r(W, { className: "size-3.5 opacity-60" })
+              /* @__PURE__ */ r(q, { className: "size-3.5 opacity-60" })
             ]
           }
         ) }),
-        /* @__PURE__ */ u(Q, { className: "w-56 p-0", align: "start", children: [
+        /* @__PURE__ */ u(H, { className: "w-56 p-0", align: "start", children: [
           h ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ u("div", { className: "relative", children: [
-            /* @__PURE__ */ r(Y, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ r(ee, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ r(
               "input",
               {
                 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: m,
+                placeholder: p ?? m("search.placeholder"),
                 value: b,
                 onChange: (l) => {
-                  g(l.target.value);
+                  x(l.target.value);
                 },
                 autoFocus: !0
               }
             )
           ] }) }) : null,
           /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
-            p.length > 0 && /* @__PURE__ */ u("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(C, { checked: y, onCheckedChange: v }),
+            f.length > 0 && /* @__PURE__ */ u("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(P, { checked: v, onCheckedChange: N }),
               "Tout sélectionner"
             ] }),
-            p.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-            p.map((l) => /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+            f.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: m("states.noResult") }),
+            f.map((l) => /* @__PURE__ */ u("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(
-                C,
+                P,
                 {
                   checked: c.includes(l.value),
                   onCheckedChange: () => {
@@ -308,28 +311,28 @@ function oe({
     }
   );
 }
-function Ee({
+function je({
   searchQuery: a,
   onSearchChange: n,
-  searchPlaceholder: c = "Rechercher...",
+  searchPlaceholder: c,
   filters: i,
   onFiltersChange: d,
   sections: o,
   advancedButtonText: h = "Filtres",
-  sheetTitle: m = "Filtres avancés"
+  sheetTitle: p
 }) {
-  const b = (e, t) => {
-    const s = i[e], f = Array.isArray(s) ? s : [], N = f.includes(t) ? f.filter((D) => D !== t) : [...f, t], S = { ...i };
-    N.length === 0 ? delete S[e] : S[e] = N, d(S);
-  }, g = (e) => {
+  const { t: m } = w(), b = (e, t) => {
+    const s = i[e], g = Array.isArray(s) ? s : [], A = g.includes(t) ? g.filter((M) => M !== t) : [...g, t], k = { ...i };
+    A.length === 0 ? delete k[e] : k[e] = A, d(k);
+  }, x = (e) => {
     const t = { ...i };
     delete t[e], d(t);
-  }, x = () => {
+  }, y = () => {
     d({});
-  }, p = (e, t) => {
-    const s = { ...i }, f = s[e];
-    Array.isArray(f) && t !== void 0 ? (s[e] = f.filter((N) => N !== t), Array.isArray(s[e]) && s[e].length === 0 && delete s[e]) : delete s[e], d(s);
-  }, y = A(() => {
+  }, f = (e, t) => {
+    const s = { ...i }, g = s[e];
+    Array.isArray(g) && t !== void 0 ? (s[e] = g.filter((A) => A !== t), Array.isArray(s[e]) && s[e].length === 0 && delete s[e]) : delete s[e], d(s);
+  }, v = S(() => {
     const e = [];
     return o.forEach((t) => {
       t.filters.forEach((s) => {
@@ -342,19 +345,19 @@ function Ee({
         });
       });
     }), e;
-  }, [o]), v = A(() => {
+  }, [o]), N = S(() => {
     const e = {};
     return o.forEach((t) => {
       t.filters.forEach((s) => {
         e[s.key] = s.badgeLabel ?? s.label;
       });
     }), e;
-  }, [o]), l = A(() => {
+  }, [o]), l = S(() => {
     const e = {};
     return o.forEach((t) => {
       t.filters.forEach((s) => {
-        s.options !== void 0 && s.options.forEach((f) => {
-          e[`${s.key}_${f.value}`] = f.label;
+        s.options !== void 0 && s.options.forEach((g) => {
+          e[`${s.key}_${g.value}`] = g.label;
         });
       });
     }), e;
@@ -363,18 +366,18 @@ function Ee({
     /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: [
       /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3", children: [
         n !== void 0 ? /* @__PURE__ */ r(
-          I,
+          B,
           {
             searchQuery: a,
             onSearch: n,
             onClear: () => {
               n("");
             },
-            placeholder: c
+            placeholder: c ?? m("search.placeholder")
           }
         ) : null,
-        y.map((e) => /* @__PURE__ */ r(
-          oe,
+        v.map((e) => /* @__PURE__ */ r(
+          ue,
           {
             label: e.label,
             options: e.options,
@@ -383,7 +386,7 @@ function Ee({
               b(e.key, t);
             },
             onClear: () => {
-              g(e.key);
+              x(e.key);
             },
             onSelectAll: (t) => {
               d({ ...i, [e.key]: t });
@@ -394,24 +397,24 @@ function Ee({
           e.key
         ))
       ] }),
-      o.length > 0 && /* @__PURE__ */ r(ce, { sections: o, filters: i, onFiltersChange: d, buttonText: h, sheetTitle: m })
+      o.length > 0 && /* @__PURE__ */ r(de, { sections: o, filters: i, onFiltersChange: d, buttonText: h, sheetTitle: p })
     ] }),
     /* @__PURE__ */ r(
-      ae,
+      ce,
       {
         filters: i,
-        onRemoveFilter: p,
-        onClearAll: x,
-        filterLabels: v,
+        onRemoveFilter: f,
+        onClearAll: y,
+        filterLabels: N,
         optionLabels: l
       }
     )
   ] });
 }
 export {
-  ae as A,
-  se as F,
-  oe as S,
-  Ee as T,
-  ce as a
+  ce as A,
+  oe as F,
+  ue as S,
+  je as T,
+  de as a
 };

package/dist/ThemeSelector-BRpEgvX8.js

@@ -0,0 +1,49 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { u as h } from "./useKrosoftTranslation-DdcylBY2.js";
+import { b as u, T as g, c as f, B as v, a as b } from "./tooltip-DVeqVwqV.js";
+import { S as N, h as T, i as x, a as C, c as S } from "./select-BpjFWqAY.js";
+import { u as p } from "./useTheme-Cmw14Zxi.js";
+function P({ themeOptions: c, variant: t = "select" }) {
+  const { t: o } = h(), { theme: i, handleThemeChange: n, currentThemeOption: e, nextThemeOption: r, cycleTheme: d } = p(c);
+  if (t === "mini") {
+    const s = e == null ? void 0 : e.icon;
+    return /* @__PURE__ */ a(u, { children: /* @__PURE__ */ l(g, { children: [
+      /* @__PURE__ */ a(f, { asChild: !0, children: /* @__PURE__ */ l(
+        v,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: d,
+          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          children: [
+            s && /* @__PURE__ */ a(s, { className: "size-4" }),
+            /* @__PURE__ */ l("span", { className: "sr-only", children: [
+              "Thème actuel : ",
+              e == null ? void 0 : e.label
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ l(b, { side: "bottom", align: "center", children: [
+        "Passer en ",
+        r == null ? void 0 : r.label
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ l(N, { value: i, onValueChange: n, children: [
+      /* @__PURE__ */ a(T, { className: "w-full", children: /* @__PURE__ */ a(x, { placeholder: o("select.theme") }) }),
+      /* @__PURE__ */ a(C, { children: c.map((s) => {
+        const m = s.icon;
+        return /* @__PURE__ */ a(S, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a(m, { className: "size-4" }),
+          s.label
+        ] }) }, s.value);
+      }) })
+    ] }),
+    (e == null ? void 0 : e.message) && /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: e.message })
+  ] });
+}
+export {
+  P as T
+};