@krosoft/react 0.0.77 → 0.0.79

package/dist/SearchInput-Cf5NHhnz.js

@@ -0,0 +1,698 @@
+import { jsxs as d, 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 { u as D, v as C, w as k, x as q, y as S, C as R, P as X, e as _, X as E, d as V, c as O, I } from "./popover-UjRQmYGN.js";
+import { B as b, C as A } from "./floating-ui.react-dom-BIcsGc3t.js";
+import "./card-7XPLAra3.js";
+import { c as y } from "./index-gWiv5-6R.js";
+import { C as Q } from "./select-CtU681LB.js";
+import { c as F } from "./createLucideIcon-CRdjzt2A.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 = [
+  ["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 = F("calendar", Y);
+/**
+ * @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 $ = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], J = F("search", $), B = {
+  lessThanXSeconds: {
+    one: "moins d’une seconde",
+    other: "moins de {{count}} secondes"
+  },
+  xSeconds: {
+    one: "1 seconde",
+    other: "{{count}} secondes"
+  },
+  halfAMinute: "30 secondes",
+  lessThanXMinutes: {
+    one: "moins d’une minute",
+    other: "moins de {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "environ 1 heure",
+    other: "environ {{count}} heures"
+  },
+  xHours: {
+    one: "1 heure",
+    other: "{{count}} heures"
+  },
+  xDays: {
+    one: "1 jour",
+    other: "{{count}} jours"
+  },
+  aboutXWeeks: {
+    one: "environ 1 semaine",
+    other: "environ {{count}} semaines"
+  },
+  xWeeks: {
+    one: "1 semaine",
+    other: "{{count}} semaines"
+  },
+  aboutXMonths: {
+    one: "environ 1 mois",
+    other: "environ {{count}} mois"
+  },
+  xMonths: {
+    one: "1 mois",
+    other: "{{count}} mois"
+  },
+  aboutXYears: {
+    one: "environ 1 an",
+    other: "environ {{count}} ans"
+  },
+  xYears: {
+    one: "1 an",
+    other: "{{count}} ans"
+  },
+  overXYears: {
+    one: "plus d’un an",
+    other: "plus de {{count}} ans"
+  },
+  almostXYears: {
+    one: "presqu’un an",
+    other: "presque {{count}} ans"
+  }
+}, K = (e, t, s) => {
+  let r;
+  const i = B[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;
+}, G = {
+  full: "EEEE d MMMM y",
+  long: "d MMMM y",
+  medium: "d MMM y",
+  short: "dd/MM/y"
+}, U = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+}, Z = {
+  full: "{{date}} 'à' {{time}}",
+  long: "{{date}} 'à' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, ee = {
+  date: D({
+    formats: G,
+    defaultWidth: "full"
+  }),
+  time: D({
+    formats: U,
+    defaultWidth: "full"
+  }),
+  dateTime: D({
+    formats: Z,
+    defaultWidth: "full"
+  })
+}, te = {
+  lastWeek: "eeee 'dernier à' p",
+  yesterday: "'hier à' p",
+  today: "'aujourd’hui à' p",
+  tomorrow: "'demain à' p'",
+  nextWeek: "eeee 'prochain à' p",
+  other: "P"
+}, ne = (e, t, s, 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"]
+}, 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"]
+}, oe = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "janv.",
+    "févr.",
+    "mars",
+    "avr.",
+    "mai",
+    "juin",
+    "juil.",
+    "août",
+    "sept.",
+    "oct.",
+    "nov.",
+    "déc."
+  ],
+  wide: [
+    "janvier",
+    "février",
+    "mars",
+    "avril",
+    "mai",
+    "juin",
+    "juillet",
+    "août",
+    "septembre",
+    "octobre",
+    "novembre",
+    "décembre"
+  ]
+}, 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."],
+  wide: [
+    "dimanche",
+    "lundi",
+    "mardi",
+    "mercredi",
+    "jeudi",
+    "vendredi",
+    "samedi"
+  ]
+}, se = {
+  narrow: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "mat.",
+    afternoon: "ap.m.",
+    evening: "soir",
+    night: "mat."
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "matin",
+    afternoon: "après-midi",
+    evening: "soir",
+    night: "matin"
+  },
+  wide: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "du matin",
+    afternoon: "de l’après-midi",
+    evening: "du soir",
+    night: "du matin"
+  }
+}, le = (e, t) => {
+  const s = Number(e), r = t == null ? void 0 : t.unit;
+  if (s === 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;
+}, de = ["MMM", "MMMM"], ce = {
+  preprocessor: (e, t) => e.getDate() === 1 || !t.some(
+    (r) => r.isToken && de.includes(r.value)
+  ) ? t : t.map(
+    (r) => r.isToken && r.value === "do" ? { isToken: !0, value: "d" } : r
+  ),
+  ordinalNumber: le,
+  era: C({
+    values: re,
+    defaultWidth: "wide"
+  }),
+  quarter: C({
+    values: ae,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: C({
+    values: oe,
+    defaultWidth: "wide"
+  }),
+  day: C({
+    values: ie,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: C({
+    values: se,
+    defaultWidth: "wide"
+  })
+}, 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
+}, 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
+}, ve = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, ge = {
+  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
+}, ye = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^av/i,
+    /^ma/i,
+    /^juin/i,
+    /^juil/i,
+    /^ao/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, be = {
+  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
+}, xe = {
+  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 = {
+  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
+}, Me = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^min/i,
+    noon: /^mid/i,
+    morning: /mat/i,
+    afternoon: /ap/i,
+    evening: /soir/i,
+    night: /nuit/i
+  }
+}, Ne = {
+  ordinalNumber: q({
+    matchPattern: ue,
+    parsePattern: me,
+    valueCallback: (e) => parseInt(e)
+  }),
+  era: k({
+    matchPatterns: fe,
+    defaultMatchWidth: "wide",
+    parsePatterns: he,
+    defaultParseWidth: "any"
+  }),
+  quarter: k({
+    matchPatterns: pe,
+    defaultMatchWidth: "wide",
+    parsePatterns: ve,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: k({
+    matchPatterns: ge,
+    defaultMatchWidth: "wide",
+    parsePatterns: ye,
+    defaultParseWidth: "any"
+  }),
+  day: k({
+    matchPatterns: be,
+    defaultMatchWidth: "wide",
+    parsePatterns: xe,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: k({
+    matchPatterns: we,
+    defaultMatchWidth: "any",
+    parsePatterns: Me,
+    defaultParseWidth: "any"
+  })
+}, W = {
+  code: "fr",
+  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(() => {
+    if (!r) return;
+    const u = (f) => {
+      l.current !== null && !l.current.contains(f.target) && i(!1);
+    };
+    return document.addEventListener("mousedown", u), () => {
+      document.removeEventListener("mousedown", u);
+    };
+  }, [r]);
+  const m = () => {
+    i((u) => !u);
+  }, c = (u) => {
+    t(u), i(!1);
+  };
+  return /* @__PURE__ */ d("div", { ref: l, className: "relative w-full", children: [
+    /* @__PURE__ */ d(
+      b,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: m,
+        className: y(
+          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          r && "ring-2 ring-ring ring-offset-2",
+          e === void 0 && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ n(H, { className: "mr-2 h-4 w-4 shrink-0" }),
+          e !== void 0 ? S(e, "dd/MM/yyyy", { locale: W }) : /* @__PURE__ */ n("span", { children: s })
+        ]
+      }
+    ),
+    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
+  ] });
+}, Ee = ({ value: e, onChange: t, placeholder: s = "Selectionner une periode", className: r }) => {
+  const [i, l] = L.useState(!1), [m, c] = L.useState(e);
+  L.useEffect(() => {
+    i && c(e);
+  }, [i, e]);
+  const u = (h) => {
+    h.stopPropagation(), t(void 0), l(!1);
+  }, f = () => {
+    t(m), l(!1);
+  }, p = () => {
+    c(e), l(!1);
+  }, x = () => {
+    c(void 0);
+  }, w = (h) => h != null && h.from ? !h.to || h.from.getTime() === h.to.getTime() ? S(h.from, "dd MMM yyyy", { locale: W }) : `${S(h.from, "dd MMM yyyy", { locale: W })} - ${S(h.to, "dd MMM yyyy", { locale: W })}` : s;
+  return /* @__PURE__ */ n("div", { className: y("grid gap-2", r), children: /* @__PURE__ */ d(X, { open: i, onOpenChange: l, children: [
+    /* @__PURE__ */ n(_, { asChild: !0, children: /* @__PURE__ */ d(b, { id: "date", variant: "outline", className: y("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
+      /* @__PURE__ */ n(H, { className: "mr-2 size-4" }),
+      w(e),
+      (e == null ? void 0 : e.from) && /* @__PURE__ */ n(
+        b,
+        {
+          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(E, { className: "size-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ d(V, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
+      /* @__PURE__ */ n(
+        R,
+        {
+          mode: "range",
+          defaultMonth: m == null ? void 0 : m.from,
+          selected: m,
+          onSelect: c,
+          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(b, { variant: "ghost", size: "sm", onClick: x, children: "Effacer" }),
+        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ n(b, { variant: "ghost", size: "sm", onClick: p, children: "Annuler" }),
+          /* @__PURE__ */ n(b, { size: "sm", onClick: f, children: "Appliquer" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}, Je = ({
+  options: e,
+  selected: t,
+  onToggle: s,
+  onClear: r,
+  onSelectAll: i,
+  placeholder: l = "Sélectionner...",
+  searchable: m = !1,
+  searchPlaceholder: c = "Rechercher..."
+}) => {
+  const [u, f] = P(""), [p, x] = P(!1), w = 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(() => {
+    p && m && requestAnimationFrame(() => {
+      var a;
+      (a = h.current) == null || a.focus();
+    });
+  }, [p, m]), T(() => {
+    if (!p) return;
+    const a = (v) => {
+      w.current !== null && !w.current.contains(v.target) && (x(!1), f(""));
+    };
+    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();
+    } 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);
+      });
+    }
+  };
+  return /* @__PURE__ */ d("div", { ref: w, className: "relative w-full", children: [
+    /* @__PURE__ */ d(
+      b,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: () => {
+          x((a) => (a && f(""), !a));
+        },
+        className: y(
+          "w-full justify-between text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          p && "ring-2 ring-ring ring-offset-2",
+          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;
+          }).join(", ") }),
+          /* @__PURE__ */ d("div", { className: "flex shrink-0 items-center gap-1", children: [
+            t.length > 0 && /* @__PURE__ */ n(
+              "span",
+              {
+                role: "button",
+                onClick: (a) => {
+                  a.stopPropagation(), r();
+                },
+                className: "rounded-full p-0.5 opacity-50 transition-opacity hover:opacity-100",
+                children: /* @__PURE__ */ n(E, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ n(A, { className: y("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(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,
+            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,
+            onChange: (a) => {
+              f(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 }),
+          "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: [
+          /* @__PURE__ */ n(
+            O,
+            {
+              checked: t.includes(a.value),
+              onCheckedChange: () => {
+                s(a.value);
+              }
+            }
+          ),
+          a.label
+        ] }, a.value))
+      ] }),
+      t.length > 0 && /* @__PURE__ */ n("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: r,
+          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
+  ] });
+}, Oe = ({
+  options: e,
+  value: t,
+  onChange: s,
+  placeholder: r = "Sélectionner...",
+  searchPlaceholder: i = "Rechercher..."
+}) => {
+  const [l, m] = P(""), [c, u] = P(!1), f = j(null), p = j(null), x = z(() => l === "" ? e : e.filter((o) => o.label.toLowerCase().includes(l.toLowerCase())), [e, l]), w = z(() => {
+    var o;
+    if (!(t === void 0 || t === ""))
+      return ((o = e.find((M) => M.value === t)) == null ? void 0 : o.label) ?? t;
+  }, [e, t]);
+  T(() => {
+    c && requestAnimationFrame(() => {
+      var o;
+      (o = p.current) == null || o.focus();
+    });
+  }, [c]), T(() => {
+    if (!c) return;
+    const o = (M) => {
+      f.current !== null && !f.current.contains(M.target) && (u(!1), m(""));
+    };
+    return document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
+    };
+  }, [c]);
+  const h = (o) => {
+    s(o), u(!1), m("");
+  };
+  return /* @__PURE__ */ d("div", { ref: f, className: "relative w-full", children: [
+    /* @__PURE__ */ d(
+      b,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: () => {
+          u((o) => (o && m(""), !o));
+        },
+        className: y(
+          "w-full justify-between 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",
+          (t === void 0 || t === "") && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ n("span", { className: "truncate", children: w ?? r }),
+          /* @__PURE__ */ n(A, { className: y("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(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,
+            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,
+            onChange: (o) => {
+              m(o.target.value);
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ d("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
+        x.length === 0 && /* @__PURE__ */ n("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+        x.map((o) => /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              h(o.value);
+            },
+            className: y(
+              "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(Q, { className: y("size-3.5 shrink-0", t === o.value ? "opacity-100" : "opacity-0") }),
+              o.label
+            ]
+          },
+          o.value
+        ))
+      ] })
+    ] }) : null
+  ] });
+}, Re = ({
+  searchQuery: e,
+  search: t,
+  placeholder: s = "Rechercher...",
+  onSearch: r,
+  onSubmit: i,
+  onClear: l,
+  className: m
+}) => {
+  const c = e ?? t ?? "", u = () => {
+    r(""), l !== void 0 && l();
+  };
+  return /* @__PURE__ */ d("div", { className: y("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);
+        },
+        className: "pl-8",
+        onKeyDown: (f) => {
+          f.key === "Enter" && i !== void 0 && (f.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(E, { className: "size-4" }) }) : null
+  ] });
+};
+export {
+  De as D,
+  Je as M,
+  Re as S,
+  Ee as a,
+  Oe as b,
+  J as c
+};