@la-batcave/ui 3.1.2

package/dist/Pagination.d.ts

@@ -0,0 +1,78 @@
+import * as React from "react";
+export interface PaginationProps extends React.ComponentPropsWithoutRef<"nav"> {
+}
+/**
+ * Semantic `<nav>` wrapper for pagination controls.
+ *
+ * @example
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem><PaginationPrevious href="#" /></PaginationItem>
+ *     <PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem>
+ *     <PaginationItem><PaginationNext href="#" /></PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ */
+declare function Pagination({ className, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export interface PaginationContentProps extends React.ComponentPropsWithoutRef<"ul"> {
+}
+/**
+ * Flex container (`<ul>`) for pagination items.
+ */
+declare const PaginationContent: React.ForwardRefExoticComponent<PaginationContentProps & React.RefAttributes<HTMLUListElement>>;
+export interface PaginationItemProps extends React.ComponentPropsWithoutRef<"li"> {
+}
+/**
+ * List item wrapper for a single pagination element.
+ */
+declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface PaginationLinkProps extends React.ComponentPropsWithoutRef<"button"> {
+    /** Whether this link represents the current page. @default false */
+    isActive?: boolean;
+    /**
+     * Button size controlling height and width.
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Individual page button. Styled as a ghost button by default, with an
+ * active state using `bg-primary/15 text-primary`.
+ *
+ * @example
+ * <PaginationLink isActive>1</PaginationLink>
+ * <PaginationLink>2</PaginationLink>
+ */
+declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationPreviousProps extends Omit<PaginationLinkProps, "children"> {
+    /** Label text next to the chevron icon. */
+    label?: React.ReactNode;
+}
+/**
+ * "Previous" pagination button with a left chevron icon.
+ *
+ * @example
+ * <PaginationPrevious onClick={goPrev} />
+ */
+declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationNextProps extends Omit<PaginationLinkProps, "children"> {
+    /** Label text next to the chevron icon. */
+    label?: React.ReactNode;
+}
+/**
+ * "Next" pagination button with a right chevron icon.
+ *
+ * @example
+ * <PaginationNext onClick={goNext} />
+ */
+declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * Ellipsis indicator ("...") for skipped page ranges.
+ *
+ * @example
+ * <PaginationEllipsis />
+ */
+declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/Pagination.js

@@ -0,0 +1,106 @@
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import * as o from "react";
+import { ChevronLeft as m, ChevronRight as d, MoreHorizontal as f } from "lucide-react";
+import { c as r } from "./_shared/utils-eGXXUFl7.js";
+function v({ className: a, ...e }) {
+  return /* @__PURE__ */ n(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      className: r("mx-auto flex w-full justify-center", a),
+      ...e
+    }
+  );
+}
+const g = o.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ n(
+  "ul",
+  {
+    ref: i,
+    className: r("flex flex-row items-center gap-1 list-none", a),
+    ...e
+  }
+));
+g.displayName = "PaginationContent";
+const p = o.forwardRef(
+  ({ className: a, ...e }, i) => /* @__PURE__ */ n("li", { ref: i, className: r("", a), ...e })
+);
+p.displayName = "PaginationItem";
+const u = {
+  sm: "h-7 min-w-7 text-xs",
+  md: "h-9 min-w-9 text-sm",
+  lg: "h-11 min-w-11 text-base"
+}, l = o.forwardRef(
+  ({ className: a, isActive: e = !1, size: i = "md", ...t }, c) => /* @__PURE__ */ n(
+    "button",
+    {
+      ref: c,
+      type: "button",
+      "aria-current": e ? "page" : void 0,
+      className: r(
+        "inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer select-none",
+        "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none",
+        u[i],
+        e ? "bg-primary/15 text-primary border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-secondary/50 hover:text-foreground",
+        a
+      ),
+      ...t
+    }
+  )
+);
+l.displayName = "PaginationLink";
+const x = o.forwardRef(({ className: a, label: e, ...i }, t) => /* @__PURE__ */ s(
+  l,
+  {
+    ref: t,
+    "aria-label": "Go to previous page",
+    className: r("gap-1 px-2.5", a),
+    ...i,
+    children: [
+      /* @__PURE__ */ n(m, { className: "size-4" }),
+      e && /* @__PURE__ */ n("span", { children: e })
+    ]
+  }
+));
+x.displayName = "PaginationPrevious";
+const b = o.forwardRef(({ className: a, label: e, ...i }, t) => /* @__PURE__ */ s(
+  l,
+  {
+    ref: t,
+    "aria-label": "Go to next page",
+    className: r("gap-1 px-2.5", a),
+    ...i,
+    children: [
+      e && /* @__PURE__ */ n("span", { children: e }),
+      /* @__PURE__ */ n(d, { className: "size-4" })
+    ]
+  }
+));
+b.displayName = "PaginationNext";
+function P({ className: a, ...e }) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: r(
+        "flex h-9 w-9 items-center justify-center text-muted-foreground",
+        a
+      ),
+      ...e,
+      children: [
+        /* @__PURE__ */ n(f, { className: "size-4" }),
+        /* @__PURE__ */ n("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+export {
+  v as Pagination,
+  g as PaginationContent,
+  P as PaginationEllipsis,
+  p as PaginationItem,
+  l as PaginationLink,
+  b as PaginationNext,
+  x as PaginationPrevious
+};

package/dist/Popover.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /** Portal container. @default document.body */
+    container?: HTMLElement;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverClose };

package/dist/Popover.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import * as d from "react";
+import { P as c, C as i, R as p, a as m, T as l } from "./_shared/index-C3aZemLI.js";
+import { c as f } from "./_shared/utils-eGXXUFl7.js";
+const v = p, b = l, R = m, g = d.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, container: r, ...s }, n) => /* @__PURE__ */ o(c, { container: r, children: /* @__PURE__ */ o(
+  i,
+  {
+    ref: n,
+    align: t,
+    sideOffset: a,
+    className: f(
+      "z-50 bg-card border border-border rounded-lg shadow-lg p-4",
+      "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "outline-none",
+      e
+    ),
+    ...s
+  }
+) }));
+g.displayName = "PopoverContent";
+export {
+  v as Popover,
+  R as PopoverClose,
+  g as PopoverContent,
+  b as PopoverTrigger
+};

package/dist/ProgressBar.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/** Available color variants for the progress bar fill. */
+export type ProgressBarVariant = 'gold' | 'success' | 'destructive' | 'info';
+/** Available track height sizes for the progress bar. */
+export type ProgressBarSize = 'sm' | 'md' | 'lg';
+export interface ProgressBarProps {
+    /** Current progress value (0-100). Clamped automatically. @default 0 */
+    value?: number;
+    /** Color variant for the filled portion. @default "gold" */
+    variant?: ProgressBarVariant;
+    /** Track height. @default "md" */
+    size?: ProgressBarSize;
+    /**
+     * Shows a full-width bar with a shimmer animation.
+     * Useful when the progress value is unknown.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /** Optional label displayed above the bar with a percentage indicator. */
+    label?: React.ReactNode;
+    /** Additional CSS classes. */
+    className?: string;
+}
+/**
+ * Animated progress bar built on Radix UI Progress with color variants
+ * and an optional label showing the current percentage.
+ *
+ * @example
+ * <ProgressBar value={75} variant="success" size="md" label="Upload progress" />
+ *
+ * @example
+ * <ProgressBar indeterminate variant="gold" label="Chargement..." />
+ */
+declare function ProgressBar({ value, variant, size, indeterminate, label, className }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export { ProgressBar };

package/dist/ProgressBar.js

@@ -0,0 +1,210 @@
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import * as c from "react";
+import "react-dom";
+import { c as R } from "./_shared/index-BrLJJgkl.js";
+import { c as h } from "./_shared/utils-eGXXUFl7.js";
+function V(e, r = []) {
+  let i = [];
+  function o(u, s) {
+    const n = c.createContext(s);
+    n.displayName = u + "Context";
+    const a = i.length;
+    i = [...i, s];
+    const d = (m) => {
+      const { scope: g, children: x, ...p } = m, I = g?.[e]?.[a] || n, E = c.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ l(I.Provider, { value: E, children: x });
+    };
+    d.displayName = u + "Provider";
+    function N(m, g) {
+      const x = g?.[e]?.[a] || n, p = c.useContext(x);
+      if (p) return p;
+      if (s !== void 0) return s;
+      throw new Error(`\`${m}\` must be used within \`${u}\``);
+    }
+    return [d, N];
+  }
+  const t = () => {
+    const u = i.map((s) => c.createContext(s));
+    return function(n) {
+      const a = n?.[e] || u;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...n, [e]: a } }),
+        [n, a]
+      );
+    };
+  };
+  return t.scopeName = e, [o, A(t, ...r)];
+}
+function A(...e) {
+  const r = e[0];
+  if (e.length === 1) return r;
+  const i = () => {
+    const o = e.map((t) => ({
+      useScope: t(),
+      scopeName: t.scopeName
+    }));
+    return function(u) {
+      const s = o.reduce((n, { useScope: a, scopeName: d }) => {
+        const m = a(u)[`__scope${d}`];
+        return { ...n, ...m };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${r.scopeName}`]: s }), [s]);
+    };
+  };
+  return i.scopeName = r.scopeName, i;
+}
+var D = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], $ = D.reduce((e, r) => {
+  const i = R(`Primitive.${r}`), o = c.forwardRef((t, u) => {
+    const { asChild: s, ...n } = t, a = s ? i : r;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(a, { ...n, ref: u });
+  });
+  return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
+}, {}), P = "Progress", b = 100, [O] = V(P), [j, L] = O(P), y = c.forwardRef(
+  (e, r) => {
+    const {
+      __scopeProgress: i,
+      value: o = null,
+      max: t,
+      getValueLabel: u = k,
+      ...s
+    } = e;
+    (t || t === 0) && !w(t) && console.error(T(`${t}`, "Progress"));
+    const n = w(t) ? t : b;
+    o !== null && !S(o, n) && console.error(B(`${o}`, "Progress"));
+    const a = S(o, n) ? o : null, d = v(a) ? u(a, n) : void 0;
+    return /* @__PURE__ */ l(j, { scope: i, value: a, max: n, children: /* @__PURE__ */ l(
+      $.div,
+      {
+        "aria-valuemax": n,
+        "aria-valuemin": 0,
+        "aria-valuenow": v(a) ? a : void 0,
+        "aria-valuetext": d,
+        role: "progressbar",
+        "data-state": M(a, n),
+        "data-value": a ?? void 0,
+        "data-max": n,
+        ...s,
+        ref: r
+      }
+    ) });
+  }
+);
+y.displayName = P;
+var C = "ProgressIndicator", _ = c.forwardRef(
+  (e, r) => {
+    const { __scopeProgress: i, ...o } = e, t = L(C, i);
+    return /* @__PURE__ */ l(
+      $.div,
+      {
+        "data-state": M(t.value, t.max),
+        "data-value": t.value ?? void 0,
+        "data-max": t.max,
+        ...o,
+        ref: r
+      }
+    );
+  }
+);
+_.displayName = C;
+function k(e, r) {
+  return `${Math.round(e / r * 100)}%`;
+}
+function M(e, r) {
+  return e == null ? "indeterminate" : e === r ? "complete" : "loading";
+}
+function v(e) {
+  return typeof e == "number";
+}
+function w(e) {
+  return v(e) && !isNaN(e) && e > 0;
+}
+function S(e, r) {
+  return v(e) && !isNaN(e) && e <= r && e >= 0;
+}
+function T(e, r) {
+  return `Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${b}\`.`;
+}
+function B(e, r) {
+  return `Invalid prop \`value\` of value \`${e}\` supplied to \`${r}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${b} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var G = y, z = _;
+const F = {
+  gold: "bg-primary",
+  success: "bg-success",
+  destructive: "bg-destructive",
+  info: "bg-info"
+}, H = {
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2"
+};
+function K({ value: e = 0, variant: r = "gold", size: i = "md", indeterminate: o = !1, label: t, className: u }) {
+  const s = Math.min(100, Math.max(0, e));
+  return /* @__PURE__ */ f("div", { className: h("w-full", u), children: [
+    t && /* @__PURE__ */ f("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ l("span", { className: "text-sm text-muted-foreground", children: t }),
+      !o && /* @__PURE__ */ f("span", { className: "text-xs font-mono text-muted-foreground", children: [
+        s,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ f(
+      G,
+      {
+        value: o ? 100 : s,
+        className: h(
+          "relative w-full overflow-hidden rounded-full bg-secondary",
+          H[i]
+        ),
+        children: [
+          /* @__PURE__ */ l(
+            z,
+            {
+              className: h(
+                "h-full rounded-full transition-[width] duration-500 ease-out",
+                F[r]
+              ),
+              style: { width: o ? "100%" : `${s}%` }
+            }
+          ),
+          o && /* @__PURE__ */ l(
+            "div",
+            {
+              className: "absolute inset-0 rounded-full",
+              style: {
+                background: "linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.6) 50%, transparent 100%)",
+                animation: "shimmer 1.5s ease-in-out infinite"
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  K as ProgressBar
+};

package/dist/Resizable.d.ts

@@ -0,0 +1,23 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLImageElement | HTMLSpanElement | HTMLButtonElement | HTMLFormElement | HTMLTextAreaElement | HTMLPreElement | HTMLInputElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLAudioElement | HTMLSourceElement | HTMLLinkElement | HTMLMapElement | HTMLDialogElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLLabelElement | HTMLMeterElement | HTMLProgressElement | HTMLEmbedElement | HTMLHtmlElement | HTMLAnchorElement | HTMLAreaElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLScriptElement | HTMLSelectElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };