@krosoft/react 0.0.96 → 0.0.97

package/dist/{SearchInput-CvBCMaFl.js → SearchInput-CKG1_3iS.js}

@@ -1,25 +1,25 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import * as L from "react";
-import { useState as P, useRef as j, useEffect as T, useMemo as z } from "react";
-import { cm as D, cn as C, co as k, cp as q, cq as W, H as R, bv as F, bx as X, bw as V, ce as E, _ as O, aW as _ } from "./toggle-group-iLf3T7oV.js";
+import { useState as C, useRef as P, useEffect as j, useMemo as S } from "react";
+import { cm as E, cn as N, co as k, cp as F, cq as W, H as A, bv as X, bx as V, bw as _, ce as J, _ as R, aW as I } from "./toggle-group-iLf3T7oV.js";
 import "./alert-sHZy6NHC.js";
 import { c as b } from "./index-gWiv5-6R.js";
-import { B as y, C as A } from "./tooltip-CAu4DEhc.js";
-import { X as J, C as I } from "./select-zzSnHs9S.js";
+import { B as x, C as H } from "./tooltip-CAu4DEhc.js";
+import { X as D, C as Q } from "./select-zzSnHs9S.js";
 import "next-themes";
-import { c as Q } from "./index-DSyPHOLE.js";
+import { c as Y } from "./index-DSyPHOLE.js";
 /**
  * @license lucide-react v1.16.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Y = [
+const $ = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], H = Q("calendar", Y), $ = {
+], q = Y("calendar", $), B = {
   lessThanXSeconds: {
     one: "moins d’une seconde",
     other: "moins de {{count}} secondes"
@@ -81,54 +81,54 @@ const Y = [
     one: "presqu’un an",
     other: "presque {{count}} ans"
   }
-}, B = (e, t, s) => {
+}, K = (e, t, l) => {
   let r;
-  const i = $[e];
-  return typeof i == "string" ? r = i : t === 1 ? r = i.one : r = i.other.replace("{{count}}", String(t)), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "dans " + r : "il y a " + r : r;
-}, K = {
+  const i = B[e];
+  return typeof i == "string" ? r = i : t === 1 ? r = i.one : r = i.other.replace("{{count}}", String(t)), l != null && l.addSuffix ? l.comparison && l.comparison > 0 ? "dans " + r : "il y a " + r : r;
+}, G = {
   full: "EEEE d MMMM y",
   long: "d MMMM y",
   medium: "d MMM y",
   short: "dd/MM/y"
-}, G = {
+}, U = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, U = {
+}, Z = {
   full: "{{date}} 'à' {{time}}",
   long: "{{date}} 'à' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, Z = {
-  date: D({
-    formats: K,
-    defaultWidth: "full"
-  }),
-  time: D({
+}, ee = {
+  date: E({
     formats: G,
     defaultWidth: "full"
   }),
-  dateTime: D({
+  time: E({
     formats: U,
     defaultWidth: "full"
+  }),
+  dateTime: E({
+    formats: Z,
+    defaultWidth: "full"
   })
-}, ee = {
+}, te = {
   lastWeek: "eeee 'dernier à' p",
   yesterday: "'hier à' p",
   today: "'aujourd’hui à' p",
   tomorrow: "'demain à' p'",
   nextWeek: "eeee 'prochain à' p",
   other: "P"
-}, te = (e, t, s, r) => ee[e], ne = {
+}, ne = (e, t, l, r) => te[e], re = {
   narrow: ["av. J.-C", "ap. J.-C"],
   abbreviated: ["av. J.-C", "ap. J.-C"],
   wide: ["avant Jésus-Christ", "après Jésus-Christ"]
-}, re = {
+}, ae = {
   narrow: ["T1", "T2", "T3", "T4"],
   abbreviated: ["1er trim.", "2ème trim.", "3ème trim.", "4ème trim."],
   wide: ["1er trimestre", "2ème trimestre", "3ème trimestre", "4ème trimestre"]
-}, ae = {
+}, oe = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "janv.",
@@ -158,7 +158,7 @@ const Y = [
     "novembre",
     "décembre"
   ]
-}, oe = {
+}, ie = {
   narrow: ["D", "L", "M", "M", "J", "V", "S"],
   short: ["di", "lu", "ma", "me", "je", "ve", "sa"],
   abbreviated: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
@@ -171,7 +171,7 @@ const Y = [
     "vendredi",
     "samedi"
   ]
-}, ie = {
+}, se = {
   narrow: {
     am: "AM",
     pm: "PM",
@@ -202,57 +202,57 @@ const Y = [
     evening: "du soir",
     night: "du matin"
   }
-}, se = (e, t) => {
-  const s = Number(e), r = t == null ? void 0 : t.unit;
-  if (s === 0) return "0";
+}, le = (e, t) => {
+  const l = Number(e), r = t == null ? void 0 : t.unit;
+  if (l === 0) return "0";
   const i = ["year", "week", "hour", "minute", "second"];
-  let l;
-  return s === 1 ? l = r && i.includes(r) ? "ère" : "er" : l = "ème", s + l;
-}, le = ["MMM", "MMMM"], de = {
+  let u;
+  return l === 1 ? u = r && i.includes(r) ? "ère" : "er" : u = "ème", l + u;
+}, de = ["MMM", "MMMM"], ce = {
   preprocessor: (e, t) => e.getDate() === 1 || !t.some(
-    (r) => r.isToken && le.includes(r.value)
+    (r) => r.isToken && de.includes(r.value)
   ) ? t : t.map(
     (r) => r.isToken && r.value === "do" ? { isToken: !0, value: "d" } : r
   ),
-  ordinalNumber: se,
-  era: C({
-    values: ne,
+  ordinalNumber: le,
+  era: N({
+    values: re,
     defaultWidth: "wide"
   }),
-  quarter: C({
-    values: re,
+  quarter: N({
+    values: ae,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
-  month: C({
-    values: ae,
-    defaultWidth: "wide"
-  }),
-  day: C({
+  month: N({
     values: oe,
     defaultWidth: "wide"
   }),
-  dayPeriod: C({
+  day: N({
     values: ie,
     defaultWidth: "wide"
+  }),
+  dayPeriod: N({
+    values: se,
+    defaultWidth: "wide"
   })
-}, ce = /^(\d+)(ième|ère|ème|er|e)?/i, ue = /\d+/i, me = {
+}, ue = /^(\d+)(ième|ère|ème|er|e)?/i, me = /\d+/i, fe = {
   narrow: /^(av\.J\.C|ap\.J\.C|ap\.J\.-C)/i,
   abbreviated: /^(av\.J\.-C|av\.J-C|apr\.J\.-C|apr\.J-C|ap\.J-C)/i,
   wide: /^(avant Jésus-Christ|après Jésus-Christ)/i
-}, fe = {
-  any: [/^av/i, /^ap/i]
 }, he = {
+  any: [/^av/i, /^ap/i]
+}, pe = {
   narrow: /^T?[1234]/i,
   abbreviated: /^[1234](er|ème|e)? trim\.?/i,
   wide: /^[1234](er|ème|e)? trimestre/i
-}, pe = {
+}, ge = {
   any: [/1/i, /2/i, /3/i, /4/i]
 }, ve = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
   wide: /^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i
-}, ge = {
+}, be = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -281,18 +281,18 @@ const Y = [
     /^n/i,
     /^d/i
   ]
-}, be = {
+}, ye = {
   narrow: /^[lmjvsd]/i,
   short: /^(di|lu|ma|me|je|ve|sa)/i,
   abbreviated: /^(dim|lun|mar|mer|jeu|ven|sam)\.?/i,
   wide: /^(dimanche|lundi|mardi|mercredi|jeudi|vendredi|samedi)/i
-}, ye = {
+}, we = {
   narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
   any: [/^di/i, /^lu/i, /^ma/i, /^me/i, /^je/i, /^ve/i, /^sa/i]
-}, we = {
+}, xe = {
   narrow: /^(a|p|minuit|midi|mat\.?|ap\.?m\.?|soir|nuit)/i,
   any: /^([ap]\.?\s?m\.?|du matin|de l'après[-\s]midi|du soir|de la nuit)/i
-}, xe = {
+}, Me = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -303,73 +303,73 @@ const Y = [
     evening: /soir/i,
     night: /nuit/i
   }
-}, Me = {
-  ordinalNumber: q({
-    matchPattern: ce,
-    parsePattern: ue,
+}, Ne = {
+  ordinalNumber: F({
+    matchPattern: ue,
+    parsePattern: me,
     valueCallback: (e) => parseInt(e)
   }),
   era: k({
-    matchPatterns: me,
+    matchPatterns: fe,
     defaultMatchWidth: "wide",
-    parsePatterns: fe,
+    parsePatterns: he,
     defaultParseWidth: "any"
   }),
   quarter: k({
-    matchPatterns: he,
+    matchPatterns: pe,
     defaultMatchWidth: "wide",
-    parsePatterns: pe,
+    parsePatterns: ge,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
   month: k({
     matchPatterns: ve,
     defaultMatchWidth: "wide",
-    parsePatterns: ge,
+    parsePatterns: be,
     defaultParseWidth: "any"
   }),
   day: k({
-    matchPatterns: be,
+    matchPatterns: ye,
     defaultMatchWidth: "wide",
-    parsePatterns: ye,
+    parsePatterns: we,
     defaultParseWidth: "any"
   }),
   dayPeriod: k({
-    matchPatterns: we,
+    matchPatterns: xe,
     defaultMatchWidth: "any",
-    parsePatterns: xe,
+    parsePatterns: Me,
     defaultParseWidth: "any"
   })
-}, S = {
+}, z = {
   code: "fr",
-  formatDistance: B,
-  formatLong: Z,
-  formatRelative: te,
-  localize: de,
-  match: Me,
+  formatDistance: K,
+  formatLong: ee,
+  formatRelative: ne,
+  localize: ce,
+  match: Ne,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, De = ({ date: e, onDateChange: t, placeholder: s }) => {
-  const [r, i] = P(!1), l = j(null);
-  T(() => {
+}, Le = ({ date: e, onDateChange: t, placeholder: l }) => {
+  const [r, i] = C(!1), u = P(null);
+  j(() => {
     if (!r) return;
-    const u = (f) => {
-      l.current !== null && !l.current.contains(f.target) && i(!1);
+    const d = (c) => {
+      u.current !== null && !u.current.contains(c.target) && i(!1);
     };
-    return document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
+    return document.addEventListener("mousedown", d), () => {
+      document.removeEventListener("mousedown", d);
     };
   }, [r]);
   const m = () => {
-    i((u) => !u);
-  }, c = (u) => {
-    t(u), i(!1);
+    i((d) => !d);
+  }, h = (d) => {
+    t(d), i(!1);
   };
-  return /* @__PURE__ */ d("div", { ref: l, className: "relative w-full", children: [
-    /* @__PURE__ */ d(
-      y,
+  return /* @__PURE__ */ s("div", { ref: u, className: "relative w-full", children: [
+    /* @__PURE__ */ s(
+      x,
       {
         variant: "outline",
         type: "button",
@@ -380,62 +380,62 @@ const Y = [
           e === void 0 && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ n(H, { className: "mr-2 h-4 w-4 shrink-0" }),
-          e !== void 0 ? W(e, "dd/MM/yyyy", { locale: S }) : /* @__PURE__ */ n("span", { children: s })
+          /* @__PURE__ */ n(q, { className: "mr-2 h-4 w-4 shrink-0" }),
+          e !== void 0 ? W(e, "dd/MM/yyyy", { locale: z }) : /* @__PURE__ */ n("span", { children: l })
         ]
       }
     ),
-    r ? /* @__PURE__ */ n("div", { className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: /* @__PURE__ */ n(R, { mode: "single", selected: e, onSelect: c }) }) : null
+    r ? /* @__PURE__ */ n("div", { className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: /* @__PURE__ */ n(A, { mode: "single", selected: e, onSelect: h }) }) : null
   ] });
-}, Ee = ({ value: e, onChange: t, placeholder: s = "Selectionner une periode", className: r }) => {
-  const [i, l] = L.useState(!1), [m, c] = L.useState(e);
+}, Ee = ({ value: e, onChange: t, placeholder: l = "Selectionner une periode", className: r }) => {
+  const [i, u] = L.useState(!1), [m, h] = L.useState(e);
   L.useEffect(() => {
-    i && c(e);
+    i && h(e);
   }, [i, e]);
-  const u = (h) => {
-    h.stopPropagation(), t(void 0), l(!1);
-  }, f = () => {
-    t(m), l(!1);
+  const d = (f) => {
+    f.stopPropagation(), t(void 0), u(!1);
+  }, c = () => {
+    t(m), u(!1);
   }, p = () => {
-    c(e), l(!1);
-  }, w = () => {
-    c(void 0);
-  }, x = (h) => h != null && h.from ? !h.to || h.from.getTime() === h.to.getTime() ? W(h.from, "dd MMM yyyy", { locale: S }) : `${W(h.from, "dd MMM yyyy", { locale: S })} - ${W(h.to, "dd MMM yyyy", { locale: S })}` : s;
-  return /* @__PURE__ */ n("div", { className: b("grid gap-2", r), children: /* @__PURE__ */ d(F, { open: i, onOpenChange: l, children: [
-    /* @__PURE__ */ n(X, { asChild: !0, children: /* @__PURE__ */ d(y, { id: "date", variant: "outline", className: b("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
-      /* @__PURE__ */ n(H, { className: "mr-2 size-4" }),
-      x(e),
+    h(e), u(!1);
+  }, y = () => {
+    h(void 0);
+  }, w = (f) => f != null && f.from ? !f.to || f.from.getTime() === f.to.getTime() ? W(f.from, "dd MMM yyyy", { locale: z }) : `${W(f.from, "dd MMM yyyy", { locale: z })} - ${W(f.to, "dd MMM yyyy", { locale: z })}` : l;
+  return /* @__PURE__ */ n("div", { className: b("grid gap-2", r), children: /* @__PURE__ */ s(X, { open: i, onOpenChange: u, children: [
+    /* @__PURE__ */ n(V, { asChild: !0, children: /* @__PURE__ */ s(x, { id: "date", variant: "outline", className: b("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
+      /* @__PURE__ */ n(q, { className: "mr-2 size-4" }),
+      w(e),
       (e == null ? void 0 : e.from) && /* @__PURE__ */ n(
-        y,
+        x,
         {
           type: "button",
           variant: "ghost",
           size: "icon",
           "aria-label": "Effacer la periode selectionnee",
           className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
-          onClick: u,
-          children: /* @__PURE__ */ n(J, { className: "size-4" })
+          onClick: d,
+          children: /* @__PURE__ */ n(D, { className: "size-4" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ d(V, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
+    /* @__PURE__ */ s(_, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
       /* @__PURE__ */ n(
-        R,
+        A,
         {
           mode: "range",
           defaultMonth: m == null ? void 0 : m.from,
           selected: m,
-          onSelect: c,
+          onSelect: h,
           numberOfMonths: 2,
           weekStartsOn: 1,
           className: "pointer-events-auto p-3"
         }
       ),
-      /* @__PURE__ */ d("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-        /* @__PURE__ */ n(y, { variant: "ghost", size: "sm", onClick: w, children: "Effacer" }),
-        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ n(y, { variant: "ghost", size: "sm", onClick: p, children: "Annuler" }),
-          /* @__PURE__ */ n(y, { size: "sm", onClick: f, children: "Appliquer" })
+      /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ n(x, { variant: "ghost", size: "sm", onClick: y, children: "Effacer" }),
+        /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ n(x, { variant: "ghost", size: "sm", onClick: p, children: "Annuler" }),
+          /* @__PURE__ */ n(x, { size: "sm", onClick: c, children: "Appliquer" })
         ] })
       ] })
     ] })
@@ -443,49 +443,49 @@ const Y = [
 }, Je = ({
   options: e,
   selected: t,
-  onToggle: s,
+  onToggle: l,
   onClear: r,
   onSelectAll: i,
-  placeholder: l = "Sélectionner...",
+  placeholder: u = "Sélectionner...",
   searchable: m = !1,
-  searchPlaceholder: c = "Rechercher..."
+  searchPlaceholder: h = "Rechercher..."
 }) => {
-  const [u, f] = P(""), [p, w] = P(!1), x = j(null), h = j(null), g = z(() => u === "" ? e : e.filter((a) => a.label.toLowerCase().includes(u.toLowerCase())), [e, u]), o = z(() => g.length === 0 ? !1 : g.every((a) => t.includes(a.value)), [g, t]);
-  T(() => {
+  const [d, c] = C(""), [p, y] = C(!1), w = P(null), f = P(null), v = S(() => d === "" ? e : e.filter((a) => a.label.toLowerCase().includes(d.toLowerCase())), [e, d]), T = S(() => v.length === 0 ? !1 : v.every((a) => t.includes(a.value)), [v, t]);
+  j(() => {
     p && m && requestAnimationFrame(() => {
       var a;
-      (a = h.current) == null || a.focus();
+      (a = f.current) == null || a.focus();
     });
-  }, [p, m]), T(() => {
+  }, [p, m]), j(() => {
     if (!p) return;
-    const a = (v) => {
-      x.current !== null && !x.current.contains(v.target) && (w(!1), f(""));
+    const a = (g) => {
+      w.current !== null && !w.current.contains(g.target) && (y(!1), c(""));
     };
     return document.addEventListener("mousedown", a), () => {
       document.removeEventListener("mousedown", a);
     };
   }, [p]);
-  const M = () => {
-    if (o) {
-      const a = g.map((N) => N.value), v = t.filter((N) => !a.includes(N));
-      i !== void 0 ? i(v) : r();
+  const O = () => {
+    if (T) {
+      const a = v.map((M) => M.value), g = t.filter((M) => !a.includes(M));
+      i !== void 0 ? i(g) : r();
     } else {
       const a = [...t];
-      g.forEach((v) => {
-        a.includes(v.value) || a.push(v.value);
-      }), i !== void 0 ? i(a) : g.forEach((v) => {
-        t.includes(v.value) || s(v.value);
+      v.forEach((g) => {
+        a.includes(g.value) || a.push(g.value);
+      }), i !== void 0 ? i(a) : v.forEach((g) => {
+        t.includes(g.value) || l(g.value);
       });
     }
   };
-  return /* @__PURE__ */ d("div", { ref: x, className: "relative w-full", children: [
-    /* @__PURE__ */ d(
-      y,
+  return /* @__PURE__ */ s("div", { ref: w, className: "relative w-full", children: [
+    /* @__PURE__ */ s(
+      x,
       {
         variant: "outline",
         type: "button",
         onClick: () => {
-          w((a) => (a && f(""), !a));
+          y((a) => (a && c(""), !a));
         },
         className: b(
           "w-full justify-between text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -493,11 +493,11 @@ const Y = [
           t.length === 0 && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ n("span", { className: "truncate", children: t.length === 0 ? l : t.map((a) => {
-            var v;
-            return ((v = e.find((N) => N.value === a)) == null ? void 0 : v.label) ?? a;
+          /* @__PURE__ */ n("span", { className: "truncate", children: t.length === 0 ? u : t.map((a) => {
+            var g;
+            return ((g = e.find((M) => M.value === a)) == null ? void 0 : g.label) ?? a;
           }).join(", ") }),
-          /* @__PURE__ */ d("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-1", children: [
             t.length > 0 && /* @__PURE__ */ n(
               "span",
               {
@@ -506,43 +506,43 @@ const Y = [
                   a.stopPropagation(), r();
                 },
                 className: "rounded-full p-0.5 opacity-50 transition-opacity hover:opacity-100",
-                children: /* @__PURE__ */ n(J, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ n(D, { className: "h-3.5 w-3.5" })
               }
             ),
-            /* @__PURE__ */ n(A, { className: b("h-4 w-4 opacity-50 transition-transform", p && "rotate-180") })
+            /* @__PURE__ */ n(H, { className: b("h-4 w-4 opacity-50 transition-transform", p && "rotate-180") })
           ] })
         ]
       }
     ),
-    p ? /* @__PURE__ */ d("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
-      m ? /* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ d("div", { className: "relative", children: [
-        /* @__PURE__ */ n(E, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+    p ? /* @__PURE__ */ s("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
+      m ? /* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ s("div", { className: "relative", children: [
+        /* @__PURE__ */ n(J, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ n(
           "input",
           {
-            ref: h,
+            ref: f,
             className: "w-full rounded-md 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: c,
-            value: u,
+            placeholder: h,
+            value: d,
             onChange: (a) => {
-              f(a.target.value);
+              c(a.target.value);
             }
           }
         )
       ] }) }) : null,
-      /* @__PURE__ */ d("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
-        g.length > 0 && /* @__PURE__ */ d("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__ */ n(O, { checked: o, onCheckedChange: M }),
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
+        v.length > 0 && /* @__PURE__ */ s("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__ */ n(R, { checked: T, onCheckedChange: O }),
           "Tout sélectionner"
         ] }),
-        g.length === 0 && /* @__PURE__ */ n("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-        g.map((a) => /* @__PURE__ */ d("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+        v.length === 0 && /* @__PURE__ */ n("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+        v.map((a) => /* @__PURE__ */ s("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__ */ n(
-            O,
+            R,
             {
               checked: t.includes(a.value),
               onCheckedChange: () => {
-                s(a.value);
+                l(a.value);
               }
             }
           ),
@@ -563,83 +563,99 @@ const Y = [
 }, Oe = ({
   options: e,
   value: t,
-  onChange: s,
-  placeholder: r = "Sélectionner...",
-  searchPlaceholder: i = "Rechercher..."
+  onChange: l,
+  onClear: r,
+  placeholder: i = "Sélectionner...",
+  searchPlaceholder: u = "Rechercher...",
+  disabled: m = !1
 }) => {
-  const [l, m] = P(""), [c, u] = P(!1), f = j(null), p = j(null), w = z(() => l === "" ? e : e.filter((o) => o.label.toLowerCase().includes(l.toLowerCase())), [e, l]), x = z(() => {
+  const [h, d] = C(""), [c, p] = C(!1), y = P(null), w = P(null), f = S(() => h === "" ? e : e.filter((o) => o.label.toLowerCase().includes(h.toLowerCase())), [e, h]), v = S(() => {
     var o;
     if (!(t === void 0 || t === ""))
-      return ((o = e.find((M) => M.value === t)) == null ? void 0 : o.label) ?? t;
+      return ((o = e.find((a) => a.value === t)) == null ? void 0 : o.label) ?? t;
   }, [e, t]);
-  T(() => {
+  j(() => {
     c && requestAnimationFrame(() => {
       var o;
-      (o = p.current) == null || o.focus();
+      (o = w.current) == null || o.focus();
     });
-  }, [c]), T(() => {
+  }, [c]), j(() => {
     if (!c) return;
-    const o = (M) => {
-      f.current !== null && !f.current.contains(M.target) && (u(!1), m(""));
+    const o = (a) => {
+      y.current !== null && !y.current.contains(a.target) && (p(!1), d(""));
     };
     return document.addEventListener("mousedown", o), () => {
       document.removeEventListener("mousedown", o);
     };
   }, [c]);
-  const h = (o) => {
-    s(o), u(!1), m("");
+  const T = (o) => {
+    l(o), p(!1), d("");
   };
-  return /* @__PURE__ */ d("div", { ref: f, className: "relative w-full", children: [
-    /* @__PURE__ */ d(
-      y,
+  return /* @__PURE__ */ s("div", { ref: y, className: "relative w-full", children: [
+    /* @__PURE__ */ s(
+      "button",
       {
-        variant: "outline",
         type: "button",
         onClick: () => {
-          u((o) => (o && m(""), !o));
+          m || p((o) => (o && d(""), !o));
         },
+        disabled: m,
         className: b(
-          "w-full justify-between text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
           c && "ring-2 ring-ring ring-offset-2",
           (t === void 0 || t === "") && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ n("span", { className: "truncate", children: x ?? r }),
-          /* @__PURE__ */ n(A, { className: b("h-4 w-4 opacity-50 shrink-0 transition-transform", c && "rotate-180") })
+          /* @__PURE__ */ n("span", { className: "truncate", children: v ?? i }),
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+            r && t !== void 0 && t !== "" && !m && /* @__PURE__ */ n(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onPointerDown: (o) => {
+                  o.preventDefault(), o.stopPropagation(), r();
+                },
+                className: "text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ n(D, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ n(H, { className: b("h-4 w-4 opacity-50 shrink-0 transition-transform", c && "rotate-180") })
+          ] })
         ]
       }
     ),
-    c ? /* @__PURE__ */ d("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
-      /* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ d("div", { className: "relative", children: [
-        /* @__PURE__ */ n(E, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+    c ? /* @__PURE__ */ s("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
+      /* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ s("div", { className: "relative", children: [
+        /* @__PURE__ */ n(J, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ n(
           "input",
           {
-            ref: p,
+            ref: w,
             className: "w-full rounded-md 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: i,
-            value: l,
+            placeholder: u,
+            value: h,
             onChange: (o) => {
-              m(o.target.value);
+              d(o.target.value);
             }
           }
         )
       ] }) }),
-      /* @__PURE__ */ d("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
-        w.length === 0 && /* @__PURE__ */ n("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-        w.map((o) => /* @__PURE__ */ d(
+      /* @__PURE__ */ s("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: [
+        f.length === 0 && /* @__PURE__ */ n("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+        f.map((o) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             onClick: () => {
-              h(o.value);
+              T(o.value);
             },
             className: b(
               "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors text-left w-full",
               t === o.value && "bg-muted font-medium"
             ),
             children: [
-              /* @__PURE__ */ n(I, { className: b("size-3.5 shrink-0", t === o.value ? "opacity-100" : "opacity-0") }),
+              /* @__PURE__ */ n(Q, { className: b("size-3.5 shrink-0", t === o.value ? "opacity-100" : "opacity-0") }),
               o.label
             ]
           },
@@ -651,36 +667,36 @@ const Y = [
 }, Re = ({
   searchQuery: e,
   search: t,
-  placeholder: s = "Rechercher...",
+  placeholder: l = "Rechercher...",
   onSearch: r,
   onSubmit: i,
-  onClear: l,
+  onClear: u,
   className: m
 }) => {
-  const c = e ?? t ?? "", u = () => {
-    r(""), l !== void 0 && l();
+  const h = e ?? t ?? "", d = () => {
+    r(""), u !== void 0 && u();
   };
-  return /* @__PURE__ */ d("div", { className: b("relative h-fit w-full md:w-64", m), children: [
-    /* @__PURE__ */ n(E, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+  return /* @__PURE__ */ s("div", { className: b("relative h-fit w-full md:w-64", m), children: [
+    /* @__PURE__ */ n(J, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
     /* @__PURE__ */ n(
-      _,
+      I,
       {
-        placeholder: s,
-        value: c,
-        onChange: (f) => {
-          r(f.target.value);
+        placeholder: l,
+        value: h,
+        onChange: (c) => {
+          r(c.target.value);
         },
         className: "pl-8",
-        onKeyDown: (f) => {
-          f.key === "Enter" && i !== void 0 && (f.preventDefault(), i());
+        onKeyDown: (c) => {
+          c.key === "Enter" && i !== void 0 && (c.preventDefault(), i());
         }
       }
     ),
-    c !== "" ? /* @__PURE__ */ n("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__ */ n(J, { className: "size-4" }) }) : null
+    h !== "" ? /* @__PURE__ */ n("button", { onClick: d, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ n(D, { className: "size-4" }) }) : null
   ] });
 };
 export {
-  De as D,
+  Le as D,
   Je as M,
   Re as S,
   Ee as a,

package/dist/{TableFilter-TsVYIJlw.js → TableFilter-oBrNz-v_.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useState as k, useEffect as M, useMemo as A } from "react";
-import { M as $, a as O, D as _, b as I, S as j } from "./SearchInput-CvBCMaFl.js";
+import { M as $, a as O, D as _, b as I, S as j } from "./SearchInput-CKG1_3iS.js";
 import { aW as C, bD as z, bM as R, bF as B, bI as Q, bL as V, a$ as H, bH as W, bv as X, bx as G, bw as J, ce as K, _ as P } from "./toggle-group-iLf3T7oV.js";
 import "./alert-sHZy6NHC.js";
 import { B as w, C as U } from "./tooltip-CAu4DEhc.js";

package/dist/components/core/filters/index.js

@@ -1,4 +1,4 @@
-import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-TsVYIJlw.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-oBrNz-v_.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

package/dist/components/core/index.js

@@ -1,8 +1,8 @@
 import { C as r, a as s, D as o, K as t, b as i, M as l } from "../../MetricCard-BjTGW3b2.js";
 import { A as b, C as D, a as g, F as T } from "../../ConfirmationDialog-Bv-O4ui4.js";
 import { D as c, a as d, b as A, c as m, d as S, e as f, f as x, g as C, h as F, i as P, P as h } from "../../toggle-group-iLf3T7oV.js";
-import { A as u, a as v, F as E, S as M, T as H } from "../../TableFilter-TsVYIJlw.js";
-import { D as y, a as B, M as I, S as L, b as N } from "../../SearchInput-CvBCMaFl.js";
+import { A as u, a as v, F as E, S as M, T as H } from "../../TableFilter-oBrNz-v_.js";
+import { D as y, a as B, M as I, S as L, b as N } from "../../SearchInput-CKG1_3iS.js";
 import { A as R, a as V } from "../../AppTitle-QlMMlpbQ.js";
 import { A as q } from "../../AppSubTitle-Bc8utqt7.js";
 import { S as z, a as G, T as J } from "../../Topbar-QKCJiWdO.js";

package/dist/components/core/inputs/SearchableSelect.d.ts

@@ -6,9 +6,11 @@ interface SearchableSelectProps {
     }[];
     value: string | undefined;
     onChange: (value: string) => void;
+    onClear?: () => void;
     placeholder?: string;
     searchPlaceholder?: string;
+    disabled?: boolean;
 }
-export declare const SearchableSelect: ({ options, value, onChange, placeholder, searchPlaceholder, }: SearchableSelectProps) => React.ReactElement;
+export declare const SearchableSelect: ({ options, value, onChange, onClear, placeholder, searchPlaceholder, disabled, }: SearchableSelectProps) => React.ReactElement;
 export {};
 //# sourceMappingURL=SearchableSelect.d.ts.map

package/dist/components/core/inputs/SearchableSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SearchableSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,qBAAqB;IAC7B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,GAAI,+DAM9B,qBAAqB,KAAG,KAAK,CAAC,YA6GhC,CAAC"}
+{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SearchableSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,UAAU,qBAAqB;IAC7B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,kFAQ9B,qBAAqB,KAAG,KAAK,CAAC,YA8HhC,CAAC"}

package/dist/components/core/inputs/index.js

@@ -1,4 +1,4 @@
-import { D as t, a as c, M as r, S as s, b as S } from "../../../SearchInput-CvBCMaFl.js";
+import { D as t, a as c, M as r, S as s, b as S } from "../../../SearchInput-CKG1_3iS.js";
 export {
   t as DatePicker,
   c as DateRangePicker,

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { C as s, a as o, D as r, K as t, b as n, M as i } from "../MetricCard-BjTGW3b2.js";
 import { A as b, C as p, a as u, F as g } from "../ConfirmationDialog-Bv-O4ui4.js";
 import { A as d, j as c, k as m, l as T, m as S, n as D, o as M, p as A, q as x, r as P, s as h, t as w, u as I, v, w as F, x as f, B, y as L, z as R, C as k, E as G, F as H, G as N, H as y, I as E, J as O, K as V, L as z, M as K, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as sa, a0 as oa, a1 as ra, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as Ca, ab as da, ac as ca, ad as ma, ae as Ta, af as Sa, ag as Da, ah as Ma, ai as Aa, aj as xa, ak as Pa, al as ha, am as wa, D as Ia, a as va, b as Fa, c as fa, d as Ba, e as La, f as Ra, g as ka, h as Ga, i as Ha, an as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as za, at as Ka, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as se, aI as oe, aJ as re, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as Ce, aT as de, aU as ce, aV as me, aW as Te, aX as Se, aY as De, aZ as Me, a_ as Ae, a$ as xe, b0 as Pe, b1 as he, b2 as we, b3 as Ie, b4 as ve, b5 as Fe, b6 as fe, b7 as Be, b8 as Le, b9 as Re, ba as ke, bb as Ge, bc as He, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as ze, bj as Ke, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as as, bw as es, bx as ss, P as os, by as rs, bz as ts, bA as ns, bB as is, bC as ls, bD as bs, bE as ps, bF as us, bG as gs, bH as Cs, bI as ds, bJ as cs, bK as ms, bL as Ts, bM as Ss, bN as Ds, bO as Ms, bP as As, bQ as xs, bR as Ps, bS as hs, bT as ws, bU as Is, bV as vs, bW as Fs, bX as fs, bY as Bs, bZ as Ls, b_ as Rs, b$ as ks, c0 as Gs, c1 as Hs, c2 as Ns, c3 as ys, c4 as Es, c5 as Os, c6 as Vs, c7 as zs, c8 as Ks, c9 as Us, ca as js, cb as qs, cc as Js, cd as Qs } from "../toggle-group-iLf3T7oV.js";
-import { A as Xs, a as Ys, F as Zs, S as _s, T as $s } from "../TableFilter-TsVYIJlw.js";
-import { D as eo, a as so, M as oo, S as ro, b as to } from "../SearchInput-CvBCMaFl.js";
+import { A as Xs, a as Ys, F as Zs, S as _s, T as $s } from "../TableFilter-oBrNz-v_.js";
+import { D as eo, a as so, M as oo, S as ro, b as to } from "../SearchInput-CKG1_3iS.js";
 import { A as io, a as lo } from "../AppTitle-QlMMlpbQ.js";
 import { A as po } from "../AppSubTitle-Bc8utqt7.js";
 import { S as go, a as Co, T as co } from "../Topbar-QKCJiWdO.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.96",
+  "version": "0.0.97",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {