@aster-ui/prefixed 0.12.50

package/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'd-select'\nconst dSelectBordered = 'd-select-bordered'\nconst dSelectGhost = 'd-select-ghost'\nconst dSelectXs = 'd-select-xs'\nconst dSelectSm = 'd-select-sm'\nconst dSelectMd = 'd-select-md'\nconst dSelectLg = 'd-select-lg'\nconst dSelectXl = 'd-select-xl'\nconst dSelectNeutral = 'd-select-neutral'\nconst dSelectPrimary = 'd-select-primary'\nconst dSelectSecondary = 'd-select-secondary'\nconst dSelectAccent = 'd-select-accent'\nconst dSelectInfo = 'd-select-info'\nconst dSelectSuccess = 'd-select-success'\nconst dSelectWarning = 'd-select-warning'\nconst dSelectError = 'd-select-error'\nconst dFloatingLabel = 'd-floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":"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"}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: string | number;
+    height?: string | number;
+    circle?: boolean;
+    variant?: 'default' | 'text';
+    children?: React.ReactNode;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton.js

@@ -0,0 +1,24 @@
+import { jsx as d } from "react/jsx-runtime";
+const x = "d-skeleton", k = "d-skeleton-text", i = ({
+  width: t,
+  height: s,
+  circle: o = !1,
+  variant: l = "default",
+  className: n = "",
+  children: r,
+  style: f,
+  ...u
+}) => {
+  const c = () => {
+    const e = [x];
+    return l === "text" && e.push(k), o && e.push("rounded-full"), n && e.push(n), e.join(" ");
+  }, p = () => {
+    const e = {};
+    return t && (e.width = typeof t == "number" ? `${t}px` : t), s && (e.height = typeof s == "number" ? `${s}px` : s), Object.keys(e).length > 0 ? e : void 0;
+  };
+  return /* @__PURE__ */ d("div", { className: c(), style: { ...p(), ...f }, ...u, children: r });
+};
+export {
+  i as Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSkeleton = 'd-skeleton'\nconst dSkeletonText = 'd-skeleton-text'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dSkeleton]\n\n    if (variant === 'text') {\n      classes.push(dSkeletonText)\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dSkeleton","dSkeletonText","Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAGA,MAAMA,IAAY,cACZC,IAAgB,mBAUTC,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAACZ,CAAS;AAE1B,WAAIM,MAAY,UACdM,EAAQ,KAAKX,CAAa,GAGxBI,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/Space.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'horizontal' | 'vertical';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    wrap?: boolean;
+    split?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare const Space: React.FC<SpaceProps>;

package/dist/components/Space.js

@@ -0,0 +1,61 @@
+import { jsx as f } from "react/jsx-runtime";
+import v from "react";
+const w = {
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+}, A = {
+  start: "items-start",
+  end: "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, N = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+}, E = ({
+  direction: r = "horizontal",
+  size: s = "sm",
+  align: p,
+  justify: a,
+  wrap: u = !1,
+  split: l,
+  className: m = "",
+  style: d,
+  children: e,
+  ...g
+}) => {
+  const o = typeof s == "number", h = o ? "" : w[s], i = p ?? (r === "vertical" ? "start" : void 0), y = i ? A[i] : "", C = a ? N[a] : "", j = [
+    "flex",
+    r === "horizontal" ? "flex-row" : "flex-col",
+    h,
+    y,
+    C,
+    u ? "flex-wrap" : "",
+    m
+  ].filter(Boolean).join(" "), x = {
+    ...d,
+    ...o ? { gap: `${s}px` } : {}
+  };
+  return /* @__PURE__ */ f("div", { className: j, style: x, ...g, children: (() => {
+    if (!l) return e;
+    const t = v.Children.toArray(e).filter(Boolean);
+    if (t.length <= 1) return e;
+    const n = [];
+    return t.forEach((b, c) => {
+      n.push(b), c < t.length - 1 && n.push(
+        /* @__PURE__ */ f("span", { className: "flex-shrink-0", children: l }, `split-${c}`)
+      );
+    }), n;
+  })() });
+};
+export {
+  E as Space
+};
+//# sourceMappingURL=Space.js.map

package/dist/components/Space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Space.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  split?: React.ReactNode\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 = 'sm',\n  align,\n  justify,\n  wrap = false,\n  split,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const effectiveAlign = align ?? (direction === 'vertical' ? 'start' : undefined)\n  const alignClass = effectiveAlign ? alignClasses[effectiveAlign] : ''\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  // If split is provided, interleave separator between children\n  const renderChildren = () => {\n    if (!split) return children\n\n    const childArray = React.Children.toArray(children).filter(Boolean)\n    if (childArray.length <= 1) return children\n\n    const result: React.ReactNode[] = []\n    childArray.forEach((child, index) => {\n      result.push(child)\n      if (index < childArray.length - 1) {\n        result.push(\n          <span key={`split-${index}`} className=\"flex-shrink-0\">\n            {split}\n          </span>\n        )\n      }\n    })\n    return result\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{renderChildren()}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","split","className","style","children","rest","isNumericSize","gapClass","effectiveAlign","alignClass","justifyClass","classes","combinedStyle","jsx","childArray","React","result","child","index"],"mappings":";;AAYA,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,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOT,KAAS,UAChCU,IAAWD,IAAgB,KAAKd,EAAWK,CAAI,GAC/CW,IAAiBV,MAAUF,MAAc,aAAa,UAAU,SAChEa,IAAaD,IAAiBf,EAAae,CAAc,IAAI,IAC7DE,IAAeX,IAAUL,EAAeK,CAAO,IAAI,IAInDY,IAAU;AAAA,IACd;AAAA,IAHqBf,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAE;AAAA,IACAC;AAAA,IARgBV,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBU,IAAqC;AAAA,IACzC,GAAGT;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAgB,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGP,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMU,IAAaC,EAAM,SAAS,QAAQX,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIU,EAAW,UAAU,EAAG,QAAOV;AAEnC,UAAMY,IAA4B,CAAA;AAClC,WAAAF,EAAW,QAAQ,CAACG,GAAOC,MAAU;AACnC,MAAAF,EAAO,KAAKC,CAAK,GACbC,IAAQJ,EAAW,SAAS,KAC9BE,EAAO;AAAA,0BACJ,QAAA,EAA4B,WAAU,iBACpC,UAAAf,KADQ,SAASiB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}

package/dist/components/Splitter.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export interface SplitterPanelProps {
+    children: React.ReactNode;
+    defaultSize?: number;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    resizable?: boolean;
+    className?: string;
+}
+export interface SplitterProps {
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    sizes?: number[];
+    defaultSizes?: number[];
+    onSizesChange?: (sizes: number[]) => void;
+    gutterSize?: number;
+    minSize?: number;
+    className?: string;
+}
+declare const Panel: React.FC<SplitterPanelProps>;
+export declare const Splitter: React.FC<SplitterProps> & {
+    Panel: typeof Panel;
+};
+export {};

package/dist/components/Splitter.js

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

package/dist/components/Splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.js","sources":["../../src/components/Splitter.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\n\n// DaisyUI classes\nconst dBgBase300 = 'd-bg-base-300'\nconst dBgPrimary = 'd-bg-primary'\nconst dTextBaseContent = 'd-text-base-content'\nconst dHoverBgPrimary = 'd-hover:bg-primary'\nconst dHoverTextBaseContent = 'd-hover:text-base-content'\nconst dGroupHoverBgPrimary = 'd-group-hover:bg-primary'\nconst dHoverBgBaseContent = 'd-hover:bg-base-content'\nconst dRounded = 'd-rounded'\nconst dRoundedFull = 'd-rounded-full'\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 ${dBgBase300} transition-colors duration-150 relative group\n                  ${canResize ? `${dHoverBgPrimary}/30 active:${dBgPrimary}/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 ${dRoundedFull} ${dTextBaseContent}/30 ${dGroupHoverBgPrimary}/60`} />\n                        <div className={`w-1 h-1 ${dRoundedFull} ${dTextBaseContent}/30 ${dGroupHoverBgPrimary}/60`} />\n                        <div className={`w-1 h-1 ${dRoundedFull} ${dTextBaseContent}/30 ${dGroupHoverBgPrimary}/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 ${dRounded} ${dHoverBgBaseContent}/20 transition-colors\n                            ${isHorizontal ? '' : ''}\n                          `}\n                          aria-label={panel1Collapsed ? 'Expand panel' : 'Collapse panel'}\n                        >\n                          <svg\n                            className={`w-3 h-3 ${dTextBaseContent}/50 ${dHoverTextBaseContent} 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={`\n                            p-0.5 ${dRounded} ${dHoverBgBaseContent}/20 transition-colors\n                          `}\n                          aria-label={panel2Collapsed ? 'Expand panel' : 'Collapse panel'}\n                        >\n                          <svg\n                            className={`w-3 h-3 ${dTextBaseContent}/50 ${dHoverTextBaseContent} 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":["dBgBase300","dBgPrimary","dTextBaseContent","dHoverBgPrimary","dHoverTextBaseContent","dGroupHoverBgPrimary","dHoverBgBaseContent","dRounded","dRoundedFull","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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"}

package/dist/components/Stat.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    vertical?: boolean;
+}
+export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    value?: React.ReactNode;
+    desc?: React.ReactNode;
+    figure?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+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;
+export declare const Stats: typeof StatsRoot & {
+    Stat: typeof StatItem;
+};
+export {};

package/dist/components/Stat.js

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

package/dist/components/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":["../../src/components/Stat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dStats = 'd-stats'\nconst dStatsHorizontal = 'd-stats-horizontal'\nconst dStatsVertical = 'd-stats-vertical'\nconst dStat = 'd-stat'\nconst dStatFigure = 'd-stat-figure'\nconst dStatTitle = 'd-stat-title'\nconst dStatValue = 'd-stat-value'\nconst dStatDesc = 'd-stat-desc'\nconst dStatActions = 'd-stat-actions'\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    dStats,\n    vertical ? dStatsVertical : dStatsHorizontal,\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={`${dStat} ${className}`} {...rest}>\n      {figure && <div className={dStatFigure}>{figure}</div>}\n      {title && <div className={dStatTitle}>{title}</div>}\n      {value && <div className={dStatValue}>{value}</div>}\n      {desc && <div className={dStatDesc}>{desc}</div>}\n      {actions && <div className={dStatActions}>{actions}</div>}\n    </div>\n  )\n}\n\nexport const Stats = Object.assign(StatsRoot, {\n  Stat: StatItem,\n})\n"],"names":["dStats","dStatsHorizontal","dStatsVertical","dStat","dStatFigure","dStatTitle","dStatValue","dStatDesc","dStatActions","StatsRoot","children","className","vertical","rest","classes","StatItem","title","value","desc","figure","actions","jsxs","jsx","Stats"],"mappings":";AAGA,MAAMA,IAAS,WACTC,IAAmB,sBACnBC,IAAiB,oBACjBC,IAAQ,UACRC,IAAc,iBACdC,IAAa,gBACbC,IAAa,gBACbC,IAAY,eACZC,IAAe;AAerB,SAASC,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,GAAGC,KAAoB;AACtF,QAAMC,IAAU;AAAA,IACdd;AAAA,IACAY,IAAWV,IAAiBD;AAAA,IAC5BU;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,SACE,gBAAAQ,EAAC,SAAI,WAAW,GAAGlB,CAAK,IAAIQ,CAAS,IAAK,GAAGE,GAC1C,UAAA;AAAA,IAAAM,KAAU,gBAAAG,EAAC,OAAA,EAAI,WAAWlB,GAAc,UAAAe,GAAO;AAAA,IAC/CH,KAAS,gBAAAM,EAAC,OAAA,EAAI,WAAWjB,GAAa,UAAAW,GAAM;AAAA,IAC5CC,KAAS,gBAAAK,EAAC,OAAA,EAAI,WAAWhB,GAAa,UAAAW,GAAM;AAAA,IAC5CC,KAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAWf,GAAY,UAAAW,GAAK;AAAA,IACzCE,KAAW,gBAAAE,EAAC,OAAA,EAAI,WAAWd,GAAe,UAAAY,EAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;AAEO,MAAMG,IAAQ,OAAO,OAAOd,GAAW;AAAA,EAC5C,MAAMM;AACR,CAAC;"}

package/dist/components/Status.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type StatusType = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type StatusSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface StatusProps {
+    /** Status color type */
+    type?: StatusType;
+    /** Status size */
+    size?: StatusSize;
+    /** Ping animation effect */
+    ping?: boolean;
+    /** Bounce animation effect */
+    bounce?: boolean;
+    /** Accessibility label */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Status: React.FC<StatusProps>;

package/dist/components/Status.js

@@ -0,0 +1,34 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+const o = "d-status", i = "d-status-neutral", l = "d-status-primary", m = "d-status-secondary", S = "d-status-accent", g = "d-status-info", f = "d-status-success", x = "d-status-warning", y = "d-status-error", p = "d-status-xs", $ = "d-status-sm", N = "d-status-md", v = "d-status-lg", b = "d-status-xl", C = {
+  neutral: i,
+  primary: l,
+  secondary: m,
+  accent: S,
+  info: g,
+  success: f,
+  warning: x,
+  error: y
+}, j = {
+  xs: p,
+  sm: $,
+  md: N,
+  lg: v,
+  xl: b
+}, X = ({
+  type: n = "neutral",
+  size: d = "md",
+  ping: c = !1,
+  bounce: r = !1,
+  label: a,
+  className: u = ""
+}) => {
+  const s = `${o} ${C[n]} ${j[d]} ${r ? "animate-bounce" : ""} ${u}`.trim();
+  return c ? /* @__PURE__ */ e("div", { className: "inline-grid *:[grid-area:1/1]", "aria-label": a, children: [
+    /* @__PURE__ */ t("div", { className: `${s} animate-ping` }),
+    /* @__PURE__ */ t("div", { className: s })
+  ] }) : /* @__PURE__ */ t("div", { className: s, "aria-label": a });
+};
+export {
+  X as Status
+};
+//# sourceMappingURL=Status.js.map

package/dist/components/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","sources":["../../src/components/Status.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dStatus = 'd-status'\nconst dStatusNeutral = 'd-status-neutral'\nconst dStatusPrimary = 'd-status-primary'\nconst dStatusSecondary = 'd-status-secondary'\nconst dStatusAccent = 'd-status-accent'\nconst dStatusInfo = 'd-status-info'\nconst dStatusSuccess = 'd-status-success'\nconst dStatusWarning = 'd-status-warning'\nconst dStatusError = 'd-status-error'\nconst dStatusXs = 'd-status-xs'\nconst dStatusSm = 'd-status-sm'\nconst dStatusMd = 'd-status-md'\nconst dStatusLg = 'd-status-lg'\nconst dStatusXl = 'd-status-xl'\n\nexport type StatusType = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\nexport type StatusSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface StatusProps {\n  /** Status color type */\n  type?: StatusType\n  /** Status size */\n  size?: StatusSize\n  /** Ping animation effect */\n  ping?: boolean\n  /** Bounce animation effect */\n  bounce?: boolean\n  /** Accessibility label */\n  label?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst typeClasses: Record<StatusType, string> = {\n  neutral: dStatusNeutral,\n  primary: dStatusPrimary,\n  secondary: dStatusSecondary,\n  accent: dStatusAccent,\n  info: dStatusInfo,\n  success: dStatusSuccess,\n  warning: dStatusWarning,\n  error: dStatusError,\n}\n\nconst sizeClasses: Record<StatusSize, string> = {\n  xs: dStatusXs,\n  sm: dStatusSm,\n  md: dStatusMd,\n  lg: dStatusLg,\n  xl: dStatusXl,\n}\n\nexport const Status: React.FC<StatusProps> = ({\n  type = 'neutral',\n  size = 'md',\n  ping = false,\n  bounce = false,\n  label,\n  className = '',\n}) => {\n  const baseClasses = `${dStatus} ${typeClasses[type]} ${sizeClasses[size]} ${bounce ? 'animate-bounce' : ''} ${className}`.trim()\n\n  if (ping) {\n    return (\n      <div className=\"inline-grid *:[grid-area:1/1]\" aria-label={label}>\n        <div className={`${baseClasses} animate-ping`} />\n        <div className={baseClasses} />\n      </div>\n    )\n  }\n\n  return <div className={baseClasses} aria-label={label} />\n}\n"],"names":["dStatus","dStatusNeutral","dStatusPrimary","dStatusSecondary","dStatusAccent","dStatusInfo","dStatusSuccess","dStatusWarning","dStatusError","dStatusXs","dStatusSm","dStatusMd","dStatusLg","dStatusXl","typeClasses","sizeClasses","Status","type","size","ping","bounce","label","className","baseClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAU,YACVC,IAAiB,oBACjBC,IAAiB,oBACjBC,IAAmB,sBACnBC,IAAgB,mBAChBC,IAAc,iBACdC,IAAiB,oBACjBC,IAAiB,oBACjBC,IAAe,kBACfC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eAoBZC,IAA0C;AAAA,EAC9C,SAASb;AAAA,EACT,SAASC;AAAA,EACT,WAAWC;AAAA,EACX,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOC;AACT,GAEMO,IAA0C;AAAA,EAC9C,IAAIN;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEaG,IAAgC,CAAC;AAAA,EAC5C,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAc,GAAGvB,CAAO,IAAIc,EAAYG,CAAI,CAAC,IAAIF,EAAYG,CAAI,CAAC,IAAIE,IAAS,mBAAmB,EAAE,IAAIE,CAAS,GAAG,KAAA;AAE1H,SAAIH,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,iCAAgC,cAAYH,GACzD,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAW,GAAGF,CAAW,iBAAiB;AAAA,IAC/C,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAA,CAAa;AAAA,EAAA,GAC/B,IAIG,gBAAAE,EAAC,OAAA,EAAI,WAAWF,GAAa,cAAYF,GAAO;AACzD;"}