@la-batcave/ui 3.1.2

package/dist/Combobox.js

@@ -0,0 +1,409 @@
+"use client";
+import { jsxs as $, jsx as S } from "react/jsx-runtime";
+import * as l from "react";
+import { R as Se, P as Ie, O as Re, C as Ae } from "./_shared/index-DlSuDb9N.js";
+import { P as A } from "./_shared/index-V-Ajw7Ac.js";
+import { u as j } from "./_shared/index-BC7vfx-u.js";
+import { c as L } from "./_shared/index-DLcqcWxM.js";
+import { R as Me, T as Ne, P as $e, C as De } from "./_shared/index-C3aZemLI.js";
+import { ChevronsUpDown as Pe, Search as ze, Check as Oe } from "lucide-react";
+import { c as U } from "./_shared/utils-eGXXUFl7.js";
+var pe = 1, je = 0.9, Fe = 0.8, Ke = 0.17, te = 0.1, re = 0.999, qe = 0.9999, Le = 0.99, Ve = /[\\\/_+.#"@\[\(\{&]/, Be = /[\\\/_+.#"@\[\(\{&]/g, Te = /[\s-]/, ge = /[\s-]/g;
+function le(t, n, r, f, u, o, s) {
+  if (o === n.length) return u === t.length ? pe : Le;
+  var m = `${u},${o}`;
+  if (s[m] !== void 0) return s[m];
+  for (var h = f.charAt(o), i = r.indexOf(h, u), d = 0, g, C, w, I; i >= 0; ) g = le(t, n, r, f, i + 1, o + 1, s), g > d && (i === u ? g *= pe : Ve.test(t.charAt(i - 1)) ? (g *= Fe, w = t.slice(u, i - 1).match(Be), w && u > 0 && (g *= Math.pow(re, w.length))) : Te.test(t.charAt(i - 1)) ? (g *= je, I = t.slice(u, i - 1).match(ge), I && u > 0 && (g *= Math.pow(re, I.length))) : (g *= Ke, u > 0 && (g *= Math.pow(re, i - u))), t.charAt(i) !== n.charAt(o) && (g *= qe)), (g < te && r.charAt(i - 1) === f.charAt(o + 1) || f.charAt(o + 1) === f.charAt(o) && r.charAt(i - 1) !== f.charAt(o)) && (C = le(t, n, r, f, i + 1, o + 2, s), C * te > g && (g = C * te)), g > d && (d = g), i = r.indexOf(h, i + 1);
+  return s[m] = d, d;
+}
+function ve(t) {
+  return t.toLowerCase().replace(ge, " ");
+}
+function Ue(t, n, r) {
+  return t = r && r.length > 0 ? `${t + " " + r.join(" ")}` : t, le(t, n, ve(t), ve(n), 0, 0, {});
+}
+var K = '[cmdk-group=""]', ne = '[cmdk-group-items=""]', He = '[cmdk-group-heading=""]', be = '[cmdk-item=""]', he = `${be}:not([aria-disabled="true"])`, ae = "cmdk-item-select", z = "data-value", We = (t, n, r) => Ue(t, n, r), xe = l.createContext(void 0), V = () => l.useContext(xe), ye = l.createContext(void 0), ue = () => l.useContext(ye), we = l.createContext(void 0), ke = l.forwardRef((t, n) => {
+  let r = O(() => {
+    var e, c;
+    return { search: "", value: (c = (e = t.value) != null ? e : t.defaultValue) != null ? c : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), f = O(() => /* @__PURE__ */ new Set()), u = O(() => /* @__PURE__ */ new Map()), o = O(() => /* @__PURE__ */ new Map()), s = O(() => /* @__PURE__ */ new Set()), m = Ee(t), { label: h, children: i, value: d, onValueChange: g, filter: C, shouldFilter: w, loop: I, disablePointerSelection: W = !1, vimBindings: M = !0, ...B } = t, G = j(), ie = j(), J = j(), N = l.useRef(null), x = nt();
+  D(() => {
+    if (d !== void 0) {
+      let e = d.trim();
+      r.current.value = e, k.emit();
+    }
+  }, [d]), D(() => {
+    x(6, ce);
+  }, []);
+  let k = l.useMemo(() => ({ subscribe: (e) => (s.current.add(e), () => s.current.delete(e)), snapshot: () => r.current, setState: (e, c, p) => {
+    var a, v, b, E;
+    if (!Object.is(r.current[e], c)) {
+      if (r.current[e] = c, e === "search") Z(), Y(), x(1, Q);
+      else if (e === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let y = document.getElementById(J);
+          y ? y.focus() : (a = document.getElementById(G)) == null || a.focus();
+        }
+        if (x(7, () => {
+          var y;
+          r.current.selectedItemId = (y = P()) == null ? void 0 : y.id, k.emit();
+        }), p || x(5, ce), ((v = m.current) == null ? void 0 : v.value) !== void 0) {
+          let y = c ?? "";
+          (E = (b = m.current).onValueChange) == null || E.call(b, y);
+          return;
+        }
+      }
+      k.emit();
+    }
+  }, emit: () => {
+    s.current.forEach((e) => e());
+  } }), []), X = l.useMemo(() => ({ value: (e, c, p) => {
+    var a;
+    c !== ((a = o.current.get(e)) == null ? void 0 : a.value) && (o.current.set(e, { value: c, keywords: p }), r.current.filtered.items.set(e, oe(c, p)), x(2, () => {
+      Y(), k.emit();
+    }));
+  }, item: (e, c) => (f.current.add(e), c && (u.current.has(c) ? u.current.get(c).add(e) : u.current.set(c, /* @__PURE__ */ new Set([e]))), x(3, () => {
+    Z(), Y(), r.current.value || Q(), k.emit();
+  }), () => {
+    o.current.delete(e), f.current.delete(e), r.current.filtered.items.delete(e);
+    let p = P();
+    x(4, () => {
+      Z(), p?.getAttribute("id") === e && Q(), k.emit();
+    });
+  }), group: (e) => (u.current.has(e) || u.current.set(e, /* @__PURE__ */ new Set()), () => {
+    o.current.delete(e), u.current.delete(e);
+  }), filter: () => m.current.shouldFilter, label: h || t["aria-label"], getDisablePointerSelection: () => m.current.disablePointerSelection, listId: G, inputId: J, labelId: ie, listInnerRef: N }), []);
+  function oe(e, c) {
+    var p, a;
+    let v = (a = (p = m.current) == null ? void 0 : p.filter) != null ? a : We;
+    return e ? v(e, r.current.search, c) : 0;
+  }
+  function Y() {
+    if (!r.current.search || m.current.shouldFilter === !1) return;
+    let e = r.current.filtered.items, c = [];
+    r.current.filtered.groups.forEach((a) => {
+      let v = u.current.get(a), b = 0;
+      v.forEach((E) => {
+        let y = e.get(E);
+        b = Math.max(y, b);
+      }), c.push([a, b]);
+    });
+    let p = N.current;
+    F().sort((a, v) => {
+      var b, E;
+      let y = a.getAttribute("id"), T = v.getAttribute("id");
+      return ((b = e.get(T)) != null ? b : 0) - ((E = e.get(y)) != null ? E : 0);
+    }).forEach((a) => {
+      let v = a.closest(ne);
+      v ? v.appendChild(a.parentElement === v ? a : a.closest(`${ne} > *`)) : p.appendChild(a.parentElement === p ? a : a.closest(`${ne} > *`));
+    }), c.sort((a, v) => v[1] - a[1]).forEach((a) => {
+      var v;
+      let b = (v = N.current) == null ? void 0 : v.querySelector(`${K}[${z}="${encodeURIComponent(a[0])}"]`);
+      b?.parentElement.appendChild(b);
+    });
+  }
+  function Q() {
+    let e = F().find((p) => p.getAttribute("aria-disabled") !== "true"), c = e?.getAttribute(z);
+    k.setState("value", c || void 0);
+  }
+  function Z() {
+    var e, c, p, a;
+    if (!r.current.search || m.current.shouldFilter === !1) {
+      r.current.filtered.count = f.current.size;
+      return;
+    }
+    r.current.filtered.groups = /* @__PURE__ */ new Set();
+    let v = 0;
+    for (let b of f.current) {
+      let E = (c = (e = o.current.get(b)) == null ? void 0 : e.value) != null ? c : "", y = (a = (p = o.current.get(b)) == null ? void 0 : p.keywords) != null ? a : [], T = oe(E, y);
+      r.current.filtered.items.set(b, T), T > 0 && v++;
+    }
+    for (let [b, E] of u.current) for (let y of E) if (r.current.filtered.items.get(y) > 0) {
+      r.current.filtered.groups.add(b);
+      break;
+    }
+    r.current.filtered.count = v;
+  }
+  function ce() {
+    var e, c, p;
+    let a = P();
+    a && (((e = a.parentElement) == null ? void 0 : e.firstChild) === a && ((p = (c = a.closest(K)) == null ? void 0 : c.querySelector(He)) == null || p.scrollIntoView({ block: "nearest" })), a.scrollIntoView({ block: "nearest" }));
+  }
+  function P() {
+    var e;
+    return (e = N.current) == null ? void 0 : e.querySelector(`${be}[aria-selected="true"]`);
+  }
+  function F() {
+    var e;
+    return Array.from(((e = N.current) == null ? void 0 : e.querySelectorAll(he)) || []);
+  }
+  function _(e) {
+    let c = F()[e];
+    c && k.setState("value", c.getAttribute(z));
+  }
+  function ee(e) {
+    var c;
+    let p = P(), a = F(), v = a.findIndex((E) => E === p), b = a[v + e];
+    (c = m.current) != null && c.loop && (b = v + e < 0 ? a[a.length - 1] : v + e === a.length ? a[0] : a[v + e]), b && k.setState("value", b.getAttribute(z));
+  }
+  function se(e) {
+    let c = P(), p = c?.closest(K), a;
+    for (; p && !a; ) p = e > 0 ? tt(p, K) : rt(p, K), a = p?.querySelector(he);
+    a ? k.setState("value", a.getAttribute(z)) : ee(e);
+  }
+  let de = () => _(F().length - 1), fe = (e) => {
+    e.preventDefault(), e.metaKey ? de() : e.altKey ? se(1) : ee(1);
+  }, me = (e) => {
+    e.preventDefault(), e.metaKey ? _(0) : e.altKey ? se(-1) : ee(-1);
+  };
+  return l.createElement(A.div, { ref: n, tabIndex: -1, ...B, "cmdk-root": "", onKeyDown: (e) => {
+    var c;
+    (c = B.onKeyDown) == null || c.call(B, e);
+    let p = e.nativeEvent.isComposing || e.keyCode === 229;
+    if (!(e.defaultPrevented || p)) switch (e.key) {
+      case "n":
+      case "j": {
+        M && e.ctrlKey && fe(e);
+        break;
+      }
+      case "ArrowDown": {
+        fe(e);
+        break;
+      }
+      case "p":
+      case "k": {
+        M && e.ctrlKey && me(e);
+        break;
+      }
+      case "ArrowUp": {
+        me(e);
+        break;
+      }
+      case "Home": {
+        e.preventDefault(), _(0);
+        break;
+      }
+      case "End": {
+        e.preventDefault(), de();
+        break;
+      }
+      case "Enter": {
+        e.preventDefault();
+        let a = P();
+        if (a) {
+          let v = new Event(ae);
+          a.dispatchEvent(v);
+        }
+      }
+    }
+  } }, l.createElement("label", { "cmdk-label": "", htmlFor: X.inputId, id: X.labelId, style: at }, h), H(t, (e) => l.createElement(ye.Provider, { value: k }, l.createElement(xe.Provider, { value: X }, e))));
+}), Ge = l.forwardRef((t, n) => {
+  var r, f;
+  let u = j(), o = l.useRef(null), s = l.useContext(we), m = V(), h = Ee(t), i = (f = (r = h.current) == null ? void 0 : r.forceMount) != null ? f : s?.forceMount;
+  D(() => {
+    if (!i) return m.item(u, s?.id);
+  }, [i]);
+  let d = Ce(u, o, [t.value, t.children, o], t.keywords), g = ue(), C = R((x) => x.value && x.value === d.current), w = R((x) => i || m.filter() === !1 ? !0 : x.search ? x.filtered.items.get(u) > 0 : !0);
+  l.useEffect(() => {
+    let x = o.current;
+    if (!(!x || t.disabled)) return x.addEventListener(ae, I), () => x.removeEventListener(ae, I);
+  }, [w, t.onSelect, t.disabled]);
+  function I() {
+    var x, k;
+    W(), (k = (x = h.current).onSelect) == null || k.call(x, d.current);
+  }
+  function W() {
+    g.setState("value", d.current, !0);
+  }
+  if (!w) return null;
+  let { disabled: M, value: B, onSelect: G, forceMount: ie, keywords: J, ...N } = t;
+  return l.createElement(A.div, { ref: L(o, n), ...N, id: u, "cmdk-item": "", role: "option", "aria-disabled": !!M, "aria-selected": !!C, "data-disabled": !!M, "data-selected": !!C, onPointerMove: M || m.getDisablePointerSelection() ? void 0 : W, onClick: M ? void 0 : I }, t.children);
+}), Je = l.forwardRef((t, n) => {
+  let { heading: r, children: f, forceMount: u, ...o } = t, s = j(), m = l.useRef(null), h = l.useRef(null), i = j(), d = V(), g = R((w) => u || d.filter() === !1 ? !0 : w.search ? w.filtered.groups.has(s) : !0);
+  D(() => d.group(s), []), Ce(s, m, [t.value, t.heading, h]);
+  let C = l.useMemo(() => ({ id: s, forceMount: u }), [u]);
+  return l.createElement(A.div, { ref: L(m, n), ...o, "cmdk-group": "", role: "presentation", hidden: g ? void 0 : !0 }, r && l.createElement("div", { ref: h, "cmdk-group-heading": "", "aria-hidden": !0, id: i }, r), H(t, (w) => l.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? i : void 0 }, l.createElement(we.Provider, { value: C }, w))));
+}), Xe = l.forwardRef((t, n) => {
+  let { alwaysRender: r, ...f } = t, u = l.useRef(null), o = R((s) => !s.search);
+  return !r && !o ? null : l.createElement(A.div, { ref: L(u, n), ...f, "cmdk-separator": "", role: "separator" });
+}), Ye = l.forwardRef((t, n) => {
+  let { onValueChange: r, ...f } = t, u = t.value != null, o = ue(), s = R((i) => i.search), m = R((i) => i.selectedItemId), h = V();
+  return l.useEffect(() => {
+    t.value != null && o.setState("search", t.value);
+  }, [t.value]), l.createElement(A.input, { ref: n, ...f, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": h.listId, "aria-labelledby": h.labelId, "aria-activedescendant": m, id: h.inputId, type: "text", value: u ? t.value : s, onChange: (i) => {
+    u || o.setState("search", i.target.value), r?.(i.target.value);
+  } });
+}), Qe = l.forwardRef((t, n) => {
+  let { children: r, label: f = "Suggestions", ...u } = t, o = l.useRef(null), s = l.useRef(null), m = R((i) => i.selectedItemId), h = V();
+  return l.useEffect(() => {
+    if (s.current && o.current) {
+      let i = s.current, d = o.current, g, C = new ResizeObserver(() => {
+        g = requestAnimationFrame(() => {
+          let w = i.offsetHeight;
+          d.style.setProperty("--cmdk-list-height", w.toFixed(1) + "px");
+        });
+      });
+      return C.observe(i), () => {
+        cancelAnimationFrame(g), C.unobserve(i);
+      };
+    }
+  }, []), l.createElement(A.div, { ref: L(o, n), ...u, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": m, "aria-label": f, id: h.listId }, H(t, (i) => l.createElement("div", { ref: L(s, h.listInnerRef), "cmdk-list-sizer": "" }, i)));
+}), Ze = l.forwardRef((t, n) => {
+  let { open: r, onOpenChange: f, overlayClassName: u, contentClassName: o, container: s, ...m } = t;
+  return l.createElement(Se, { open: r, onOpenChange: f }, l.createElement(Ie, { container: s }, l.createElement(Re, { "cmdk-overlay": "", className: u }), l.createElement(Ae, { "aria-label": t.label, "cmdk-dialog": "", className: o }, l.createElement(ke, { ref: n, ...m }))));
+}), _e = l.forwardRef((t, n) => R((r) => r.filtered.count === 0) ? l.createElement(A.div, { ref: n, ...t, "cmdk-empty": "", role: "presentation" }) : null), et = l.forwardRef((t, n) => {
+  let { progress: r, children: f, label: u = "Loading...", ...o } = t;
+  return l.createElement(A.div, { ref: n, ...o, "cmdk-loading": "", role: "progressbar", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": u }, H(t, (s) => l.createElement("div", { "aria-hidden": !0 }, s)));
+}), q = Object.assign(ke, { List: Qe, Item: Ge, Input: Ye, Group: Je, Separator: Xe, Dialog: Ze, Empty: _e, Loading: et });
+function tt(t, n) {
+  let r = t.nextElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.nextElementSibling;
+  }
+}
+function rt(t, n) {
+  let r = t.previousElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.previousElementSibling;
+  }
+}
+function Ee(t) {
+  let n = l.useRef(t);
+  return D(() => {
+    n.current = t;
+  }), n;
+}
+var D = typeof window > "u" ? l.useEffect : l.useLayoutEffect;
+function O(t) {
+  let n = l.useRef();
+  return n.current === void 0 && (n.current = t()), n;
+}
+function R(t) {
+  let n = ue(), r = () => t(n.snapshot());
+  return l.useSyncExternalStore(n.subscribe, r, r);
+}
+function Ce(t, n, r, f = []) {
+  let u = l.useRef(), o = V();
+  return D(() => {
+    var s;
+    let m = (() => {
+      var i;
+      for (let d of r) {
+        if (typeof d == "string") return d.trim();
+        if (typeof d == "object" && "current" in d) return d.current ? (i = d.current.textContent) == null ? void 0 : i.trim() : u.current;
+      }
+    })(), h = f.map((i) => i.trim());
+    o.value(t, m, h), (s = n.current) == null || s.setAttribute(z, m), u.current = m;
+  }), u;
+}
+var nt = () => {
+  let [t, n] = l.useState(), r = O(() => /* @__PURE__ */ new Map());
+  return D(() => {
+    r.current.forEach((f) => f()), r.current = /* @__PURE__ */ new Map();
+  }, [t]), (f, u) => {
+    r.current.set(f, u), n({});
+  };
+};
+function lt(t) {
+  let n = t.type;
+  return typeof n == "function" ? n(t.props) : "render" in n ? n.render(t.props) : t;
+}
+function H({ asChild: t, children: n }, r) {
+  return t && l.isValidElement(n) ? l.cloneElement(lt(n), { ref: n.ref }, r(n.props.children)) : r(n);
+}
+var at = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+function pt({
+  options: t,
+  value: n,
+  onChange: r,
+  placeholder: f = "Rechercher...",
+  emptyMessage: u = "Aucun resultat.",
+  disabled: o = !1,
+  className: s
+}) {
+  const [m, h] = l.useState(!1), i = t.find((d) => d.value === n);
+  return /* @__PURE__ */ $(Me, { open: m, onOpenChange: h, children: [
+    /* @__PURE__ */ S(Ne, { asChild: !0, children: /* @__PURE__ */ $(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": m,
+        disabled: o,
+        className: U(
+          "flex items-center justify-between gap-2 w-full bg-secondary border border-border rounded-md px-3 py-2 text-sm text-foreground transition-all cursor-pointer",
+          "focus:border-primary focus:ring-2 focus:ring-ring focus:outline-none",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          !n && "text-muted-foreground",
+          s
+        ),
+        children: [
+          /* @__PURE__ */ $("span", { className: "flex items-center gap-2 truncate", children: [
+            i?.icon && /* @__PURE__ */ S(i.icon, { className: "size-4 shrink-0" }),
+            i ? i.label : f
+          ] }),
+          /* @__PURE__ */ S(Pe, { size: 16, className: "text-muted-foreground shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ S($e, { children: /* @__PURE__ */ S(
+      De,
+      {
+        sideOffset: 4,
+        align: "start",
+        className: U(
+          "z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border border-border bg-card/95 backdrop-blur-md shadow-lg",
+          "animate-in fade-in-0 zoom-in-95"
+        ),
+        children: /* @__PURE__ */ $(q, { className: "flex flex-col", children: [
+          /* @__PURE__ */ $("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ S(ze, { size: 16, className: "text-muted-foreground shrink-0" }),
+            /* @__PURE__ */ S(
+              q.Input,
+              {
+                placeholder: f,
+                className: "flex-1 bg-transparent py-2 text-sm text-foreground placeholder:text-muted-foreground outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ $(q.List, { className: "max-h-[300px] overflow-y-auto p-1", children: [
+            /* @__PURE__ */ S(q.Empty, { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: u }),
+            t.map((d) => /* @__PURE__ */ $(
+              q.Item,
+              {
+                value: d.label,
+                onSelect: () => {
+                  r(d.value === n ? "" : d.value), h(!1);
+                },
+                className: U(
+                  "flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground cursor-pointer select-none outline-none transition-colors",
+                  "data-[selected=true]:bg-primary/10 data-[selected=true]:text-foreground"
+                ),
+                children: [
+                  d.icon && /* @__PURE__ */ S(d.icon, { className: "size-4 shrink-0" }),
+                  /* @__PURE__ */ S("span", { className: "flex-1 truncate", children: d.label }),
+                  /* @__PURE__ */ S(
+                    Oe,
+                    {
+                      size: 14,
+                      className: U(
+                        "shrink-0 text-primary",
+                        n === d.value ? "opacity-100" : "opacity-0"
+                      )
+                    }
+                  )
+                ]
+              },
+              d.value
+            ))
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+}
+export {
+  pt as Combobox
+};

package/dist/DarkMode.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+type Theme = "dark" | "light";
+export interface ThemeToggleProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children" | "onChange"> {
+    /**
+     * @description Size of the toggle button.
+     * @default "md"
+     * @example <ThemeToggle size="sm" />
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * @description Callback fired after the theme changes. Receives the new theme.
+     * @example <ThemeToggle onChange={(theme) => console.log(theme)} />
+     */
+    onChange?: (theme: Theme) => void;
+    /**
+     * @description Additional CSS classes.
+     * @example <ThemeToggle className="ml-2" />
+     */
+    className?: string;
+}
+/**
+ * @description Set the theme to "dark" or "light".
+ * Persists the choice in localStorage and applies it to the document.
+ * Safe to call in SSR environments (no-op when window/document are unavailable).
+ *
+ * @example
+ * setTheme("light");
+ * setTheme("dark");
+ */
+declare function setTheme(theme: Theme): void;
+/**
+ * @description Toggle between dark and light theme.
+ * Reads the current stored theme, switches to the opposite, and applies it.
+ * Returns the new theme.
+ * Safe to call in SSR environments.
+ *
+ * @example
+ * const newTheme = toggleTheme();
+ * console.log(newTheme); // "light" or "dark"
+ */
+declare function toggleTheme(): Theme;
+/**
+ * @description A button that toggles between dark and light theme.
+ * Shows a Sun icon in dark mode and a Moon icon in light mode.
+ * Persists the choice in localStorage under the key "btcv-theme".
+ * On mount, reads the stored theme and applies it to the document.
+ *
+ * @example
+ * // In a Navbar
+ * <Navbar appName="APP" actions={<ThemeToggle />}>
+ *   ...
+ * </Navbar>
+ *
+ * @example
+ * // Standalone
+ * <ThemeToggle size="sm" className="fixed bottom-4 right-4" />
+ */
+declare function ThemeToggle({ size, onChange, className, ...props }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+export { ThemeToggle, setTheme, toggleTheme };

package/dist/DarkMode.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { useState as m, useEffect as a } from "react";
+import { c as g } from "./_shared/utils-eGXXUFl7.js";
+import { Sun as h, Moon as p } from "lucide-react";
+const i = "btcv-theme";
+function c() {
+  return typeof window > "u" ? "dark" : localStorage.getItem(i) || "dark";
+}
+function d(e) {
+  typeof document > "u" || (document.documentElement.className = e);
+}
+function b(e) {
+  typeof window < "u" && localStorage.setItem(i, e), d(e);
+}
+function T() {
+  const n = c() === "dark" ? "light" : "dark";
+  return b(n), n;
+}
+function E({ size: e = "md", onChange: n, className: u, ...l }) {
+  const [f, r] = m("dark");
+  a(() => {
+    const t = c();
+    r(t), d(t);
+  }, []);
+  const s = e === "sm" ? 14 : e === "lg" ? 18 : 16;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        const t = T();
+        r(t), n?.(t);
+      },
+      className: g(
+        "inline-flex items-center justify-center cursor-pointer transition-all select-none outline-none",
+        "bg-transparent text-muted-foreground border border-transparent",
+        "hover:bg-accent hover:text-foreground",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        {
+          sm: "h-7 w-7 rounded-md",
+          md: "h-9 w-9 rounded-md",
+          lg: "h-11 w-11 rounded-md"
+        }[e],
+        u
+      ),
+      ...l,
+      children: f === "dark" ? /* @__PURE__ */ o(h, { size: s }) : /* @__PURE__ */ o(p, { size: s })
+    }
+  );
+}
+export {
+  E as ThemeToggle,
+  b as setTheme,
+  T as toggleTheme
+};

package/dist/DatePicker.d.ts

@@ -0,0 +1,48 @@
+import type { DayPickerProps } from "react-day-picker";
+export interface DatePickerProps {
+    /** Currently selected date (controlled). */
+    value?: Date;
+    /** Callback fired when the selected date changes. */
+    onChange?: (date: Date | undefined) => void;
+    /** Placeholder text shown when no date is selected. @default "Choisir une date" */
+    placeholder?: string;
+    /** Optional label text displayed above the trigger. */
+    label?: string;
+    /** Additional CSS classes for the trigger button. */
+    className?: string;
+}
+/**
+ * Standalone calendar component wrapping react-day-picker with BTCV styling.
+ * Uses custom navigation buttons with ChevronLeft/ChevronRight icons.
+ *
+ * @description Renders a month view with day selection. Styling uses BTCV
+ * design tokens (primary, muted, foreground, etc.) through Tailwind classes.
+ * Accepts the same props as DayPicker.
+ *
+ * @example
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ * />
+ */
+declare function Calendar(props: DayPickerProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Date picker input that opens a calendar popover on click.
+ * The trigger is styled to match the Input component.
+ * Uses Intl.DateTimeFormat for locale-aware date formatting.
+ *
+ * @description Combines a Radix Popover with the Calendar component.
+ * The popover closes automatically when a date is selected.
+ *
+ * @example
+ * const [date, setDate] = React.useState<Date>();
+ * <DatePicker label="Date de naissance" value={date} onChange={setDate} />
+ *
+ * @example
+ * <DatePicker placeholder="Selectionner..." />
+ */
+declare function DatePicker({ value, onChange, placeholder, label, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export { Calendar, DatePicker };