asterui 0.12.7 → 0.12.8

package/dist/index74.js

@@ -1,137 +1,49 @@
-import { jsx as f, jsxs as B, Fragment as _ } from "react/jsx-runtime";
-import C, { useRef as E, useCallback as x, useState as ee, useEffect as te } from "react";
-const ne = ({ children: N }) => /* @__PURE__ */ f(_, { children: N }), oe = ({
-  children: N,
-  direction: c = "horizontal",
-  sizes: g,
-  defaultSizes: y,
-  onSizesChange: I,
-  gutterSize: z = 8,
-  minSize: R = 50,
-  className: G = ""
+import { jsx as y } from "react/jsx-runtime";
+const g = {
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+}, C = {
+  start: "items-start",
+  end: "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, j = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+}, h = ({
+  direction: n = "horizontal",
+  size: s = "md",
+  align: e,
+  justify: t,
+  wrap: l = !1,
+  className: o = "",
+  style: r,
+  children: i,
+  ...c
 }) => {
-  const $ = E(null), H = E([]), b = E(null), h = C.Children.toArray(N).filter(
-    (n) => C.isValidElement(n)
-  ), l = h.length, k = x(() => {
-    if (y && y.length === l)
-      return y;
-    const n = 100 / l;
-    return Array(l).fill(n);
-  }, [y, l]), [D, j] = ee(k), p = g || D;
-  te(() => {
-    !g && D.length !== l && j(k());
-  }, [l, g, D.length, k]);
-  const S = x(
-    (n) => {
-      g || j(n), I?.(n);
-    },
-    [g, I]
-  ), V = x(
-    (n, e) => {
-      e.preventDefault();
-      const a = c === "horizontal" ? e.clientX : e.clientY;
-      b.current = {
-        index: n,
-        startPos: a,
-        startSizes: [...p]
-      };
-      const r = (w) => {
-        if (!b.current || !$.current) return;
-        const { index: t, startPos: P, startSizes: s } = b.current, K = $.current.getBoundingClientRect(), O = c === "horizontal" ? K.width : K.height, Q = c === "horizontal" ? w.clientX : w.clientY, T = (l - 1) * z, v = O - T, F = (Q - P) / v * 100, U = h[t]?.props || {}, X = h[t + 1]?.props || {}, W = U.minSize ?? R, Z = X.minSize ?? R, A = W / v * 100, L = Z / v * 100;
-        let i = s[t] + F, u = s[t + 1] - F;
-        i < A && (i = A, u = s[t] + s[t + 1] - A), u < L && (u = L, i = s[t] + s[t + 1] - L);
-        const Y = U.maxSize, q = X.maxSize;
-        if (Y) {
-          const m = Y / v * 100;
-          i > m && (i = m, u = s[t] + s[t + 1] - m);
-        }
-        if (q) {
-          const m = q / v * 100;
-          u > m && (u = m, i = s[t] + s[t + 1] - m);
-        }
-        const M = [...s];
-        M[t] = i, M[t + 1] = u, S(M);
-      }, o = () => {
-        b.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), document.body.style.cursor = "", document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", r), document.addEventListener("mouseup", o), document.body.style.cursor = c === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
-    },
-    [c, p, l, z, h, R, S]
-  ), J = x(
-    (n, e) => {
-      const a = e.shiftKey ? 10 : 1;
-      let r = 0;
-      if (c === "horizontal" ? e.key === "ArrowLeft" ? r = -a : e.key === "ArrowRight" && (r = a) : e.key === "ArrowUp" ? r = -a : e.key === "ArrowDown" && (r = a), r !== 0) {
-        e.preventDefault();
-        const o = [...p], w = 5;
-        let t = o[n] + r, P = o[n + 1] - r;
-        t >= w && P >= w && (o[n] = t, o[n + 1] = P, S(o));
-      }
-    },
-    [c, p, S]
-  ), d = c === "horizontal";
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      ref: $,
-      className: `flex ${d ? "flex-row" : "flex-col"} h-full w-full ${G}`,
-      children: h.map((n, e) => {
-        const a = n.props, r = e === h.length - 1;
-        return /* @__PURE__ */ B(C.Fragment, { children: [
-          /* @__PURE__ */ f(
-            "div",
-            {
-              ref: (o) => {
-                H.current[e] = o;
-              },
-              className: `overflow-auto ${a.className || ""}`,
-              style: {
-                [d ? "width" : "height"]: `calc(${p[e]}% - ${(l - 1) * z / l}px)`,
-                flexShrink: 0
-              },
-              children: a.children
-            }
-          ),
-          !r && /* @__PURE__ */ f(
-            "div",
-            {
-              role: "separator",
-              "aria-orientation": d ? "vertical" : "horizontal",
-              "aria-valuenow": Math.round(p[e]),
-              tabIndex: 0,
-              className: `
-                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50
-                  transition-colors duration-150 relative group
-                  ${d ? "cursor-col-resize" : "cursor-row-resize"}
-                `,
-              style: {
-                [d ? "width" : "height"]: `${z}px`
-              },
-              onMouseDown: (o) => V(e, o),
-              onKeyDown: (o) => J(e, o),
-              children: /* @__PURE__ */ B(
-                "div",
-                {
-                  className: `
-                    absolute inset-0 flex items-center justify-center
-                    ${d ? "flex-col gap-0.5" : "flex-row gap-0.5"}
-                  `,
-                  children: [
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
-                  ]
-                }
-              )
-            }
-          )
-        ] }, e);
-      })
-    }
-  );
+  const a = typeof s == "number", p = a ? "" : g[s], f = e ? C[e] : "", m = t ? j[t] : "", d = [
+    "flex",
+    n === "horizontal" ? "flex-row" : "flex-col",
+    p,
+    f,
+    m,
+    l ? "flex-wrap" : "",
+    o
+  ].filter(Boolean).join(" "), u = {
+    ...r,
+    ...a ? { gap: `${s}px` } : {}
+  };
+  return /* @__PURE__ */ y("div", { className: d, style: u, ...c, children: i });
 };
-oe.Panel = ne;
 export {
-  oe as Splitter
+  h as Space
 };
 //# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index74.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  onCollapse?: (collapsed: boolean) => void\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  // Initialize sizes\n  const getInitialSizes = useCallback(() => {\n    if (defaultSizes && defaultSizes.length === panelCount) {\n      return defaultSizes\n    }\n    // Equal distribution\n    const equalSize = 100 / panelCount\n    return Array(panelCount).fill(equalSize)\n  }, [defaultSizes, panelCount])\n\n  const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n  const currentSizes = sizes || 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  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      if (!sizes) {\n        setInternalSizes(newSizes)\n      }\n      onSizesChange?.(newSizes)\n    },\n    [sizes, onSizesChange]\n  )\n\n  const handleMouseDown = useCallback(\n    (index: number, e: React.MouseEvent) => {\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]\n  )\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\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]\n  )\n\n  const isHorizontal = direction === 'horizontal'\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\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']: `calc(${currentSizes[index]}% - ${\n                  ((panelCount - 1) * gutterSize) / panelCount\n                }px)`,\n                flexShrink: 0,\n              }}\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={0}\n                className={`\n                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50\n                  transition-colors duration-150 relative group\n                  ${isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize'}\n                `}\n                style={{\n                  [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n                }}\n                onMouseDown={(e) => handleMouseDown(index, e)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n              >\n                {/* Grip indicator */}\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              </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","getInitialSizes","useCallback","equalSize","internalSizes","setInternalSizes","useState","currentSizes","useEffect","updateSizes","newSizes","handleMouseDown","index","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","panel1Props","panel2Props","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","jsx","panel","panelProps","isLast","jsxs","el","e"],"mappings":"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"}
+{"version":3,"file":"index74.js","sources":["../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  children: React.ReactNode\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'md',\n  align,\n  justify,\n  wrap = false,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const alignClass = align ? alignClasses[align] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{children}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","className","style","children","rest","isNumericSize","gapClass","alignClass","justifyClass","classes","combinedStyle","jsx"],"mappings":";AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOR,KAAS,UAChCS,IAAWD,IAAgB,KAAKb,EAAWK,CAAI,GAC/CU,IAAaT,IAAQL,EAAaK,CAAK,IAAI,IAC3CU,IAAeT,IAAUL,EAAeK,CAAO,IAAI,IAInDU,IAAU;AAAA,IACd;AAAA,IAHqBb,MAAc,eAAe,aAAa;AAAA,IAK/DU;AAAA,IACAC;AAAA,IACAC;AAAA,IARgBR,IAAO,cAAc;AAAA,IAUrCC;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBS,IAAqC;AAAA,IACzC,GAAGR;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGR,CAAI,SAAS,CAAA;AAAA,EAAC;AAG9C,SAAO,gBAAAc,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGN,GAAO,UAAAD,GAAS;AAC5E;"}

package/dist/index75.js

@@ -1,55 +1,137 @@
-import { jsx as u } from "react/jsx-runtime";
-const j = ({
-  children: s,
-  direction: a = "vertical",
-  spacing: n = 4,
-  align: e,
-  justify: t,
-  wrap: r = !1,
-  className: c = "",
-  ...i
+import { jsx as f, jsxs as B, Fragment as _ } from "react/jsx-runtime";
+import C, { useRef as E, useCallback as x, useState as ee, useEffect as te } from "react";
+const ne = ({ children: N }) => /* @__PURE__ */ f(_, { children: N }), oe = ({
+  children: N,
+  direction: c = "horizontal",
+  sizes: g,
+  defaultSizes: y,
+  onSizesChange: I,
+  gutterSize: z = 8,
+  minSize: R = 50,
+  className: G = ""
 }) => {
-  const l = {
-    vertical: "flex-col",
-    horizontal: "flex-row"
-  }, o = {
-    0: "gap-0",
-    1: "gap-1",
-    2: "gap-2",
-    3: "gap-3",
-    4: "gap-4",
-    5: "gap-5",
-    6: "gap-6",
-    8: "gap-8",
-    10: "gap-10",
-    12: "gap-12",
-    16: "gap-16",
-    20: "gap-20",
-    24: "gap-24"
-  }, p = e && {
-    start: "items-start",
-    center: "items-center",
-    end: "items-end",
-    stretch: "items-stretch"
-  }[e], g = t && {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end",
-    between: "justify-between",
-    around: "justify-around",
-    evenly: "justify-evenly"
-  }[t], f = [
-    "flex",
-    l[a],
-    o[n],
-    p,
-    g,
-    r && "flex-wrap",
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u("div", { className: f, ...i, children: s });
+  const $ = E(null), H = E([]), b = E(null), h = C.Children.toArray(N).filter(
+    (n) => C.isValidElement(n)
+  ), l = h.length, k = x(() => {
+    if (y && y.length === l)
+      return y;
+    const n = 100 / l;
+    return Array(l).fill(n);
+  }, [y, l]), [D, j] = ee(k), p = g || D;
+  te(() => {
+    !g && D.length !== l && j(k());
+  }, [l, g, D.length, k]);
+  const S = x(
+    (n) => {
+      g || j(n), I?.(n);
+    },
+    [g, I]
+  ), V = x(
+    (n, e) => {
+      e.preventDefault();
+      const a = c === "horizontal" ? e.clientX : e.clientY;
+      b.current = {
+        index: n,
+        startPos: a,
+        startSizes: [...p]
+      };
+      const r = (w) => {
+        if (!b.current || !$.current) return;
+        const { index: t, startPos: P, startSizes: s } = b.current, K = $.current.getBoundingClientRect(), O = c === "horizontal" ? K.width : K.height, Q = c === "horizontal" ? w.clientX : w.clientY, T = (l - 1) * z, v = O - T, F = (Q - P) / v * 100, U = h[t]?.props || {}, X = h[t + 1]?.props || {}, W = U.minSize ?? R, Z = X.minSize ?? R, A = W / v * 100, L = Z / v * 100;
+        let i = s[t] + F, u = s[t + 1] - F;
+        i < A && (i = A, u = s[t] + s[t + 1] - A), u < L && (u = L, i = s[t] + s[t + 1] - L);
+        const Y = U.maxSize, q = X.maxSize;
+        if (Y) {
+          const m = Y / v * 100;
+          i > m && (i = m, u = s[t] + s[t + 1] - m);
+        }
+        if (q) {
+          const m = q / v * 100;
+          u > m && (u = m, i = s[t] + s[t + 1] - m);
+        }
+        const M = [...s];
+        M[t] = i, M[t + 1] = u, S(M);
+      }, o = () => {
+        b.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), document.body.style.cursor = "", document.body.style.userSelect = "";
+      };
+      document.addEventListener("mousemove", r), document.addEventListener("mouseup", o), document.body.style.cursor = c === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
+    },
+    [c, p, l, z, h, R, S]
+  ), J = x(
+    (n, e) => {
+      const a = e.shiftKey ? 10 : 1;
+      let r = 0;
+      if (c === "horizontal" ? e.key === "ArrowLeft" ? r = -a : e.key === "ArrowRight" && (r = a) : e.key === "ArrowUp" ? r = -a : e.key === "ArrowDown" && (r = a), r !== 0) {
+        e.preventDefault();
+        const o = [...p], w = 5;
+        let t = o[n] + r, P = o[n + 1] - r;
+        t >= w && P >= w && (o[n] = t, o[n + 1] = P, S(o));
+      }
+    },
+    [c, p, S]
+  ), d = c === "horizontal";
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: $,
+      className: `flex ${d ? "flex-row" : "flex-col"} h-full w-full ${G}`,
+      children: h.map((n, e) => {
+        const a = n.props, r = e === h.length - 1;
+        return /* @__PURE__ */ B(C.Fragment, { children: [
+          /* @__PURE__ */ f(
+            "div",
+            {
+              ref: (o) => {
+                H.current[e] = o;
+              },
+              className: `overflow-auto ${a.className || ""}`,
+              style: {
+                [d ? "width" : "height"]: `calc(${p[e]}% - ${(l - 1) * z / l}px)`,
+                flexShrink: 0
+              },
+              children: a.children
+            }
+          ),
+          !r && /* @__PURE__ */ f(
+            "div",
+            {
+              role: "separator",
+              "aria-orientation": d ? "vertical" : "horizontal",
+              "aria-valuenow": Math.round(p[e]),
+              tabIndex: 0,
+              className: `
+                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50
+                  transition-colors duration-150 relative group
+                  ${d ? "cursor-col-resize" : "cursor-row-resize"}
+                `,
+              style: {
+                [d ? "width" : "height"]: `${z}px`
+              },
+              onMouseDown: (o) => V(e, o),
+              onKeyDown: (o) => J(e, o),
+              children: /* @__PURE__ */ B(
+                "div",
+                {
+                  className: `
+                    absolute inset-0 flex items-center justify-center
+                    ${d ? "flex-col gap-0.5" : "flex-row gap-0.5"}
+                  `,
+                  children: [
+                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
+                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
+                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }, e);
+      })
+    }
+  );
 };
+oe.Panel = ne;
 export {
-  j as Stack
+  oe as Splitter
 };
 //# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/Stack.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'vertical' | 'horizontal'\n  spacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24\n  align?: 'start' | 'center' | 'end' | 'stretch'\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n}\n\nexport const Stack: React.FC<StackProps> = ({\n  children,\n  direction = 'vertical',\n  spacing = 4,\n  align,\n  justify,\n  wrap = false,\n  className = '',\n  ...rest\n}) => {\n  const directionClasses = {\n    vertical: 'flex-col',\n    horizontal: 'flex-row',\n  }\n\n  const spacingClasses = {\n    0: 'gap-0',\n    1: 'gap-1',\n    2: 'gap-2',\n    3: 'gap-3',\n    4: 'gap-4',\n    5: 'gap-5',\n    6: 'gap-6',\n    8: 'gap-8',\n    10: 'gap-10',\n    12: 'gap-12',\n    16: 'gap-16',\n    20: 'gap-20',\n    24: 'gap-24',\n  }\n\n  const alignClasses = align && {\n    start: 'items-start',\n    center: 'items-center',\n    end: 'items-end',\n    stretch: 'items-stretch',\n  }[align]\n\n  const justifyClasses = justify && {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n    between: 'justify-between',\n    around: 'justify-around',\n    evenly: 'justify-evenly',\n  }[justify]\n\n  const classes = [\n    'flex',\n    directionClasses[direction],\n    spacingClasses[spacing],\n    alignClasses,\n    justifyClasses,\n    wrap && 'flex-wrap',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Stack","children","direction","spacing","align","justify","wrap","className","rest","directionClasses","spacingClasses","alignClasses","justifyClasses","classes"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAmB;AAAA,IACvB,UAAU;AAAA,IACV,YAAY;AAAA,EAAA,GAGRC,IAAiB;AAAA,IACrB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAeP,KAAS;AAAA,IAC5B,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS;AAAA,EAAA,EACTA,CAAK,GAEDQ,IAAiBP,KAAW;AAAA,IAChC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,EACRA,CAAO,GAEHQ,IAAU;AAAA,IACd;AAAA,IACAJ,EAAiBP,CAAS;AAAA,IAC1BQ,EAAeP,CAAO;AAAA,IACtBQ;AAAA,IACAC;AAAA,IACAN,KAAQ;AAAA,IACRC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWM,GAAU,GAAGL,GAAO,UAAAP,GAAS;AACtD;"}
+{"version":3,"file":"index75.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  onCollapse?: (collapsed: boolean) => void\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  // Initialize sizes\n  const getInitialSizes = useCallback(() => {\n    if (defaultSizes && defaultSizes.length === panelCount) {\n      return defaultSizes\n    }\n    // Equal distribution\n    const equalSize = 100 / panelCount\n    return Array(panelCount).fill(equalSize)\n  }, [defaultSizes, panelCount])\n\n  const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n  const currentSizes = sizes || 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  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      if (!sizes) {\n        setInternalSizes(newSizes)\n      }\n      onSizesChange?.(newSizes)\n    },\n    [sizes, onSizesChange]\n  )\n\n  const handleMouseDown = useCallback(\n    (index: number, e: React.MouseEvent) => {\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]\n  )\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\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]\n  )\n\n  const isHorizontal = direction === 'horizontal'\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\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']: `calc(${currentSizes[index]}% - ${\n                  ((panelCount - 1) * gutterSize) / panelCount\n                }px)`,\n                flexShrink: 0,\n              }}\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={0}\n                className={`\n                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50\n                  transition-colors duration-150 relative group\n                  ${isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize'}\n                `}\n                style={{\n                  [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n                }}\n                onMouseDown={(e) => handleMouseDown(index, e)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n              >\n                {/* Grip indicator */}\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              </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","getInitialSizes","useCallback","equalSize","internalSizes","setInternalSizes","useState","currentSizes","useEffect","updateSizes","newSizes","handleMouseDown","index","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","panel1Props","panel2Props","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","jsx","panel","panelProps","isLast","jsxs","el","e"],"mappings":"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"}

package/dist/index76.js

@@ -1,25 +1,55 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-function o({ children: s, className: a = "", vertical: e = !1, ...i }) {
-  const c = [
-    "stats",
-    e ? "stats-vertical" : "stats-horizontal",
-    a
+import { jsx as u } from "react/jsx-runtime";
+const j = ({
+  children: s,
+  direction: a = "vertical",
+  spacing: n = 4,
+  align: e,
+  justify: t,
+  wrap: r = !1,
+  className: c = "",
+  ...i
+}) => {
+  const l = {
+    vertical: "flex-col",
+    horizontal: "flex-row"
+  }, o = {
+    0: "gap-0",
+    1: "gap-1",
+    2: "gap-2",
+    3: "gap-3",
+    4: "gap-4",
+    5: "gap-5",
+    6: "gap-6",
+    8: "gap-8",
+    10: "gap-10",
+    12: "gap-12",
+    16: "gap-16",
+    20: "gap-20",
+    24: "gap-24"
+  }, p = e && {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch"
+  }[e], g = t && {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly"
+  }[t], f = [
+    "flex",
+    l[a],
+    o[n],
+    p,
+    g,
+    r && "flex-wrap",
+    c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { className: c, ...i, children: s });
-}
-function d({ title: s, value: a, desc: e, figure: i, actions: c, className: l = "", ...n }) {
-  return /* @__PURE__ */ r("div", { className: `stat ${l}`, ...n, children: [
-    i && /* @__PURE__ */ t("div", { className: "stat-figure", children: i }),
-    s && /* @__PURE__ */ t("div", { className: "stat-title", children: s }),
-    a && /* @__PURE__ */ t("div", { className: "stat-value", children: a }),
-    e && /* @__PURE__ */ t("div", { className: "stat-desc", children: e }),
-    c && /* @__PURE__ */ t("div", { className: "stat-actions", children: c })
-  ] });
-}
-const v = Object.assign(o, {
-  Stat: d
-});
+  return /* @__PURE__ */ u("div", { className: f, ...i, children: s });
+};
 export {
-  v as Stats
+  j as Stack
 };
 //# sourceMappingURL=index76.js.map

package/dist/index76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index76.js","sources":["../src/components/Stat.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  vertical?: boolean\n}\n\nexport interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode\n  value?: React.ReactNode\n  desc?: React.ReactNode\n  figure?: React.ReactNode\n  actions?: React.ReactNode\n}\n\nfunction StatsRoot({ children, className = '', vertical = false, ...rest }: StatsProps) {\n  const classes = [\n    'stats',\n    vertical ? 'stats-vertical' : 'stats-horizontal',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n\nfunction StatItem({ title, value, desc, figure, actions, className = '', ...rest }: StatProps) {\n  return (\n    <div className={`stat ${className}`} {...rest}>\n      {figure && <div className=\"stat-figure\">{figure}</div>}\n      {title && <div className=\"stat-title\">{title}</div>}\n      {value && <div className=\"stat-value\">{value}</div>}\n      {desc && <div className=\"stat-desc\">{desc}</div>}\n      {actions && <div className=\"stat-actions\">{actions}</div>}\n    </div>\n  )\n}\n\nexport const Stats = Object.assign(StatsRoot, {\n  Stat: StatItem,\n})\n"],"names":["StatsRoot","children","className","vertical","rest","classes","StatItem","title","value","desc","figure","actions","jsx","Stats"],"mappings":";AAeA,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,GAAGC,KAAoB;AACtF,QAAMC,IAAU;AAAA,IACd;AAAA,IACAF,IAAW,mBAAmB;AAAA,IAC9BD;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWG,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACtD;AAEA,SAASK,EAAS,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAT,IAAY,IAAI,GAAGE,KAAmB;AAC7F,2BACG,OAAA,EAAI,WAAW,QAAQF,CAAS,IAAK,GAAGE,GACtC,UAAA;AAAA,IAAAM,KAAU,gBAAAE,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAF,GAAO;AAAA,IAC/CH,KAAS,gBAAAK,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAL,GAAM;AAAA,IAC5CC,KAAS,gBAAAI,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAJ,GAAM;AAAA,IAC5CC,KAAQ,gBAAAG,EAAC,OAAA,EAAI,WAAU,aAAa,UAAAH,GAAK;AAAA,IACzCE,KAAW,gBAAAC,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAD,EAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;AAEO,MAAME,IAAQ,OAAO,OAAOb,GAAW;AAAA,EAC5C,MAAMM;AACR,CAAC;"}
+{"version":3,"file":"index76.js","sources":["../src/components/Stack.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'vertical' | 'horizontal'\n  spacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24\n  align?: 'start' | 'center' | 'end' | 'stretch'\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n}\n\nexport const Stack: React.FC<StackProps> = ({\n  children,\n  direction = 'vertical',\n  spacing = 4,\n  align,\n  justify,\n  wrap = false,\n  className = '',\n  ...rest\n}) => {\n  const directionClasses = {\n    vertical: 'flex-col',\n    horizontal: 'flex-row',\n  }\n\n  const spacingClasses = {\n    0: 'gap-0',\n    1: 'gap-1',\n    2: 'gap-2',\n    3: 'gap-3',\n    4: 'gap-4',\n    5: 'gap-5',\n    6: 'gap-6',\n    8: 'gap-8',\n    10: 'gap-10',\n    12: 'gap-12',\n    16: 'gap-16',\n    20: 'gap-20',\n    24: 'gap-24',\n  }\n\n  const alignClasses = align && {\n    start: 'items-start',\n    center: 'items-center',\n    end: 'items-end',\n    stretch: 'items-stretch',\n  }[align]\n\n  const justifyClasses = justify && {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n    between: 'justify-between',\n    around: 'justify-around',\n    evenly: 'justify-evenly',\n  }[justify]\n\n  const classes = [\n    'flex',\n    directionClasses[direction],\n    spacingClasses[spacing],\n    alignClasses,\n    justifyClasses,\n    wrap && 'flex-wrap',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Stack","children","direction","spacing","align","justify","wrap","className","rest","directionClasses","spacingClasses","alignClasses","justifyClasses","classes"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAmB;AAAA,IACvB,UAAU;AAAA,IACV,YAAY;AAAA,EAAA,GAGRC,IAAiB;AAAA,IACrB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAeP,KAAS;AAAA,IAC5B,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS;AAAA,EAAA,EACTA,CAAK,GAEDQ,IAAiBP,KAAW;AAAA,IAChC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,EACRA,CAAO,GAEHQ,IAAU;AAAA,IACd;AAAA,IACAJ,EAAiBP,CAAS;AAAA,IAC1BQ,EAAeP,CAAO;AAAA,IACtBQ;AAAA,IACAC;AAAA,IACAN,KAAQ;AAAA,IACRC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWM,GAAU,GAAGL,GAAO,UAAAP,GAAS;AACtD;"}

package/dist/index77.js

@@ -1,34 +1,25 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-const l = {
-  neutral: "status-neutral",
-  primary: "status-primary",
-  secondary: "status-secondary",
-  accent: "status-accent",
-  info: "status-info",
-  success: "status-success",
-  warning: "status-warning",
-  error: "status-error"
-}, m = {
-  xs: "status-xs",
-  sm: "status-sm",
-  md: "status-md",
-  lg: "status-lg",
-  xl: "status-xl"
-}, d = ({
-  type: e = "neutral",
-  size: r = "md",
-  ping: n = !1,
-  bounce: i = !1,
-  label: t,
-  className: u = ""
-}) => {
-  const s = `status ${l[e]} ${m[r]} ${i ? "animate-bounce" : ""} ${u}`.trim();
-  return n ? /* @__PURE__ */ c("div", { className: "inline-grid *:[grid-area:1/1]", "aria-label": t, children: [
-    /* @__PURE__ */ a("div", { className: `${s} animate-ping` }),
-    /* @__PURE__ */ a("div", { className: s })
-  ] }) : /* @__PURE__ */ a("div", { className: s, "aria-label": t });
-};
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+function o({ children: s, className: a = "", vertical: e = !1, ...i }) {
+  const c = [
+    "stats",
+    e ? "stats-vertical" : "stats-horizontal",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { className: c, ...i, children: s });
+}
+function d({ title: s, value: a, desc: e, figure: i, actions: c, className: l = "", ...n }) {
+  return /* @__PURE__ */ r("div", { className: `stat ${l}`, ...n, children: [
+    i && /* @__PURE__ */ t("div", { className: "stat-figure", children: i }),
+    s && /* @__PURE__ */ t("div", { className: "stat-title", children: s }),
+    a && /* @__PURE__ */ t("div", { className: "stat-value", children: a }),
+    e && /* @__PURE__ */ t("div", { className: "stat-desc", children: e }),
+    c && /* @__PURE__ */ t("div", { className: "stat-actions", children: c })
+  ] });
+}
+const v = Object.assign(o, {
+  Stat: d
+});
 export {
-  d as Status
+  v as Stats
 };
 //# sourceMappingURL=index77.js.map