asterui 0.12.62 → 0.12.63

package/dist/components/Splitter.js

@@ -1,177 +1,181 @@
-import { jsx as h, jsxs as K, Fragment as ie } from "react/jsx-runtime";
-import T, { useRef as L, useState as J, useCallback as y, useEffect as Q } from "react";
-const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
-  children: M,
-  direction: z = "horizontal",
+import { jsx as h, jsxs as F, Fragment as ue } from "react/jsx-runtime";
+import W, { useRef as E, useState as Z, useCallback as y, useEffect as I } from "react";
+const de = ({ children: D }) => /* @__PURE__ */ h(ue, { children: D }), fe = ({
+  children: D,
+  direction: b = "horizontal",
   sizes: P,
-  defaultSizes: $,
-  onSizesChange: F,
+  defaultSizes: N,
+  onSizesChange: X,
   gutterSize: R = 8,
-  minSize: E = 50,
-  className: Z = ""
+  minSize: j = 50,
+  className: ee = "",
+  "data-testid": A
 }) => {
-  const D = L(null), I = L([]), x = L(null), u = T.Children.toArray(M).filter(
-    (e) => T.isValidElement(e)
-  ), m = u.length, [f, W] = J(
+  const x = E(null), te = E([]), L = E(null), u = W.Children.toArray(D).filter(
+    (e) => W.isValidElement(e)
+  ), m = u.length, [d, Y] = Z(
     () => u.map((e) => e.props.defaultCollapsed ?? e.props.collapsed ?? !1)
-  ), X = L([]), j = y(() => {
-    const e = u.map((s) => s.props.defaultSize), o = e.some((s) => s !== void 0);
-    if ($ && $.length === m)
-      return $;
-    if (o) {
-      const s = e.reduce((l, n) => l + (n ?? 0), 0), r = e.filter((l) => l === void 0).length, a = Math.max(0, 100 - s), t = r > 0 ? a / r : 0;
-      return e.map((l) => l ?? t);
+  ), _ = E([]), T = y(() => {
+    const e = u.map((n) => n.props.defaultSize), t = e.some((n) => n !== void 0);
+    if (N && N.length === m)
+      return N;
+    if (t) {
+      const n = e.reduce((s, o) => s + (o ?? 0), 0), r = e.filter((s) => s === void 0).length, c = Math.max(0, 100 - n), l = r > 0 ? c / r : 0;
+      return e.map((s) => s ?? l);
     }
-    const i = 100 / m;
-    return Array(m).fill(i);
-  }, [$, m, u]), [k, Y] = J(j), ee = y(() => {
-    const e = u.map((t) => t.props.size);
-    if (!e.some((t) => t !== void 0)) return null;
-    const i = e.reduce((t, l) => t + (l ?? 0), 0), s = e.filter((t) => t === void 0).length, r = Math.max(0, 100 - i), a = s > 0 ? r / s : 0;
-    return e.map((t, l) => t ?? k[l] ?? a);
-  }, [u, k]), d = P || ee() || k;
-  Q(() => {
-    !P && k.length !== m && Y(j());
-  }, [m, P, k.length, j]), Q(() => {
+    const a = 100 / m;
+    return Array(m).fill(a);
+  }, [N, m, u]), [$, q] = Z(T), oe = y(() => {
+    const e = u.map((l) => l.props.size);
+    if (!e.some((l) => l !== void 0)) return null;
+    const a = e.reduce((l, s) => l + (s ?? 0), 0), n = e.filter((l) => l === void 0).length, r = Math.max(0, 100 - a), c = n > 0 ? r / n : 0;
+    return e.map((l, s) => l ?? $[s] ?? c);
+  }, [u, $]), f = P || oe() || $;
+  I(() => {
+    !P && $.length !== m && q(T());
+  }, [m, P, $.length, T]), I(() => {
     const e = u.map(
-      (i, s) => i.props.collapsed ?? f[s] ?? !1
+      (a, n) => a.props.collapsed ?? d[n] ?? !1
     );
-    e.some((i, s) => i !== f[s]) && W(e);
+    e.some((a, n) => a !== d[n]) && Y(e);
   }, [u.map((e) => e.props.collapsed).join(",")]);
-  const b = y(
+  const v = y(
     (e) => {
-      P || Y(e), F?.(e);
+      P || q(e), X?.(e);
     },
-    [P, F]
-  ), _ = y(
+    [P, X]
+  ), G = y(
     (e) => {
-      const o = u[e];
-      if (!o?.props.collapsible) return;
-      const s = !f[e], r = [...f];
-      if (r[e] = s, W(r), o.props.onCollapse?.(s), s) {
-        X.current = [...d];
-        const a = 0, t = d[e] - a, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]);
-        if (l.length > 0) {
-          const n = t / l.length, c = d.map((p, w) => w === e ? a : r[w] ? p : p + n);
-          b(c);
+      const t = u[e];
+      if (!t?.props.collapsible) return;
+      const n = !d[e], r = [...d];
+      if (r[e] = n, Y(r), t.props.onCollapse?.(n), n) {
+        _.current = [...f];
+        const c = 0, l = f[e] - c, s = f.map((o, i) => ({ size: o, index: i })).filter((o, i) => i !== e && !r[i]);
+        if (s.length > 0) {
+          const o = l / s.length, i = f.map((p, z) => z === e ? c : r[z] ? p : p + o);
+          v(i);
         }
       } else {
-        const a = X.current[e] || 100 / m, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
-        if (l > 0) {
-          const n = d.map((c, p) => {
-            if (p === e) return a;
+        const c = _.current[e] || 100 / m, s = f.map((o, i) => ({ size: o, index: i })).filter((o, i) => i !== e && !r[i]).reduce((o, i) => o + i.size, 0);
+        if (s > 0) {
+          const o = f.map((i, p) => {
+            if (p === e) return c;
             if (!r[p]) {
-              const w = c / l;
-              return c - a * w;
+              const z = i / s;
+              return i - c * z;
             }
-            return c;
+            return i;
           });
-          b(n);
+          v(o);
         }
       }
     },
-    [u, f, d, m, b]
-  ), te = y(
-    (e, o) => {
-      const i = u[e]?.props || {}, s = u[e + 1]?.props || {};
-      if (i.resizable === !1 || s.resizable === !1 || f[e] || f[e + 1])
+    [u, d, f, m, v]
+  ), ne = y(
+    (e, t) => {
+      const a = u[e]?.props || {}, n = u[e + 1]?.props || {};
+      if (a.resizable === !1 || n.resizable === !1 || d[e] || d[e + 1])
         return;
-      o.preventDefault();
-      const r = z === "horizontal" ? o.clientX : o.clientY;
-      x.current = {
+      t.preventDefault();
+      const r = b === "horizontal" ? t.clientX : t.clientY;
+      L.current = {
         index: e,
         startPos: r,
-        startSizes: [...d]
+        startSizes: [...f]
       };
-      const a = (l) => {
-        if (!x.current || !D.current) return;
-        const { index: n, startPos: c, startSizes: p } = x.current, w = D.current.getBoundingClientRect(), se = z === "horizontal" ? w.width : w.height, re = z === "horizontal" ? l.clientX : l.clientY, le = (m - 1) * R, N = se - le, q = (re - c) / N * 100, G = u[n]?.props || {}, H = u[n + 1]?.props || {}, ae = G.minSize ?? E, ce = H.minSize ?? E, A = ae / N * 100, B = ce / N * 100;
-        let v = p[n] + q, C = p[n + 1] - q;
-        v < A && (v = A, C = p[n] + p[n + 1] - A), C < B && (C = B, v = p[n] + p[n + 1] - B);
-        const O = G.maxSize, V = H.maxSize;
-        if (O) {
-          const S = O / N * 100;
-          v > S && (v = S, C = p[n] + p[n + 1] - S);
+      const c = (s) => {
+        if (!L.current || !x.current) return;
+        const { index: o, startPos: i, startSizes: p } = L.current, z = x.current.getBoundingClientRect(), le = b === "horizontal" ? z.width : z.height, ae = b === "horizontal" ? s.clientX : s.clientY, ce = (m - 1) * R, k = le - ce, H = (ae - i) / k * 100, O = u[o]?.props || {}, V = u[o + 1]?.props || {}, ie = O.minSize ?? j, pe = V.minSize ?? j, B = ie / k * 100, U = pe / k * 100;
+        let w = p[o] + H, C = p[o + 1] - H;
+        w < B && (w = B, C = p[o] + p[o + 1] - B), C < U && (C = U, w = p[o] + p[o + 1] - U);
+        const J = O.maxSize, Q = V.maxSize;
+        if (J) {
+          const S = J / k * 100;
+          w > S && (w = S, C = p[o] + p[o + 1] - S);
         }
-        if (V) {
-          const S = V / N * 100;
-          C > S && (C = S, v = p[n] + p[n + 1] - S);
+        if (Q) {
+          const S = Q / k * 100;
+          C > S && (C = S, w = p[o] + p[o + 1] - S);
         }
-        const U = [...p];
-        U[n] = v, U[n + 1] = C, b(U);
-      }, t = () => {
-        x.current = null, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", t), document.body.style.cursor = "", document.body.style.userSelect = "";
+        const K = [...p];
+        K[o] = w, K[o + 1] = C, v(K);
+      }, l = () => {
+        L.current = null, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), document.body.style.cursor = "", document.body.style.userSelect = "";
       };
-      document.addEventListener("mousemove", a), document.addEventListener("mouseup", t), document.body.style.cursor = z === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", c), document.addEventListener("mouseup", l), document.body.style.cursor = b === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
     },
-    [z, d, m, R, u, E, b, f]
-  ), oe = y(
-    (e, o) => {
-      if (f[e] || f[e + 1])
+    [b, f, m, R, u, j, v, d]
+  ), se = y(
+    (e, t) => {
+      if (d[e] || d[e + 1])
         return;
-      const i = o.shiftKey ? 10 : 1;
-      let s = 0;
-      if (z === "horizontal" ? o.key === "ArrowLeft" ? s = -i : o.key === "ArrowRight" && (s = i) : o.key === "ArrowUp" ? s = -i : o.key === "ArrowDown" && (s = i), s !== 0) {
-        o.preventDefault();
-        const r = [...d], a = 5;
-        let t = r[e] + s, l = r[e + 1] - s;
-        t >= a && l >= a && (r[e] = t, r[e + 1] = l, b(r));
+      const a = t.shiftKey ? 10 : 1;
+      let n = 0;
+      if (b === "horizontal" ? t.key === "ArrowLeft" ? n = -a : t.key === "ArrowRight" && (n = a) : t.key === "ArrowUp" ? n = -a : t.key === "ArrowDown" && (n = a), n !== 0) {
+        t.preventDefault();
+        const r = [...f], c = 5;
+        let l = r[e] + n, s = r[e + 1] - n;
+        l >= c && s >= c && (r[e] = l, r[e + 1] = s, v(r));
       }
     },
-    [z, d, b, f]
-  ), g = z === "horizontal", ne = (e) => {
-    const o = u[e], i = u[e + 1], s = o?.props.collapsible, r = i?.props.collapsible, a = f[e], t = f[e + 1];
+    [b, f, v, d]
+  ), g = b === "horizontal", re = (e) => {
+    const t = u[e], a = u[e + 1], n = t?.props.collapsible, r = a?.props.collapsible, c = d[e], l = d[e + 1];
     return {
-      showStart: s && !t,
-      showEnd: r && !a,
-      panel1Collapsed: a,
-      panel2Collapsed: t
+      showStart: n && !l,
+      showEnd: r && !c,
+      panel1Collapsed: c,
+      panel2Collapsed: l
     };
-  };
+  }, M = (e) => A ? `${A}-${e}` : void 0;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: D,
-      className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${Z}`,
-      children: u.map((e, o) => {
-        const i = e.props, s = o === u.length - 1, r = f[o], a = i.resizable !== !1 && !r;
-        return /* @__PURE__ */ K(T.Fragment, { children: [
+      ref: x,
+      className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${ee}`,
+      "data-testid": A,
+      children: u.map((e, t) => {
+        const a = e.props, n = t === u.length - 1, r = d[t], c = a.resizable !== !1 && !r, l = a["data-testid"] ?? M(`panel-${t}`);
+        return /* @__PURE__ */ F(W.Fragment, { children: [
           /* @__PURE__ */ h(
             "div",
             {
-              ref: (t) => {
-                I.current[o] = t;
+              ref: (s) => {
+                te.current[t] = s;
               },
-              className: `overflow-auto ${i.className || ""}`,
+              className: `overflow-auto ${a.className || ""}`,
               style: {
-                [g ? "width" : "height"]: r ? "0px" : `calc(${d[o]}% - ${(m - 1) * R / m}px)`,
+                [g ? "width" : "height"]: r ? "0px" : `calc(${f[t]}% - ${(m - 1) * R / m}px)`,
                 flexShrink: 0,
                 overflow: r ? "hidden" : "auto"
               },
               "data-collapsed": r,
-              children: i.children
+              "data-testid": l,
+              children: a.children
             }
           ),
-          !s && /* @__PURE__ */ h(
+          !n && /* @__PURE__ */ h(
             "div",
             {
               role: "separator",
               "aria-orientation": g ? "vertical" : "horizontal",
-              "aria-valuenow": Math.round(d[o]),
-              tabIndex: a ? 0 : -1,
+              "aria-valuenow": Math.round(f[t]),
+              tabIndex: c ? 0 : -1,
               className: `
                   flex-shrink-0 bg-base-300 transition-colors duration-150 relative group
-                  ${a ? "hover:bg-primary/30 active:bg-primary/50" : ""}
-                  ${a ? g ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
+                  ${c ? "hover:bg-primary/30 active:bg-primary/50" : ""}
+                  ${c ? g ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
                 `,
               style: {
                 [g ? "width" : "height"]: `${R}px`
               },
-              onMouseDown: (t) => te(o, t),
-              onKeyDown: (t) => oe(o, t),
+              "data-testid": M(`gutter-${t}`),
+              onMouseDown: (s) => ne(t, s),
+              onKeyDown: (s) => se(t, s),
               children: (() => {
-                const { showStart: t, showEnd: l, panel1Collapsed: n, panel2Collapsed: c } = ne(o);
-                return !t && !l ? /* @__PURE__ */ K(
+                const { showStart: s, showEnd: o, panel1Collapsed: i, panel2Collapsed: p } = re(t);
+                return !s && !o ? /* @__PURE__ */ F(
                   "div",
                   {
                     className: `
@@ -184,7 +188,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                       /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
                     ]
                   }
-                ) : /* @__PURE__ */ K(
+                ) : /* @__PURE__ */ F(
                   "div",
                   {
                     className: `
@@ -192,22 +196,23 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         ${g ? "flex-col" : "flex-row"}
                       `,
                     children: [
-                      t && /* @__PURE__ */ h(
+                      s && /* @__PURE__ */ h(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), _(o);
+                          onClick: (z) => {
+                            z.stopPropagation(), G(t);
                           },
                           className: `
                             p-0.5 rounded hover:bg-base-content/20 transition-colors
                             
                           `,
-                          "aria-label": n ? "Expand panel" : "Collapse panel",
+                          "aria-label": i ? "Expand panel" : "Collapse panel",
+                          "data-testid": M(`collapse-${t}`),
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${n ? g ? "rotate-180" : "-rotate-90" : g ? "rotate-0" : "rotate-90"}`,
+                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${i ? g ? "rotate-180" : "-rotate-90" : g ? "rotate-0" : "rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -216,19 +221,20 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                           )
                         }
                       ),
-                      l && /* @__PURE__ */ h(
+                      o && /* @__PURE__ */ h(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), _(o + 1);
+                          onClick: (z) => {
+                            z.stopPropagation(), G(t + 1);
                           },
                           className: "p-0.5 rounded hover:bg-base-content/20 transition-colors",
-                          "aria-label": c ? "Expand panel" : "Collapse panel",
+                          "aria-label": p ? "Expand panel" : "Collapse panel",
+                          "data-testid": M(`collapse-${t + 1}`),
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${c ? g ? "rotate-0" : "rotate-90" : g ? "rotate-180" : "-rotate-90"}`,
+                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${p ? g ? "rotate-0" : "rotate-90" : g ? "rotate-180" : "-rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -243,13 +249,13 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
               })()
             }
           )
-        ] }, o);
+        ] }, t);
       })
     }
   );
 };
-ue.Panel = pe;
+fe.Panel = de;
 export {
-  ue as Splitter
+  fe as Splitter
 };
 //# sourceMappingURL=Splitter.js.map

package/dist/components/Splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Splitter.js","sources":["../../src/components/Splitter.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\n\nexport interface SplitterPanelProps {\n  children: React.ReactNode\n  defaultSize?: number\n  size?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  resizable?: boolean\n  className?: string\n}\n\nexport interface SplitterProps {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n  sizes?: number[]\n  defaultSizes?: number[]\n  onSizesChange?: (sizes: number[]) => void\n  gutterSize?: number\n  minSize?: number\n  className?: string\n}\n\nconst Panel: React.FC<SplitterPanelProps> = ({ children }) => {\n  return <>{children}</>\n}\n\nexport const Splitter: React.FC<SplitterProps> & { Panel: typeof Panel } = ({\n  children,\n  direction = 'horizontal',\n  sizes,\n  defaultSizes,\n  onSizesChange,\n  gutterSize = 8,\n  minSize = 50,\n  className = '',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const panelsRef = useRef<(HTMLDivElement | null)[]>([])\n  const draggingRef = useRef<{ index: number; startPos: number; startSizes: number[] } | null>(null)\n\n  // Extract panel props from children\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<SplitterPanelProps> =>\n      React.isValidElement(child)\n  )\n\n  const panelCount = panels.length\n\n  // Track collapsed state for each panel\n  const [collapsedStates, setCollapsedStates] = useState<boolean[]>(() =>\n    panels.map((panel) => panel.props.defaultCollapsed ?? panel.props.collapsed ?? false)\n  )\n\n  // Store sizes before collapse for restoration\n  const sizesBeforeCollapseRef = useRef<number[]>([])\n\n  // Initialize sizes from panel props or defaults\n  const getInitialSizes = useCallback(() => {\n    // First check if any panels have defaultSize\n    const panelDefaultSizes = panels.map((panel) => panel.props.defaultSize)\n    const hasAnyPanelSize = panelDefaultSizes.some((s) => s !== undefined)\n\n    if (defaultSizes && defaultSizes.length === panelCount) {\n      return defaultSizes\n    }\n\n    if (hasAnyPanelSize) {\n      // Calculate sizes from panel props\n      const definedTotal = panelDefaultSizes.reduce<number>((sum, s) => sum + (s ?? 0), 0)\n      const undefinedCount = panelDefaultSizes.filter((s) => s === undefined).length\n      const remainingSize = Math.max(0, 100 - definedTotal)\n      const sizePerUndefined = undefinedCount > 0 ? remainingSize / undefinedCount : 0\n\n      return panelDefaultSizes.map((s) => s ?? sizePerUndefined)\n    }\n\n    // Equal distribution\n    const equalSize = 100 / panelCount\n    return Array(panelCount).fill(equalSize)\n  }, [defaultSizes, panelCount, panels])\n\n  const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n\n  // Handle controlled sizes from panel props\n  const getControlledSizes = useCallback(() => {\n    const panelSizes = panels.map((panel) => panel.props.size)\n    const hasControlledPanel = panelSizes.some((s) => s !== undefined)\n\n    if (!hasControlledPanel) return null\n\n    // Mix controlled and uncontrolled\n    const definedTotal = panelSizes.reduce<number>((sum, s) => sum + (s ?? 0), 0)\n    const undefinedCount = panelSizes.filter((s) => s === undefined).length\n    const remainingSize = Math.max(0, 100 - definedTotal)\n    const sizePerUndefined = undefinedCount > 0 ? remainingSize / undefinedCount : 0\n\n    return panelSizes.map((s, i) => s ?? internalSizes[i] ?? sizePerUndefined)\n  }, [panels, internalSizes])\n\n  const currentSizes = sizes || getControlledSizes() || internalSizes\n\n  // Update internal sizes when panel count changes\n  useEffect(() => {\n    if (!sizes && internalSizes.length !== panelCount) {\n      setInternalSizes(getInitialSizes())\n    }\n  }, [panelCount, sizes, internalSizes.length, getInitialSizes])\n\n  // Sync controlled collapsed states from props\n  useEffect(() => {\n    const newCollapsedStates = panels.map((panel, i) =>\n      panel.props.collapsed ?? collapsedStates[i] ?? false\n    )\n    const hasChange = newCollapsedStates.some((s, i) => s !== collapsedStates[i])\n    if (hasChange) {\n      setCollapsedStates(newCollapsedStates)\n    }\n  }, [panels.map(p => p.props.collapsed).join(',')])\n\n  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      if (!sizes) {\n        setInternalSizes(newSizes)\n      }\n      onSizesChange?.(newSizes)\n    },\n    [sizes, onSizesChange]\n  )\n\n  const toggleCollapse = useCallback(\n    (panelIndex: number) => {\n      const panel = panels[panelIndex]\n      if (!panel?.props.collapsible) return\n\n      const isCurrentlyCollapsed = collapsedStates[panelIndex]\n      const newCollapsed = !isCurrentlyCollapsed\n\n      // Update collapsed state\n      const newCollapsedStates = [...collapsedStates]\n      newCollapsedStates[panelIndex] = newCollapsed\n      setCollapsedStates(newCollapsedStates)\n\n      // Call panel's onCollapse callback\n      panel.props.onCollapse?.(newCollapsed)\n\n      // Adjust sizes\n      if (newCollapsed) {\n        // Store current sizes before collapse\n        sizesBeforeCollapseRef.current = [...currentSizes]\n\n        // Collapse: set to minimum (we'll use 0 for collapsed)\n        const collapsedSize = 0\n        const sizeToRedistribute = currentSizes[panelIndex] - collapsedSize\n\n        // Find panels that can receive the size\n        const otherPanels = currentSizes\n          .map((s, i) => ({ size: s, index: i }))\n          .filter((_, i) => i !== panelIndex && !newCollapsedStates[i])\n\n        if (otherPanels.length > 0) {\n          const sizePerPanel = sizeToRedistribute / otherPanels.length\n          const newSizes = currentSizes.map((s, i) => {\n            if (i === panelIndex) return collapsedSize\n            if (!newCollapsedStates[i]) return s + sizePerPanel\n            return s\n          })\n          updateSizes(newSizes)\n        }\n      } else {\n        // Expand: restore previous size\n        const previousSize = sizesBeforeCollapseRef.current[panelIndex] || (100 / panelCount)\n\n        // Take size from other panels proportionally\n        const otherPanels = currentSizes\n          .map((s, i) => ({ size: s, index: i }))\n          .filter((_, i) => i !== panelIndex && !newCollapsedStates[i])\n\n        const totalOtherSize = otherPanels.reduce((sum, p) => sum + p.size, 0)\n\n        if (totalOtherSize > 0) {\n          const newSizes = currentSizes.map((s, i) => {\n            if (i === panelIndex) return previousSize\n            if (!newCollapsedStates[i]) {\n              const proportion = s / totalOtherSize\n              return s - previousSize * proportion\n            }\n            return s\n          })\n          updateSizes(newSizes)\n        }\n      }\n    },\n    [panels, collapsedStates, currentSizes, panelCount, updateSizes]\n  )\n\n  const handleMouseDown = useCallback(\n    (index: number, e: React.MouseEvent) => {\n      // Check if either panel is non-resizable\n      const panel1Props = panels[index]?.props || {}\n      const panel2Props = panels[index + 1]?.props || {}\n\n      if (panel1Props.resizable === false || panel2Props.resizable === false) {\n        return // Don't allow dragging\n      }\n\n      // Don't allow dragging if either panel is collapsed\n      if (collapsedStates[index] || collapsedStates[index + 1]) {\n        return\n      }\n\n      e.preventDefault()\n      const startPos = direction === 'horizontal' ? e.clientX : e.clientY\n      draggingRef.current = {\n        index,\n        startPos,\n        startSizes: [...currentSizes],\n      }\n\n      const handleMouseMove = (moveEvent: MouseEvent) => {\n        if (!draggingRef.current || !containerRef.current) return\n\n        const { index: dragIndex, startPos: dragStartPos, startSizes } = draggingRef.current\n        const containerRect = containerRef.current.getBoundingClientRect()\n        const containerSize = direction === 'horizontal' ? containerRect.width : containerRect.height\n        const currentPos = direction === 'horizontal' ? moveEvent.clientX : moveEvent.clientY\n\n        // Calculate delta as percentage\n        const gutterCount = panelCount - 1\n        const totalGutterSize = gutterCount * gutterSize\n        const availableSize = containerSize - totalGutterSize\n        const deltaPixels = currentPos - dragStartPos\n        const deltaPercent = (deltaPixels / availableSize) * 100\n\n        // Get min sizes for panels\n        const panel1Props = panels[dragIndex]?.props || {}\n        const panel2Props = panels[dragIndex + 1]?.props || {}\n        const minSize1 = panel1Props.minSize ?? minSize\n        const minSize2 = panel2Props.minSize ?? minSize\n        const minPercent1 = (minSize1 / availableSize) * 100\n        const minPercent2 = (minSize2 / availableSize) * 100\n\n        // Calculate new sizes\n        let newSize1 = startSizes[dragIndex] + deltaPercent\n        let newSize2 = startSizes[dragIndex + 1] - deltaPercent\n\n        // Apply min constraints\n        if (newSize1 < minPercent1) {\n          newSize1 = minPercent1\n          newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent1\n        }\n        if (newSize2 < minPercent2) {\n          newSize2 = minPercent2\n          newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent2\n        }\n\n        // Apply max constraints\n        const maxSize1 = panel1Props.maxSize\n        const maxSize2 = panel2Props.maxSize\n        if (maxSize1) {\n          const maxPercent1 = (maxSize1 / availableSize) * 100\n          if (newSize1 > maxPercent1) {\n            newSize1 = maxPercent1\n            newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent1\n          }\n        }\n        if (maxSize2) {\n          const maxPercent2 = (maxSize2 / availableSize) * 100\n          if (newSize2 > maxPercent2) {\n            newSize2 = maxPercent2\n            newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent2\n          }\n        }\n\n        const newSizes = [...startSizes]\n        newSizes[dragIndex] = newSize1\n        newSizes[dragIndex + 1] = newSize2\n        updateSizes(newSizes)\n      }\n\n      const handleMouseUp = () => {\n        draggingRef.current = null\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        document.body.style.cursor = ''\n        document.body.style.userSelect = ''\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      document.body.style.cursor = direction === 'horizontal' ? 'col-resize' : 'row-resize'\n      document.body.style.userSelect = 'none'\n    },\n    [direction, currentSizes, panelCount, gutterSize, panels, minSize, updateSizes, collapsedStates]\n  )\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\n      // Don't allow keyboard resize if either panel is collapsed\n      if (collapsedStates[index] || collapsedStates[index + 1]) {\n        return\n      }\n\n      const step = e.shiftKey ? 10 : 1\n      let delta = 0\n\n      if (direction === 'horizontal') {\n        if (e.key === 'ArrowLeft') delta = -step\n        else if (e.key === 'ArrowRight') delta = step\n      } else {\n        if (e.key === 'ArrowUp') delta = -step\n        else if (e.key === 'ArrowDown') delta = step\n      }\n\n      if (delta !== 0) {\n        e.preventDefault()\n        const newSizes = [...currentSizes]\n        const minPercent = 5 // Minimum 5% when using keyboard\n\n        let newSize1 = newSizes[index] + delta\n        let newSize2 = newSizes[index + 1] - delta\n\n        if (newSize1 >= minPercent && newSize2 >= minPercent) {\n          newSizes[index] = newSize1\n          newSizes[index + 1] = newSize2\n          updateSizes(newSizes)\n        }\n      }\n    },\n    [direction, currentSizes, updateSizes, collapsedStates]\n  )\n\n  const isHorizontal = direction === 'horizontal'\n\n  // Determine if gutter should show collapse buttons\n  const getCollapseConfig = (index: number) => {\n    const panel1 = panels[index]\n    const panel2 = panels[index + 1]\n    const panel1Collapsible = panel1?.props.collapsible\n    const panel2Collapsible = panel2?.props.collapsible\n    const panel1Collapsed = collapsedStates[index]\n    const panel2Collapsed = collapsedStates[index + 1]\n\n    return {\n      showStart: panel1Collapsible && !panel2Collapsed,\n      showEnd: panel2Collapsible && !panel1Collapsed,\n      panel1Collapsed,\n      panel2Collapsed,\n    }\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={`flex ${isHorizontal ? 'flex-row' : 'flex-col'} h-full w-full ${className}`}\n    >\n      {panels.map((panel, index) => {\n        const panelProps = panel.props\n        const isLast = index === panels.length - 1\n        const isCollapsed = collapsedStates[index]\n        const canResize = panelProps.resizable !== false && !isCollapsed\n\n        return (\n          <React.Fragment key={index}>\n            <div\n              ref={(el) => {\n                panelsRef.current[index] = el\n              }}\n              className={`overflow-auto ${panelProps.className || ''}`}\n              style={{\n                [isHorizontal ? 'width' : 'height']: isCollapsed\n                  ? '0px'\n                  : `calc(${currentSizes[index]}% - ${((panelCount - 1) * gutterSize) / panelCount}px)`,\n                flexShrink: 0,\n                overflow: isCollapsed ? 'hidden' : 'auto',\n              }}\n              data-collapsed={isCollapsed}\n            >\n              {panelProps.children}\n            </div>\n            {!isLast && (\n              <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? 'vertical' : 'horizontal'}\n                aria-valuenow={Math.round(currentSizes[index])}\n                tabIndex={canResize ? 0 : -1}\n                className={`\n                  flex-shrink-0 bg-base-300 transition-colors duration-150 relative group\n                  ${canResize ? 'hover:bg-primary/30 active:bg-primary/50' : ''}\n                  ${canResize ? (isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize') : 'cursor-default'}\n                `}\n                style={{\n                  [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n                }}\n                onMouseDown={(e) => handleMouseDown(index, e)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n              >\n                {/* Collapse buttons */}\n                {(() => {\n                  const { showStart, showEnd, panel1Collapsed, panel2Collapsed } = getCollapseConfig(index)\n\n                  if (!showStart && !showEnd) {\n                    // Just show grip indicator\n                    return (\n                      <div\n                        className={`\n                          absolute inset-0 flex items-center justify-center\n                          ${isHorizontal ? 'flex-col gap-0.5' : 'flex-row gap-0.5'}\n                        `}\n                      >\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                      </div>\n                    )\n                  }\n\n                  return (\n                    <div\n                      className={`\n                        absolute inset-0 flex items-center justify-center\n                        ${isHorizontal ? 'flex-col' : 'flex-row'}\n                      `}\n                    >\n                      {showStart && (\n                        <button\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            toggleCollapse(index)\n                          }}\n                          className={`\n                            p-0.5 rounded hover:bg-base-content/20 transition-colors\n                            ${isHorizontal ? '' : ''}\n                          `}\n                          aria-label={panel1Collapsed ? 'Expand panel' : 'Collapse panel'}\n                        >\n                          <svg\n                            className={`w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${\n                              panel1Collapsed\n                                ? isHorizontal ? 'rotate-180' : '-rotate-90'\n                                : isHorizontal ? 'rotate-0' : 'rotate-90'\n                            }`}\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                          </svg>\n                        </button>\n                      )}\n                      {showEnd && (\n                        <button\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            toggleCollapse(index + 1)\n                          }}\n                          className=\"p-0.5 rounded hover:bg-base-content/20 transition-colors\"\n                          aria-label={panel2Collapsed ? 'Expand panel' : 'Collapse panel'}\n                        >\n                          <svg\n                            className={`w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${\n                              panel2Collapsed\n                                ? isHorizontal ? 'rotate-0' : 'rotate-90'\n                                : isHorizontal ? 'rotate-180' : '-rotate-90'\n                            }`}\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                          </svg>\n                        </button>\n                      )}\n                    </div>\n                  )\n                })()}\n              </div>\n            )}\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nSplitter.Panel = Panel\n"],"names":["Panel","children","Splitter","direction","sizes","defaultSizes","onSizesChange","gutterSize","minSize","className","containerRef","useRef","panelsRef","draggingRef","panels","React","child","panelCount","collapsedStates","setCollapsedStates","useState","panel","sizesBeforeCollapseRef","getInitialSizes","useCallback","panelDefaultSizes","hasAnyPanelSize","definedTotal","sum","s","undefinedCount","remainingSize","sizePerUndefined","equalSize","internalSizes","setInternalSizes","getControlledSizes","panelSizes","i","currentSizes","useEffect","newCollapsedStates","p","updateSizes","newSizes","toggleCollapse","panelIndex","newCollapsed","collapsedSize","sizeToRedistribute","otherPanels","_","sizePerPanel","previousSize","totalOtherSize","proportion","handleMouseDown","index","e","panel1Props","panel2Props","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","getCollapseConfig","panel1","panel2","panel1Collapsible","panel2Collapsible","panel1Collapsed","panel2Collapsed","jsx","panelProps","isLast","isCollapsed","canResize","jsxs","el","showStart","showEnd"],"mappings":"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"}
+{"version":3,"file":"Splitter.js","sources":["../../src/components/Splitter.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\n\nexport interface SplitterPanelProps {\n  children: React.ReactNode\n  defaultSize?: number\n  size?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  resizable?: boolean\n  className?: string\n  'data-testid'?: string\n}\n\nexport interface SplitterProps {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n  sizes?: number[]\n  defaultSizes?: number[]\n  onSizesChange?: (sizes: number[]) => void\n  gutterSize?: number\n  minSize?: number\n  className?: string\n  'data-testid'?: string\n}\n\nconst Panel: React.FC<SplitterPanelProps> = ({ children }) => {\n  return <>{children}</>\n}\n\nexport const Splitter: React.FC<SplitterProps> & { Panel: typeof Panel } = ({\n  children,\n  direction = 'horizontal',\n  sizes,\n  defaultSizes,\n  onSizesChange,\n  gutterSize = 8,\n  minSize = 50,\n  className = '',\n  'data-testid': testId,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const panelsRef = useRef<(HTMLDivElement | null)[]>([])\n  const draggingRef = useRef<{ index: number; startPos: number; startSizes: number[] } | null>(null)\n\n  // Extract panel props from children\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<SplitterPanelProps> =>\n      React.isValidElement(child)\n  )\n\n  const panelCount = panels.length\n\n  // Track collapsed state for each panel\n  const [collapsedStates, setCollapsedStates] = useState<boolean[]>(() =>\n    panels.map((panel) => panel.props.defaultCollapsed ?? panel.props.collapsed ?? false)\n  )\n\n  // Store sizes before collapse for restoration\n  const sizesBeforeCollapseRef = useRef<number[]>([])\n\n  // Initialize sizes from panel props or defaults\n  const getInitialSizes = useCallback(() => {\n    // First check if any panels have defaultSize\n    const panelDefaultSizes = panels.map((panel) => panel.props.defaultSize)\n    const hasAnyPanelSize = panelDefaultSizes.some((s) => s !== undefined)\n\n    if (defaultSizes && defaultSizes.length === panelCount) {\n      return defaultSizes\n    }\n\n    if (hasAnyPanelSize) {\n      // Calculate sizes from panel props\n      const definedTotal = panelDefaultSizes.reduce<number>((sum, s) => sum + (s ?? 0), 0)\n      const undefinedCount = panelDefaultSizes.filter((s) => s === undefined).length\n      const remainingSize = Math.max(0, 100 - definedTotal)\n      const sizePerUndefined = undefinedCount > 0 ? remainingSize / undefinedCount : 0\n\n      return panelDefaultSizes.map((s) => s ?? sizePerUndefined)\n    }\n\n    // Equal distribution\n    const equalSize = 100 / panelCount\n    return Array(panelCount).fill(equalSize)\n  }, [defaultSizes, panelCount, panels])\n\n  const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n\n  // Handle controlled sizes from panel props\n  const getControlledSizes = useCallback(() => {\n    const panelSizes = panels.map((panel) => panel.props.size)\n    const hasControlledPanel = panelSizes.some((s) => s !== undefined)\n\n    if (!hasControlledPanel) return null\n\n    // Mix controlled and uncontrolled\n    const definedTotal = panelSizes.reduce<number>((sum, s) => sum + (s ?? 0), 0)\n    const undefinedCount = panelSizes.filter((s) => s === undefined).length\n    const remainingSize = Math.max(0, 100 - definedTotal)\n    const sizePerUndefined = undefinedCount > 0 ? remainingSize / undefinedCount : 0\n\n    return panelSizes.map((s, i) => s ?? internalSizes[i] ?? sizePerUndefined)\n  }, [panels, internalSizes])\n\n  const currentSizes = sizes || getControlledSizes() || internalSizes\n\n  // Update internal sizes when panel count changes\n  useEffect(() => {\n    if (!sizes && internalSizes.length !== panelCount) {\n      setInternalSizes(getInitialSizes())\n    }\n  }, [panelCount, sizes, internalSizes.length, getInitialSizes])\n\n  // Sync controlled collapsed states from props\n  useEffect(() => {\n    const newCollapsedStates = panels.map((panel, i) =>\n      panel.props.collapsed ?? collapsedStates[i] ?? false\n    )\n    const hasChange = newCollapsedStates.some((s, i) => s !== collapsedStates[i])\n    if (hasChange) {\n      setCollapsedStates(newCollapsedStates)\n    }\n  }, [panels.map(p => p.props.collapsed).join(',')])\n\n  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      if (!sizes) {\n        setInternalSizes(newSizes)\n      }\n      onSizesChange?.(newSizes)\n    },\n    [sizes, onSizesChange]\n  )\n\n  const toggleCollapse = useCallback(\n    (panelIndex: number) => {\n      const panel = panels[panelIndex]\n      if (!panel?.props.collapsible) return\n\n      const isCurrentlyCollapsed = collapsedStates[panelIndex]\n      const newCollapsed = !isCurrentlyCollapsed\n\n      // Update collapsed state\n      const newCollapsedStates = [...collapsedStates]\n      newCollapsedStates[panelIndex] = newCollapsed\n      setCollapsedStates(newCollapsedStates)\n\n      // Call panel's onCollapse callback\n      panel.props.onCollapse?.(newCollapsed)\n\n      // Adjust sizes\n      if (newCollapsed) {\n        // Store current sizes before collapse\n        sizesBeforeCollapseRef.current = [...currentSizes]\n\n        // Collapse: set to minimum (we'll use 0 for collapsed)\n        const collapsedSize = 0\n        const sizeToRedistribute = currentSizes[panelIndex] - collapsedSize\n\n        // Find panels that can receive the size\n        const otherPanels = currentSizes\n          .map((s, i) => ({ size: s, index: i }))\n          .filter((_, i) => i !== panelIndex && !newCollapsedStates[i])\n\n        if (otherPanels.length > 0) {\n          const sizePerPanel = sizeToRedistribute / otherPanels.length\n          const newSizes = currentSizes.map((s, i) => {\n            if (i === panelIndex) return collapsedSize\n            if (!newCollapsedStates[i]) return s + sizePerPanel\n            return s\n          })\n          updateSizes(newSizes)\n        }\n      } else {\n        // Expand: restore previous size\n        const previousSize = sizesBeforeCollapseRef.current[panelIndex] || (100 / panelCount)\n\n        // Take size from other panels proportionally\n        const otherPanels = currentSizes\n          .map((s, i) => ({ size: s, index: i }))\n          .filter((_, i) => i !== panelIndex && !newCollapsedStates[i])\n\n        const totalOtherSize = otherPanels.reduce((sum, p) => sum + p.size, 0)\n\n        if (totalOtherSize > 0) {\n          const newSizes = currentSizes.map((s, i) => {\n            if (i === panelIndex) return previousSize\n            if (!newCollapsedStates[i]) {\n              const proportion = s / totalOtherSize\n              return s - previousSize * proportion\n            }\n            return s\n          })\n          updateSizes(newSizes)\n        }\n      }\n    },\n    [panels, collapsedStates, currentSizes, panelCount, updateSizes]\n  )\n\n  const handleMouseDown = useCallback(\n    (index: number, e: React.MouseEvent) => {\n      // Check if either panel is non-resizable\n      const panel1Props = panels[index]?.props || {}\n      const panel2Props = panels[index + 1]?.props || {}\n\n      if (panel1Props.resizable === false || panel2Props.resizable === false) {\n        return // Don't allow dragging\n      }\n\n      // Don't allow dragging if either panel is collapsed\n      if (collapsedStates[index] || collapsedStates[index + 1]) {\n        return\n      }\n\n      e.preventDefault()\n      const startPos = direction === 'horizontal' ? e.clientX : e.clientY\n      draggingRef.current = {\n        index,\n        startPos,\n        startSizes: [...currentSizes],\n      }\n\n      const handleMouseMove = (moveEvent: MouseEvent) => {\n        if (!draggingRef.current || !containerRef.current) return\n\n        const { index: dragIndex, startPos: dragStartPos, startSizes } = draggingRef.current\n        const containerRect = containerRef.current.getBoundingClientRect()\n        const containerSize = direction === 'horizontal' ? containerRect.width : containerRect.height\n        const currentPos = direction === 'horizontal' ? moveEvent.clientX : moveEvent.clientY\n\n        // Calculate delta as percentage\n        const gutterCount = panelCount - 1\n        const totalGutterSize = gutterCount * gutterSize\n        const availableSize = containerSize - totalGutterSize\n        const deltaPixels = currentPos - dragStartPos\n        const deltaPercent = (deltaPixels / availableSize) * 100\n\n        // Get min sizes for panels\n        const panel1Props = panels[dragIndex]?.props || {}\n        const panel2Props = panels[dragIndex + 1]?.props || {}\n        const minSize1 = panel1Props.minSize ?? minSize\n        const minSize2 = panel2Props.minSize ?? minSize\n        const minPercent1 = (minSize1 / availableSize) * 100\n        const minPercent2 = (minSize2 / availableSize) * 100\n\n        // Calculate new sizes\n        let newSize1 = startSizes[dragIndex] + deltaPercent\n        let newSize2 = startSizes[dragIndex + 1] - deltaPercent\n\n        // Apply min constraints\n        if (newSize1 < minPercent1) {\n          newSize1 = minPercent1\n          newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent1\n        }\n        if (newSize2 < minPercent2) {\n          newSize2 = minPercent2\n          newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent2\n        }\n\n        // Apply max constraints\n        const maxSize1 = panel1Props.maxSize\n        const maxSize2 = panel2Props.maxSize\n        if (maxSize1) {\n          const maxPercent1 = (maxSize1 / availableSize) * 100\n          if (newSize1 > maxPercent1) {\n            newSize1 = maxPercent1\n            newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent1\n          }\n        }\n        if (maxSize2) {\n          const maxPercent2 = (maxSize2 / availableSize) * 100\n          if (newSize2 > maxPercent2) {\n            newSize2 = maxPercent2\n            newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent2\n          }\n        }\n\n        const newSizes = [...startSizes]\n        newSizes[dragIndex] = newSize1\n        newSizes[dragIndex + 1] = newSize2\n        updateSizes(newSizes)\n      }\n\n      const handleMouseUp = () => {\n        draggingRef.current = null\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        document.body.style.cursor = ''\n        document.body.style.userSelect = ''\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      document.body.style.cursor = direction === 'horizontal' ? 'col-resize' : 'row-resize'\n      document.body.style.userSelect = 'none'\n    },\n    [direction, currentSizes, panelCount, gutterSize, panels, minSize, updateSizes, collapsedStates]\n  )\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\n      // Don't allow keyboard resize if either panel is collapsed\n      if (collapsedStates[index] || collapsedStates[index + 1]) {\n        return\n      }\n\n      const step = e.shiftKey ? 10 : 1\n      let delta = 0\n\n      if (direction === 'horizontal') {\n        if (e.key === 'ArrowLeft') delta = -step\n        else if (e.key === 'ArrowRight') delta = step\n      } else {\n        if (e.key === 'ArrowUp') delta = -step\n        else if (e.key === 'ArrowDown') delta = step\n      }\n\n      if (delta !== 0) {\n        e.preventDefault()\n        const newSizes = [...currentSizes]\n        const minPercent = 5 // Minimum 5% when using keyboard\n\n        let newSize1 = newSizes[index] + delta\n        let newSize2 = newSizes[index + 1] - delta\n\n        if (newSize1 >= minPercent && newSize2 >= minPercent) {\n          newSizes[index] = newSize1\n          newSizes[index + 1] = newSize2\n          updateSizes(newSizes)\n        }\n      }\n    },\n    [direction, currentSizes, updateSizes, collapsedStates]\n  )\n\n  const isHorizontal = direction === 'horizontal'\n\n  // Determine if gutter should show collapse buttons\n  const getCollapseConfig = (index: number) => {\n    const panel1 = panels[index]\n    const panel2 = panels[index + 1]\n    const panel1Collapsible = panel1?.props.collapsible\n    const panel2Collapsible = panel2?.props.collapsible\n    const panel1Collapsed = collapsedStates[index]\n    const panel2Collapsed = collapsedStates[index + 1]\n\n    return {\n      showStart: panel1Collapsible && !panel2Collapsed,\n      showEnd: panel2Collapsible && !panel1Collapsed,\n      panel1Collapsed,\n      panel2Collapsed,\n    }\n  }\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <div\n      ref={containerRef}\n      className={`flex ${isHorizontal ? 'flex-row' : 'flex-col'} h-full w-full ${className}`}\n      data-testid={testId}\n    >\n      {panels.map((panel, index) => {\n        const panelProps = panel.props\n        const isLast = index === panels.length - 1\n        const isCollapsed = collapsedStates[index]\n        const canResize = panelProps.resizable !== false && !isCollapsed\n        const panelTestId = panelProps['data-testid'] ?? getTestId(`panel-${index}`)\n\n        return (\n          <React.Fragment key={index}>\n            <div\n              ref={(el) => {\n                panelsRef.current[index] = el\n              }}\n              className={`overflow-auto ${panelProps.className || ''}`}\n              style={{\n                [isHorizontal ? 'width' : 'height']: isCollapsed\n                  ? '0px'\n                  : `calc(${currentSizes[index]}% - ${((panelCount - 1) * gutterSize) / panelCount}px)`,\n                flexShrink: 0,\n                overflow: isCollapsed ? 'hidden' : 'auto',\n              }}\n              data-collapsed={isCollapsed}\n              data-testid={panelTestId}\n            >\n              {panelProps.children}\n            </div>\n            {!isLast && (\n              <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? 'vertical' : 'horizontal'}\n                aria-valuenow={Math.round(currentSizes[index])}\n                tabIndex={canResize ? 0 : -1}\n                className={`\n                  flex-shrink-0 bg-base-300 transition-colors duration-150 relative group\n                  ${canResize ? 'hover:bg-primary/30 active:bg-primary/50' : ''}\n                  ${canResize ? (isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize') : 'cursor-default'}\n                `}\n                style={{\n                  [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n                }}\n                data-testid={getTestId(`gutter-${index}`)}\n                onMouseDown={(e) => handleMouseDown(index, e)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n              >\n                {/* Collapse buttons */}\n                {(() => {\n                  const { showStart, showEnd, panel1Collapsed, panel2Collapsed } = getCollapseConfig(index)\n\n                  if (!showStart && !showEnd) {\n                    // Just show grip indicator\n                    return (\n                      <div\n                        className={`\n                          absolute inset-0 flex items-center justify-center\n                          ${isHorizontal ? 'flex-col gap-0.5' : 'flex-row gap-0.5'}\n                        `}\n                      >\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                        <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                      </div>\n                    )\n                  }\n\n                  return (\n                    <div\n                      className={`\n                        absolute inset-0 flex items-center justify-center\n                        ${isHorizontal ? 'flex-col' : 'flex-row'}\n                      `}\n                    >\n                      {showStart && (\n                        <button\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            toggleCollapse(index)\n                          }}\n                          className={`\n                            p-0.5 rounded hover:bg-base-content/20 transition-colors\n                            ${isHorizontal ? '' : ''}\n                          `}\n                          aria-label={panel1Collapsed ? 'Expand panel' : 'Collapse panel'}\n                          data-testid={getTestId(`collapse-${index}`)}\n                        >\n                          <svg\n                            className={`w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${\n                              panel1Collapsed\n                                ? isHorizontal ? 'rotate-180' : '-rotate-90'\n                                : isHorizontal ? 'rotate-0' : 'rotate-90'\n                            }`}\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                          </svg>\n                        </button>\n                      )}\n                      {showEnd && (\n                        <button\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            toggleCollapse(index + 1)\n                          }}\n                          className=\"p-0.5 rounded hover:bg-base-content/20 transition-colors\"\n                          aria-label={panel2Collapsed ? 'Expand panel' : 'Collapse panel'}\n                          data-testid={getTestId(`collapse-${index + 1}`)}\n                        >\n                          <svg\n                            className={`w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${\n                              panel2Collapsed\n                                ? isHorizontal ? 'rotate-0' : 'rotate-90'\n                                : isHorizontal ? 'rotate-180' : '-rotate-90'\n                            }`}\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                          </svg>\n                        </button>\n                      )}\n                    </div>\n                  )\n                })()}\n              </div>\n            )}\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nSplitter.Panel = Panel\n"],"names":["Panel","children","Splitter","direction","sizes","defaultSizes","onSizesChange","gutterSize","minSize","className","testId","containerRef","useRef","panelsRef","draggingRef","panels","React","child","panelCount","collapsedStates","setCollapsedStates","useState","panel","sizesBeforeCollapseRef","getInitialSizes","useCallback","panelDefaultSizes","hasAnyPanelSize","s","definedTotal","sum","undefinedCount","remainingSize","sizePerUndefined","equalSize","internalSizes","setInternalSizes","getControlledSizes","panelSizes","i","currentSizes","useEffect","newCollapsedStates","p","updateSizes","newSizes","toggleCollapse","panelIndex","newCollapsed","collapsedSize","sizeToRedistribute","otherPanels","_","sizePerPanel","previousSize","totalOtherSize","proportion","handleMouseDown","index","e","panel1Props","panel2Props","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","getCollapseConfig","panel1","panel2","panel1Collapsible","panel2Collapsible","panel1Collapsed","panel2Collapsed","getTestId","suffix","jsx","panelProps","isLast","isCollapsed","canResize","panelTestId","jsxs","el","showStart","showEnd"],"mappings":";;AA6BA,MAAMA,KAAsC,CAAC,EAAE,UAAAC,gCACnC,UAAAA,GAAS,GAGRC,KAA8D,CAAC;AAAA,EAC1E,UAAAD;AAAA,EACA,WAAAE,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC,KAAY;AAAA,EACZ,eAAeC;AACjB,MAAM;AACJ,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,KAAYD,EAAkC,EAAE,GAChDE,IAAcF,EAAyE,IAAI,GAG3FG,IAASC,EAAM,SAAS,QAAQf,CAAQ,EAAE;AAAA,IAC9C,CAACgB,MACCD,EAAM,eAAeC,CAAK;AAAA,EAAA,GAGxBC,IAAaH,EAAO,QAGpB,CAACI,GAAiBC,CAAkB,IAAIC;AAAA,IAAoB,MAChEN,EAAO,IAAI,CAACO,MAAUA,EAAM,MAAM,oBAAoBA,EAAM,MAAM,aAAa,EAAK;AAAA,EAAA,GAIhFC,IAAyBX,EAAiB,EAAE,GAG5CY,IAAkBC,EAAY,MAAM;AAExC,UAAMC,IAAoBX,EAAO,IAAI,CAACO,MAAUA,EAAM,MAAM,WAAW,GACjEK,IAAkBD,EAAkB,KAAK,CAACE,MAAMA,MAAM,MAAS;AAErE,QAAIvB,KAAgBA,EAAa,WAAWa;AAC1C,aAAOb;AAGT,QAAIsB,GAAiB;AAEnB,YAAME,IAAeH,EAAkB,OAAe,CAACI,GAAKF,MAAME,KAAOF,KAAK,IAAI,CAAC,GAC7EG,IAAiBL,EAAkB,OAAO,CAAC,MAAM,MAAM,MAAS,EAAE,QAClEM,IAAgB,KAAK,IAAI,GAAG,MAAMH,CAAY,GAC9CI,IAAmBF,IAAiB,IAAIC,IAAgBD,IAAiB;AAE/E,aAAOL,EAAkB,IAAI,CAAC,MAAM,KAAKO,CAAgB;AAAA,IAC3D;AAGA,UAAMC,IAAY,MAAMhB;AACxB,WAAO,MAAMA,CAAU,EAAE,KAAKgB,CAAS;AAAA,EACzC,GAAG,CAAC7B,GAAca,GAAYH,CAAM,CAAC,GAE/B,CAACoB,GAAeC,CAAgB,IAAIf,EAAmBG,CAAe,GAGtEa,KAAqBZ,EAAY,MAAM;AAC3C,UAAMa,IAAavB,EAAO,IAAI,CAACO,MAAUA,EAAM,MAAM,IAAI;AAGzD,QAAI,CAFuBgB,EAAW,KAAK,CAACV,MAAMA,MAAM,MAAS,EAExC,QAAO;AAGhC,UAAMC,IAAeS,EAAW,OAAe,CAACR,GAAK,MAAMA,KAAO,KAAK,IAAI,CAAC,GACtEC,IAAiBO,EAAW,OAAO,CAACV,MAAMA,MAAM,MAAS,EAAE,QAC3DI,IAAgB,KAAK,IAAI,GAAG,MAAMH,CAAY,GAC9CI,IAAmBF,IAAiB,IAAIC,IAAgBD,IAAiB;AAE/E,WAAOO,EAAW,IAAI,CAACV,GAAGW,MAAMX,KAAKO,EAAcI,CAAC,KAAKN,CAAgB;AAAA,EAC3E,GAAG,CAAClB,GAAQoB,CAAa,CAAC,GAEpBK,IAAepC,KAASiC,GAAA,KAAwBF;AAGtD,EAAAM,EAAU,MAAM;AACd,IAAI,CAACrC,KAAS+B,EAAc,WAAWjB,KACrCkB,EAAiBZ,GAAiB;AAAA,EAEtC,GAAG,CAACN,GAAYd,GAAO+B,EAAc,QAAQX,CAAe,CAAC,GAG7DiB,EAAU,MAAM;AACd,UAAMC,IAAqB3B,EAAO;AAAA,MAAI,CAACO,GAAOiB,MAC5CjB,EAAM,MAAM,aAAaH,EAAgBoB,CAAC,KAAK;AAAA,IAAA;AAGjD,IADkBG,EAAmB,KAAK,CAACd,GAAGW,MAAMX,MAAMT,EAAgBoB,CAAC,CAAC,KAE1EnB,EAAmBsB,CAAkB;AAAA,EAEzC,GAAG,CAAC3B,EAAO,IAAI,CAAA4B,MAAKA,EAAE,MAAM,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC;AAEjD,QAAMC,IAAcnB;AAAA,IAClB,CAACoB,MAAuB;AACtB,MAAKzC,KACHgC,EAAiBS,CAAQ,GAE3BvC,IAAgBuC,CAAQ;AAAA,IAC1B;AAAA,IACA,CAACzC,GAAOE,CAAa;AAAA,EAAA,GAGjBwC,IAAiBrB;AAAA,IACrB,CAACsB,MAAuB;AACtB,YAAMzB,IAAQP,EAAOgC,CAAU;AAC/B,UAAI,CAACzB,GAAO,MAAM,YAAa;AAG/B,YAAM0B,IAAe,CADQ7B,EAAgB4B,CAAU,GAIjDL,IAAqB,CAAC,GAAGvB,CAAe;AAQ9C,UAPAuB,EAAmBK,CAAU,IAAIC,GACjC5B,EAAmBsB,CAAkB,GAGrCpB,EAAM,MAAM,aAAa0B,CAAY,GAGjCA,GAAc;AAEhB,QAAAzB,EAAuB,UAAU,CAAC,GAAGiB,CAAY;AAGjD,cAAMS,IAAgB,GAChBC,IAAqBV,EAAaO,CAAU,IAAIE,GAGhDE,IAAcX,EACjB,IAAI,CAACZ,GAAG,OAAO,EAAE,MAAMA,GAAG,OAAO,EAAA,EAAI,EACrC,OAAO,CAACwB,GAAG,MAAM,MAAML,KAAc,CAACL,EAAmB,CAAC,CAAC;AAE9D,YAAIS,EAAY,SAAS,GAAG;AAC1B,gBAAME,IAAeH,IAAqBC,EAAY,QAChDN,IAAWL,EAAa,IAAI,CAACZ,GAAGW,MAChCA,MAAMQ,IAAmBE,IACxBP,EAAmBH,CAAC,IAClBX,IAD4BA,IAAIyB,CAExC;AACD,UAAAT,EAAYC,CAAQ;AAAA,QACtB;AAAA,MACF,OAAO;AAEL,cAAMS,IAAe/B,EAAuB,QAAQwB,CAAU,KAAM,MAAM7B,GAOpEqC,IAJcf,EACjB,IAAI,CAACZ,GAAG,OAAO,EAAE,MAAMA,GAAG,OAAO,EAAA,EAAI,EACrC,OAAO,CAACwB,GAAG,MAAM,MAAML,KAAc,CAACL,EAAmB,CAAC,CAAC,EAE3B,OAAO,CAACZ,GAAKa,MAAMb,IAAMa,EAAE,MAAM,CAAC;AAErE,YAAIY,IAAiB,GAAG;AACtB,gBAAMV,IAAWL,EAAa,IAAI,CAACZ,GAAGW,MAAM;AAC1C,gBAAIA,MAAMQ,EAAY,QAAOO;AAC7B,gBAAI,CAACZ,EAAmBH,CAAC,GAAG;AAC1B,oBAAMiB,IAAa5B,IAAI2B;AACvB,qBAAO3B,IAAI0B,IAAeE;AAAA,YAC5B;AACA,mBAAO5B;AAAA,UACT,CAAC;AACD,UAAAgB,EAAYC,CAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC9B,GAAQI,GAAiBqB,GAActB,GAAY0B,CAAW;AAAA,EAAA,GAG3Da,KAAkBhC;AAAA,IACtB,CAACiC,GAAeC,MAAwB;AAEtC,YAAMC,IAAc7C,EAAO2C,CAAK,GAAG,SAAS,CAAA,GACtCG,IAAc9C,EAAO2C,IAAQ,CAAC,GAAG,SAAS,CAAA;AAOhD,UALIE,EAAY,cAAc,MAASC,EAAY,cAAc,MAK7D1C,EAAgBuC,CAAK,KAAKvC,EAAgBuC,IAAQ,CAAC;AACrD;AAGF,MAAAC,EAAE,eAAA;AACF,YAAMG,IAAW3D,MAAc,eAAewD,EAAE,UAAUA,EAAE;AAC5D,MAAA7C,EAAY,UAAU;AAAA,QACpB,OAAA4C;AAAA,QACA,UAAAI;AAAA,QACA,YAAY,CAAC,GAAGtB,CAAY;AAAA,MAAA;AAG9B,YAAMuB,IAAkB,CAACC,MAA0B;AACjD,YAAI,CAAClD,EAAY,WAAW,CAACH,EAAa,QAAS;AAEnD,cAAM,EAAE,OAAOsD,GAAW,UAAUC,GAAc,YAAAC,EAAA,IAAerD,EAAY,SACvEsD,IAAgBzD,EAAa,QAAQ,sBAAA,GACrC0D,KAAgBlE,MAAc,eAAeiE,EAAc,QAAQA,EAAc,QACjFE,KAAanE,MAAc,eAAe6D,EAAU,UAAUA,EAAU,SAIxEO,MADcrD,IAAa,KACKX,GAChCiE,IAAgBH,KAAgBE,IAEhCE,KADcH,KAAaJ,KACGM,IAAiB,KAG/CZ,IAAc7C,EAAOkD,CAAS,GAAG,SAAS,CAAA,GAC1CJ,IAAc9C,EAAOkD,IAAY,CAAC,GAAG,SAAS,CAAA,GAC9CS,KAAWd,EAAY,WAAWpD,GAClCmE,KAAWd,EAAY,WAAWrD,GAClCoE,IAAeF,KAAWF,IAAiB,KAC3CK,IAAeF,KAAWH,IAAiB;AAGjD,YAAIM,IAAWX,EAAWF,CAAS,IAAIQ,GACnCM,IAAWZ,EAAWF,IAAY,CAAC,IAAIQ;AAG3C,QAAIK,IAAWF,MACbE,IAAWF,GACXG,IAAWZ,EAAWF,CAAS,IAAIE,EAAWF,IAAY,CAAC,IAAIW,IAE7DG,IAAWF,MACbE,IAAWF,GACXC,IAAWX,EAAWF,CAAS,IAAIE,EAAWF,IAAY,CAAC,IAAIY;AAIjE,cAAMG,IAAWpB,EAAY,SACvBqB,IAAWpB,EAAY;AAC7B,YAAImB,GAAU;AACZ,gBAAME,IAAeF,IAAWR,IAAiB;AACjD,UAAIM,IAAWI,MACbJ,IAAWI,GACXH,IAAWZ,EAAWF,CAAS,IAAIE,EAAWF,IAAY,CAAC,IAAIiB;AAAA,QAEnE;AACA,YAAID,GAAU;AACZ,gBAAME,IAAeF,IAAWT,IAAiB;AACjD,UAAIO,IAAWI,MACbJ,IAAWI,GACXL,IAAWX,EAAWF,CAAS,IAAIE,EAAWF,IAAY,CAAC,IAAIkB;AAAA,QAEnE;AAEA,cAAMtC,IAAW,CAAC,GAAGsB,CAAU;AAC/B,QAAAtB,EAASoB,CAAS,IAAIa,GACtBjC,EAASoB,IAAY,CAAC,IAAIc,GAC1BnC,EAAYC,CAAQ;AAAA,MACtB,GAEMuC,IAAgB,MAAM;AAC1B,QAAAtE,EAAY,UAAU,MACtB,SAAS,oBAAoB,aAAaiD,CAAe,GACzD,SAAS,oBAAoB,WAAWqB,CAAa,GACrD,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,aAAa;AAAA,MACnC;AAEA,eAAS,iBAAiB,aAAarB,CAAe,GACtD,SAAS,iBAAiB,WAAWqB,CAAa,GAClD,SAAS,KAAK,MAAM,SAASjF,MAAc,eAAe,eAAe,cACzE,SAAS,KAAK,MAAM,aAAa;AAAA,IACnC;AAAA,IACA,CAACA,GAAWqC,GAActB,GAAYX,GAAYQ,GAAQP,GAASoC,GAAazB,CAAe;AAAA,EAAA,GAG3FkE,KAAgB5D;AAAA,IACpB,CAACiC,GAAeC,MAA2B;AAEzC,UAAIxC,EAAgBuC,CAAK,KAAKvC,EAAgBuC,IAAQ,CAAC;AACrD;AAGF,YAAM4B,IAAO3B,EAAE,WAAW,KAAK;AAC/B,UAAI4B,IAAQ;AAUZ,UARIpF,MAAc,eACZwD,EAAE,QAAQ,cAAa4B,IAAQ,CAACD,IAC3B3B,EAAE,QAAQ,iBAAc4B,IAAQD,KAErC3B,EAAE,QAAQ,YAAW4B,IAAQ,CAACD,IACzB3B,EAAE,QAAQ,gBAAa4B,IAAQD,IAGtCC,MAAU,GAAG;AACf,QAAA5B,EAAE,eAAA;AACF,cAAMd,IAAW,CAAC,GAAGL,CAAY,GAC3BgD,IAAa;AAEnB,YAAIV,IAAWjC,EAASa,CAAK,IAAI6B,GAC7BR,IAAWlC,EAASa,IAAQ,CAAC,IAAI6B;AAErC,QAAIT,KAAYU,KAAcT,KAAYS,MACxC3C,EAASa,CAAK,IAAIoB,GAClBjC,EAASa,IAAQ,CAAC,IAAIqB,GACtBnC,EAAYC,CAAQ;AAAA,MAExB;AAAA,IACF;AAAA,IACA,CAAC1C,GAAWqC,GAAcI,GAAazB,CAAe;AAAA,EAAA,GAGlDsE,IAAetF,MAAc,cAG7BuF,KAAoB,CAAChC,MAAkB;AAC3C,UAAMiC,IAAS5E,EAAO2C,CAAK,GACrBkC,IAAS7E,EAAO2C,IAAQ,CAAC,GACzBmC,IAAoBF,GAAQ,MAAM,aAClCG,IAAoBF,GAAQ,MAAM,aAClCG,IAAkB5E,EAAgBuC,CAAK,GACvCsC,IAAkB7E,EAAgBuC,IAAQ,CAAC;AAEjD,WAAO;AAAA,MACL,WAAWmC,KAAqB,CAACG;AAAA,MACjC,SAASF,KAAqB,CAACC;AAAA,MAC/B,iBAAAA;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAEJ,GAEMC,IAAY,CAACC,MAAoBxF,IAAS,GAAGA,CAAM,IAAIwF,CAAM,KAAK;AAExE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKxF;AAAA,MACL,WAAW,QAAQ8E,IAAe,aAAa,UAAU,kBAAkBhF,EAAS;AAAA,MACpF,eAAaC;AAAA,MAEZ,UAAAK,EAAO,IAAI,CAACO,GAAOoC,MAAU;AAC5B,cAAM0C,IAAa9E,EAAM,OACnB+E,IAAS3C,MAAU3C,EAAO,SAAS,GACnCuF,IAAcnF,EAAgBuC,CAAK,GACnC6C,IAAYH,EAAW,cAAc,MAAS,CAACE,GAC/CE,IAAcJ,EAAW,aAAa,KAAKH,EAAU,SAASvC,CAAK,EAAE;AAE3E,eACE,gBAAA+C,EAACzF,EAAM,UAAN,EACC,UAAA;AAAA,UAAA,gBAAAmF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,CAACO,MAAO;AACX,gBAAA7F,GAAU,QAAQ6C,CAAK,IAAIgD;AAAA,cAC7B;AAAA,cACA,WAAW,iBAAiBN,EAAW,aAAa,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,CAACX,IAAe,UAAU,QAAQ,GAAGa,IACjC,QACA,QAAQ9D,EAAakB,CAAK,CAAC,QAASxC,IAAa,KAAKX,IAAcW,CAAU;AAAA,gBAClF,YAAY;AAAA,gBACZ,UAAUoF,IAAc,WAAW;AAAA,cAAA;AAAA,cAErC,kBAAgBA;AAAA,cAChB,eAAaE;AAAA,cAEZ,UAAAJ,EAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,CAACC,KACA,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,oBAAkBV,IAAe,aAAa;AAAA,cAC9C,iBAAe,KAAK,MAAMjD,EAAakB,CAAK,CAAC;AAAA,cAC7C,UAAU6C,IAAY,IAAI;AAAA,cAC1B,WAAW;AAAA;AAAA,oBAEPA,IAAY,6CAA6C,EAAE;AAAA,oBAC3DA,IAAad,IAAe,sBAAsB,sBAAuB,gBAAgB;AAAA;AAAA,cAE7F,OAAO;AAAA,gBACL,CAACA,IAAe,UAAU,QAAQ,GAAG,GAAGlF,CAAU;AAAA,cAAA;AAAA,cAEpD,eAAa0F,EAAU,UAAUvC,CAAK,EAAE;AAAA,cACxC,aAAa,CAACC,MAAMF,GAAgBC,GAAOC,CAAC;AAAA,cAC5C,WAAW,CAACA,MAAM0B,GAAc3B,GAAOC,CAAC;AAAA,cAGtC,WAAA,MAAM;AACN,sBAAM,EAAE,WAAAgD,GAAW,SAAAC,GAAS,iBAAAb,GAAiB,iBAAAC,EAAA,IAAoBN,GAAkBhC,CAAK;AAExF,uBAAI,CAACiD,KAAa,CAACC,IAGf,gBAAAH;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA;AAAA,4BAEPhB,IAAe,qBAAqB,kBAAkB;AAAA;AAAA,oBAG1D,UAAA;AAAA,sBAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,oEAAA,CAAoE;AAAA,sBACnF,gBAAAA,EAAC,OAAA,EAAI,WAAU,oEAAA,CAAoE;AAAA,sBACnF,gBAAAA,EAAC,OAAA,EAAI,WAAU,oEAAA,CAAoE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAMvF,gBAAAM;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA;AAAA,0BAEPhB,IAAe,aAAa,UAAU;AAAA;AAAA,oBAGzC,UAAA;AAAA,sBAAAkB,KACC,gBAAAR;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,CAACxC,MAAM;AACd,4BAAAA,EAAE,gBAAA,GACFb,EAAeY,CAAK;AAAA,0BACtB;AAAA,0BACA,WAAW;AAAA;AAAA;AAAA;AAAA,0BAIX,cAAYqC,IAAkB,iBAAiB;AAAA,0BAC/C,eAAaE,EAAU,YAAYvC,CAAK,EAAE;AAAA,0BAE1C,UAAA,gBAAAyC;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,WAAW,6EACTJ,IACIN,IAAe,eAAe,eAC9BA,IAAe,aAAa,WAClC;AAAA,8BACA,MAAK;AAAA,8BACL,SAAQ;AAAA,8BACR,QAAO;AAAA,8BAEP,UAAA,gBAAAU,EAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,kBAAA,CAAkB;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACzF;AAAA,sBAAA;AAAA,sBAGHS,KACC,gBAAAT;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,CAACxC,MAAM;AACd,4BAAAA,EAAE,gBAAA,GACFb,EAAeY,IAAQ,CAAC;AAAA,0BAC1B;AAAA,0BACA,WAAU;AAAA,0BACV,cAAYsC,IAAkB,iBAAiB;AAAA,0BAC/C,eAAaC,EAAU,YAAYvC,IAAQ,CAAC,EAAE;AAAA,0BAE9C,UAAA,gBAAAyC;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,WAAW,6EACTH,IACIP,IAAe,aAAa,cAC5BA,IAAe,eAAe,YACpC;AAAA,8BACA,MAAK;AAAA,8BACL,SAAQ;AAAA,8BACR,QAAO;AAAA,8BAEP,UAAA,gBAAAU,EAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,kBAAA,CAAkB;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACzF;AAAA,sBAAA;AAAA,oBACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAIR,GAAA;AAAA,YAAG;AAAA,UAAA;AAAA,QACL,EAAA,GAvHiBzC,CAyHrB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAxD,GAAS,QAAQF;"}

package/dist/components/Stat.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     vertical?: boolean;
+    'data-testid'?: string;
 }
 export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     title?: React.ReactNode;
@@ -9,9 +10,10 @@ export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     desc?: React.ReactNode;
     figure?: React.ReactNode;
     actions?: React.ReactNode;
+    'data-testid'?: string;
 }
-declare function StatsRoot({ children, className, vertical, ...rest }: StatsProps): import("react/jsx-runtime").JSX.Element;
-declare function StatItem({ title, value, desc, figure, actions, className, ...rest }: StatProps): import("react/jsx-runtime").JSX.Element;
+declare function StatsRoot({ children, className, vertical, 'data-testid': testId, ...rest }: StatsProps): import("react/jsx-runtime").JSX.Element;
+declare function StatItem({ title, value, desc, figure, actions, className, 'data-testid': testId, ...rest }: StatProps): import("react/jsx-runtime").JSX.Element;
 export declare const Stats: typeof StatsRoot & {
     Stat: typeof StatItem;
 };

package/dist/components/Stat.js

@@ -1,26 +1,27 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-const d = "stats", r = "stats-horizontal", S = "stats-vertical", m = "stat", v = "stat-figure", h = "stat-title", N = "stat-value", u = "stat-desc", f = "stat-actions";
-function j({ children: s, className: a = "", vertical: c = !1, ...n }) {
-  const e = [
-    d,
-    c ? S : r,
-    a
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+const m = "stats", v = "stats-horizontal", u = "stats-vertical", h = "stat", N = "stat-figure", f = "stat-title", g = "stat-value", j = "stat-desc", $ = "stat-actions";
+function x({ children: s, className: d = "", vertical: e = !1, "data-testid": i, ...c }) {
+  const n = [
+    m,
+    e ? u : v,
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { className: e, ...n, children: s });
+  return /* @__PURE__ */ t("div", { className: n, "data-testid": i, ...c, children: s });
 }
-function x({ title: s, value: a, desc: c, figure: n, actions: e, className: i = "", ...o }) {
-  return /* @__PURE__ */ l("div", { className: `${m} ${i}`, ...o, children: [
-    n && /* @__PURE__ */ t("div", { className: v, children: n }),
-    s && /* @__PURE__ */ t("div", { className: h, children: s }),
-    a && /* @__PURE__ */ t("div", { className: N, children: a }),
-    c && /* @__PURE__ */ t("div", { className: u, children: c }),
-    e && /* @__PURE__ */ t("div", { className: f, children: e })
+function p({ title: s, value: d, desc: e, figure: i, actions: c, className: n = "", "data-testid": o, ...l }) {
+  const a = (r) => o ? `${o}-${r}` : void 0;
+  return /* @__PURE__ */ S("div", { className: `${h} ${n}`, "data-testid": o, ...l, children: [
+    i && /* @__PURE__ */ t("div", { className: N, "data-testid": a("figure"), children: i }),
+    s && /* @__PURE__ */ t("div", { className: f, "data-testid": a("title"), children: s }),
+    d && /* @__PURE__ */ t("div", { className: g, "data-testid": a("value"), children: d }),
+    e && /* @__PURE__ */ t("div", { className: j, "data-testid": a("desc"), children: e }),
+    c && /* @__PURE__ */ t("div", { className: $, "data-testid": a("actions"), children: c })
   ] });
 }
-const p = Object.assign(j, {
-  Stat: x
+const T = Object.assign(x, {
+  Stat: p
 });
 export {
-  p as Stats
+  T as Stats
 };
 //# sourceMappingURL=Stat.js.map