@la-batcave/ui 3.1.2

package/dist/CodeBlock.js

@@ -0,0 +1,306 @@
+"use client";
+import { jsxs as h, Fragment as C, jsx as s } from "react/jsx-runtime";
+import { useState as v, useCallback as w } from "react";
+import { c as y } from "./_shared/utils-eGXXUFl7.js";
+import { Card as S } from "./Card.js";
+import { File as j, Check as k, Copy as N } from "lucide-react";
+const x = {
+  js: [
+    { pattern: /(\/\/.*$)/gm, type: "comment" },
+    { pattern: /(\/\*[\s\S]*?\*\/)/gm, type: "comment" },
+    { pattern: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/g, type: "string" },
+    { pattern: /\b(\d+(?:\.\d+)?)\b/g, type: "number" },
+    { pattern: /\b(const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|new|delete|typeof|instanceof|in|of|class|extends|super|import|export|from|default|async|await|try|catch|finally|throw|yield|this|null|undefined|true|false|void)\b/g, type: "keyword" },
+    { pattern: /\b(console|window|document|Array|Object|String|Number|Boolean|Promise|Map|Set|RegExp|Error|JSON|Math)\b/g, type: "builtin" },
+    { pattern: /([a-zA-Z_$][\w$]*)\s*(?=\()/g, type: "function" },
+    { pattern: /(<\/?)([a-zA-Z][\w.]*)/g, type: "tag" }
+  ],
+  jsx: "js",
+  ts: "js",
+  tsx: "js",
+  typescript: "js",
+  javascript: "js",
+  css: [
+    { pattern: /(\/\*[\s\S]*?\*\/)/gm, type: "comment" },
+    { pattern: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, type: "string" },
+    { pattern: /(\d+(?:\.\d+)?(?:px|em|rem|%|vh|vw|ch|ex|deg|s|ms)?)\b/g, type: "number" },
+    { pattern: /([@#.:][\w-]+)/g, type: "selector" },
+    { pattern: /\b(var|calc|rgb|rgba|hsl|hsla|url|linear-gradient|radial-gradient)\b/g, type: "builtin" },
+    { pattern: /(--[\w-]+)/g, type: "property" },
+    { pattern: /\b(!important)\b/g, type: "keyword" }
+  ],
+  html: [
+    { pattern: /(<!--[\s\S]*?-->)/g, type: "comment" },
+    { pattern: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, type: "string" },
+    { pattern: /(<\/?)(\w[\w-]*)/g, type: "tag" },
+    { pattern: /([\w-]+)(?==)/g, type: "property" }
+  ],
+  json: [
+    { pattern: /("(?:[^"\\]|\\.)*")\s*:/g, type: "property" },
+    { pattern: /:\s*("(?:[^"\\]|\\.)*")/g, type: "string" },
+    { pattern: /\b(\d+(?:\.\d+)?)\b/g, type: "number" },
+    { pattern: /\b(true|false|null)\b/g, type: "keyword" }
+  ],
+  bash: [
+    { pattern: /(#.*$)/gm, type: "comment" },
+    { pattern: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, type: "string" },
+    { pattern: /\b(if|then|else|elif|fi|for|while|do|done|case|esac|function|return|in|select|until|export|source|alias|unalias|readonly)\b/g, type: "keyword" },
+    { pattern: /(\$[\w{][\w}]*)/g, type: "builtin" },
+    { pattern: /^(\s*[\w.-]+)/gm, type: "function" }
+  ],
+  sh: "bash",
+  shell: "bash",
+  python: [
+    { pattern: /(#.*$)/gm, type: "comment" },
+    { pattern: /("""[\s\S]*?"""|'''[\s\S]*?''')/g, type: "string" },
+    { pattern: /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/g, type: "string" },
+    { pattern: /\b(\d+(?:\.\d+)?)\b/g, type: "number" },
+    { pattern: /\b(def|class|if|elif|else|for|while|return|import|from|as|try|except|finally|raise|with|yield|lambda|pass|break|continue|and|or|not|is|in|True|False|None|self|async|await)\b/g, type: "keyword" },
+    { pattern: /\b(print|len|range|type|int|str|float|list|dict|set|tuple|bool|input|open|super|isinstance|hasattr|getattr|setattr)\b/g, type: "builtin" },
+    { pattern: /([a-zA-Z_]\w*)\s*(?=\()/g, type: "function" }
+  ],
+  py: "python"
+}, T = {
+  comment: "var(--codeblock-comment, var(--muted-foreground))",
+  string: "var(--codeblock-string, var(--success))",
+  number: "var(--codeblock-number, var(--info))",
+  keyword: "var(--codeblock-keyword, var(--primary))",
+  builtin: "var(--codeblock-builtin, var(--warning))",
+  function: "var(--codeblock-function, var(--info))",
+  tag: "var(--codeblock-tag, var(--destructive))",
+  selector: "var(--codeblock-selector, var(--primary))",
+  property: "var(--codeblock-property, var(--foreground))"
+};
+function L(a) {
+  return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function $(a) {
+  let n = x[a];
+  for (; typeof n == "string"; )
+    n = x[n];
+  return n || null;
+}
+function E(a, n) {
+  const r = L(a);
+  if (!n) return r;
+  const i = $(n);
+  if (!i) return r;
+  const p = [];
+  for (const t of i) {
+    const m = new RegExp(t.pattern.source, t.pattern.flags);
+    let u;
+    for (; (u = m.exec(r)) !== null; ) {
+      const e = u.length > 1 ? 1 : 0, g = u[e], f = u.index + (e > 0 ? u[0].indexOf(g) : 0);
+      p.push({
+        start: f,
+        end: f + g.length,
+        text: g,
+        type: t.type
+      });
+    }
+  }
+  p.sort((t, m) => t.start - m.start || m.end - t.end);
+  const o = [];
+  let d = 0;
+  for (const t of p)
+    t.start >= d && (o.push(t), d = t.end);
+  let c = "", l = 0;
+  for (const t of o)
+    t.start > l && (c += r.slice(l, t.start)), c += `<span style="color:${T[t.type]}">${t.text}</span>`, l = t.end;
+  return l < r.length && (c += r.slice(l)), c;
+}
+const z = {
+  js: "JavaScript",
+  jsx: "JSX",
+  ts: "TypeScript",
+  tsx: "TSX",
+  javascript: "JavaScript",
+  typescript: "TypeScript",
+  css: "CSS",
+  html: "HTML",
+  json: "JSON",
+  bash: "Bash",
+  sh: "Shell",
+  shell: "Shell",
+  python: "Python",
+  py: "Python"
+};
+function O({ text: a, className: n }) {
+  const [r, i] = v(!1), p = w(async () => {
+    try {
+      await navigator.clipboard.writeText(a), i(!0), setTimeout(() => i(!1), 2e3);
+    } catch {
+      const o = document.createElement("textarea");
+      o.value = a, o.style.position = "fixed", o.style.opacity = "0", document.body.appendChild(o), o.select(), document.execCommand("copy"), document.body.removeChild(o), i(!0), setTimeout(() => i(!1), 2e3);
+    }
+  }, [a]);
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      onClick: p,
+      className: y(
+        "inline-flex items-center justify-center rounded-md p-1.5",
+        "text-muted-foreground hover:text-foreground",
+        "bg-transparent hover:bg-secondary",
+        "transition-all duration-150",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        n
+      ),
+      "aria-label": r ? "Copied" : "Copy code",
+      children: r ? /* @__PURE__ */ s(k, { className: "size-3.5 text-success" }) : /* @__PURE__ */ s(N, { className: "size-3.5" })
+    }
+  );
+}
+function A({
+  number: a,
+  content: n,
+  rawText: r,
+  highlighted: i,
+  showLineNumbers: p,
+  diff: o
+}) {
+  const d = o === "add", c = o === "remove", [l, t] = v(!1), m = w(async (u) => {
+    u.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(r);
+    } catch {
+      const e = document.createElement("textarea");
+      e.value = r, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+    }
+    t(!0), setTimeout(() => t(!1), 1500);
+  }, [r]);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: y(
+        "group/line flex min-h-[1.625rem] leading-relaxed relative",
+        "transition-colors duration-75",
+        i && "bg-primary/8",
+        d && "bg-success/15",
+        c && "bg-destructive/15",
+        !i && !d && !c && "hover:bg-secondary/50"
+      ),
+      children: [
+        o !== void 0 && /* @__PURE__ */ s(
+          "span",
+          {
+            className: y(
+              "select-none w-5 shrink-0 text-center text-xs leading-relaxed",
+              d && "text-success",
+              c && "text-destructive"
+            ),
+            children: d ? "+" : c ? "-" : " "
+          }
+        ),
+        p && /* @__PURE__ */ s(
+          "span",
+          {
+            className: y(
+              "select-none shrink-0 w-10 pr-3 text-right text-xs leading-relaxed tabular-nums",
+              "text-muted-foreground",
+              i && "text-primary/60"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: "flex-1 pr-8 pl-3",
+            dangerouslySetInnerHTML: { __html: n }
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: m,
+            className: y(
+              "absolute right-1 top-1/2 -translate-y-1/2 p-0.5 rounded",
+              "text-muted-foreground hover:text-foreground",
+              "opacity-0 group-hover/line:opacity-100",
+              "transition-opacity duration-100 cursor-pointer",
+              l && "opacity-100"
+            ),
+            "aria-label": "Copy line",
+            children: l ? /* @__PURE__ */ s(k, { className: "size-3 text-success" }) : /* @__PURE__ */ s(N, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+function P({
+  children: a,
+  filename: n,
+  language: r,
+  lineNumbers: i = !0,
+  highlightLines: p = [],
+  showCopyButton: o = !0,
+  className: d,
+  "aria-label": c
+}) {
+  const l = typeof a == "string" ? a.replace(/\n$/, "") : "", t = l.split(`
+`), m = t.some(
+    (e) => /^[+-][^+-]/.test(e) || /^[+-]$/.test(e)
+  ), u = t.map((e, g) => {
+    let f, b = e;
+    return m && (e.startsWith("+") ? (f = "add", b = e.slice(1)) : e.startsWith("-") ? (f = "remove", b = e.slice(1)) : e.startsWith(" ") && (b = e.slice(1))), {
+      number: g + 1,
+      raw: b,
+      highlighted: p.includes(g + 1),
+      diff: f,
+      html: E(b, r)
+    };
+  });
+  return /* @__PURE__ */ h(
+    S,
+    {
+      className: y(
+        "overflow-hidden !p-0 !gap-0",
+        "text-sm font-mono",
+        d
+      ),
+      role: "region",
+      "aria-label": c || (n ? `Code: ${n}` : "Code block"),
+      children: [
+        (n || o) && /* @__PURE__ */ h(
+          "div",
+          {
+            className: y(
+              "flex items-center justify-between gap-2",
+              "px-3 py-2 border-b border-border",
+              "bg-secondary/30"
+            ),
+            children: [
+              /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 text-xs text-muted-foreground", children: [
+                n && /* @__PURE__ */ h(C, { children: [
+                  /* @__PURE__ */ s(j, { className: "size-3.5 text-muted-foreground shrink-0" }),
+                  /* @__PURE__ */ s("span", { className: "truncate", children: n })
+                ] }),
+                n && r && /* @__PURE__ */ s("span", { children: " — " }),
+                r && /* @__PURE__ */ s("span", { children: z[r] || r })
+              ] }),
+              o && /* @__PURE__ */ s(O, { text: l })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: /* @__PURE__ */ s("pre", { className: "m-0 py-3 text-[13px] leading-relaxed", children: /* @__PURE__ */ s("code", { children: u.map((e) => /* @__PURE__ */ s(
+          A,
+          {
+            number: e.number,
+            content: e.html,
+            rawText: e.raw,
+            highlighted: e.highlighted,
+            showLineNumbers: i,
+            diff: e.diff
+          },
+          e.number
+        )) }) }) })
+      ]
+    }
+  );
+}
+export {
+  P as CodeBlock,
+  O as CopyButton
+};

package/dist/Collapse.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+export interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Header text displayed in the trigger button. */
+    title: React.ReactNode;
+    /** Icon component displayed before the title. */
+    icon?: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    /** Whether the collapse is open by default (uncontrolled mode). @default false */
+    defaultOpen?: boolean;
+    /** Controlled open state. When provided, the component becomes controlled. */
+    open?: boolean;
+    /** Callback fired when the open state changes (controlled mode). */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface CollapseGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** When true, only one Collapse can be open at a time. Opening one closes the others. @default false */
+    accordion?: boolean;
+}
+/**
+ * Animated collapsible panel with smooth height transition.
+ * Supports both controlled and uncontrolled modes.
+ *
+ * @example
+ * // Uncontrolled
+ * <Collapse title="Details" icon={Info}>
+ *   <p>Hidden content revealed on click.</p>
+ * </Collapse>
+ *
+ * @example
+ * // Controlled
+ * const [open, setOpen] = useState(false);
+ * <Collapse title="Settings" open={open} onOpenChange={setOpen}>
+ *   <p>Controlled collapse content.</p>
+ * </Collapse>
+ */
+declare function Collapse({ title, children, icon: Icon, defaultOpen, open: controlledOpen, onOpenChange, className, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout wrapper that spaces multiple Collapse components vertically.
+ * Set `accordion` to enable single-open behavior.
+ *
+ * @example
+ * // Standard group (multiple can be open)
+ * <CollapseGroup>
+ *   <Collapse title="Section 1">Content 1</Collapse>
+ *   <Collapse title="Section 2">Content 2</Collapse>
+ * </CollapseGroup>
+ *
+ * @example
+ * // Accordion mode (only one open at a time)
+ * <CollapseGroup accordion>
+ *   <Collapse title="Section 1">Content 1</Collapse>
+ *   <Collapse title="Section 2">Content 2</Collapse>
+ * </CollapseGroup>
+ */
+declare function CollapseGroup({ children, accordion, className, ...props }: CollapseGroupProps): import("react/jsx-runtime").JSX.Element;
+export { Collapse, CollapseGroup };

package/dist/Collapse.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsxs as k, jsx as e } from "react/jsx-runtime";
+import { createContext as H, useState as v, useRef as j, useId as q, useContext as z, useCallback as I, useEffect as w } from "react";
+import { ChevronDown as F } from "lucide-react";
+import { c as b } from "./_shared/utils-eGXXUFl7.js";
+const y = H(null);
+function G({
+  title: p,
+  children: x,
+  icon: s,
+  defaultOpen: r = !1,
+  open: n,
+  onOpenChange: i,
+  className: g,
+  ...l
+}) {
+  const [c, h] = v(r), C = j(null), [A, a] = v(r ? "auto" : "0px"), d = q(), o = z(y), u = n !== void 0, f = o !== null && !u, m = u ? n : f ? o.openId === d : c, E = I(() => {
+    u ? i?.(!n) : f ? o.toggle(d) : h((t) => !t);
+  }, [u, n, i, f, o, d]);
+  return w(() => {
+    f && r && o.openId === null && o.toggle(d);
+  }, []), w(() => {
+    const t = C.current;
+    if (t)
+      if (m) {
+        a(`${t.scrollHeight}px`);
+        const N = () => a("auto");
+        return t.addEventListener("transitionend", N, { once: !0 }), () => t.removeEventListener("transitionend", N);
+      } else
+        a(`${t.scrollHeight}px`), requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            a("0px");
+          });
+        });
+  }, [m]), /* @__PURE__ */ k(
+    "div",
+    {
+      className: b(
+        "bg-card/85 backdrop-blur-xl border border-border rounded-lg overflow-hidden transition-colors hover:border-secondary",
+        g
+      ),
+      ...l,
+      children: [
+        /* @__PURE__ */ k(
+          "button",
+          {
+            type: "button",
+            onClick: E,
+            "aria-expanded": m,
+            className: "flex items-center gap-3 w-full px-4 py-3 text-left text-sm font-medium text-foreground cursor-pointer",
+            children: [
+              s && /* @__PURE__ */ e("span", { className: "text-muted-foreground shrink-0 inline-flex items-center", children: /* @__PURE__ */ e(s, { size: 16 }) }),
+              /* @__PURE__ */ e("span", { className: "flex-1 min-w-0", children: p }),
+              /* @__PURE__ */ e(
+                F,
+                {
+                  size: 16,
+                  className: b(
+                    "text-muted-foreground shrink-0 transition-transform duration-200",
+                    m && "rotate-180"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            ref: C,
+            style: { height: A },
+            className: "overflow-hidden transition-[height] duration-200 ease-in-out",
+            children: /* @__PURE__ */ e("div", { className: "px-4 pb-4 text-sm text-muted-foreground", children: x })
+          }
+        )
+      ]
+    }
+  );
+}
+function P({ children: p, accordion: x = !1, className: s, ...r }) {
+  const [n, i] = v(null), g = I((c) => {
+    i((h) => h === c ? null : c);
+  }, []), l = /* @__PURE__ */ e("div", { className: b("flex flex-col gap-2", s), ...r, children: p });
+  return x ? /* @__PURE__ */ e(y.Provider, { value: { openId: n, toggle: g }, children: l }) : l;
+}
+export {
+  G as Collapse,
+  P as CollapseGroup
+};

package/dist/Combobox.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+export interface ComboboxOption {
+    /** The value submitted when this option is selected. */
+    value: string;
+    /** The display label for this option. */
+    label: string;
+    /** Optional icon component rendered before the label. */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export interface ComboboxProps {
+    /** Available options to search and select from. */
+    options: ComboboxOption[];
+    /** Controlled selected value. */
+    value: string;
+    /** Callback fired when the selected value changes. */
+    onChange: (value: string) => void;
+    /** Placeholder text for the search input. @default "Rechercher..." */
+    placeholder?: string;
+    /** Message shown when no options match the search query. @default "Aucun resultat." */
+    emptyMessage?: string;
+    /** Whether the combobox is disabled. @default false */
+    disabled?: boolean;
+    /** Additional CSS classes for the trigger button. */
+    className?: string;
+}
+/**
+ * Searchable select dropdown combining cmdk for filtering and Radix Popover
+ * for positioning. Styled to match the Input component.
+ *
+ * @example
+ * <Combobox
+ *   options={[
+ *     { value: "docker", label: "Docker" },
+ *     { value: "totanus", label: "Totanus" },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   placeholder="Rechercher un service..."
+ * />
+ */
+declare function Combobox({ options, value, onChange, placeholder, emptyMessage, disabled, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export { Combobox };