asterui 0.12.9 → 0.12.11

package/dist/index35.js

@@ -1,33 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-function s({
-  children: o,
-  className: e = "",
-  ...n
-}) {
-  const t = ["hero", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: t, ...n, children: o });
-}
-function a({
-  children: o,
-  className: e = "",
-  ...n
-}) {
-  const t = ["hero-content", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: t, ...n, children: o });
-}
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 function c({
   children: o,
-  className: e = "",
-  ...n
+  overlay: s = !1,
+  contentClassName: a = "",
+  className: r = "",
+  ...l
 }) {
-  const t = ["hero-overlay", "bg-opacity-60", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: t, ...n, children: o });
+  const n = ["hero", r].filter(Boolean).join(" "), t = ["hero-content", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: n, ...l, children: [
+    s && /* @__PURE__ */ e("div", { className: "hero-overlay bg-opacity-60" }),
+    /* @__PURE__ */ e("div", { className: t, children: o })
+  ] });
 }
-const l = Object.assign(s, {
-  Content: a,
-  Overlay: c
-});
+c.displayName = "Hero";
 export {
-  l as Hero
+  c as Hero,
+  c as default
 };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/components/Hero.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HeroProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface HeroContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface HeroOverlayProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n}\n\nfunction HeroRoot({\n  children,\n  className = '',\n  ...rest\n}: HeroProps) {\n  const classes = ['hero', className].filter(Boolean).join(' ')\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nfunction HeroContent({\n  children,\n  className = '',\n  ...rest\n}: HeroContentProps) {\n  const classes = ['hero-content', className].filter(Boolean).join(' ')\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nfunction HeroOverlay({\n  children,\n  className = '',\n  ...rest\n}: HeroOverlayProps) {\n  const classes = ['hero-overlay', 'bg-opacity-60', className].filter(Boolean).join(' ')\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nexport const Hero = Object.assign(HeroRoot, {\n  Content: HeroContent,\n  Overlay: HeroOverlay,\n})\n"],"names":["HeroRoot","children","className","rest","classes","HeroContent","HeroOverlay","Hero"],"mappings":";AAcA,SAASA,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAU,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE5D,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;AAEA,SAASI,EAAY;AAAA,EACnB,UAAAJ;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAU,CAAC,gBAAgBF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEpE,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;AAEA,SAASK,EAAY;AAAA,EACnB,UAAAL;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAU,CAAC,gBAAgB,iBAAiBF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErF,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;AAEO,MAAMM,IAAO,OAAO,OAAOP,GAAU;AAAA,EAC1C,SAASK;AAAA,EACT,SAASC;AACX,CAAC;"}
+{"version":3,"file":"index35.js","sources":["../src/components/Hero.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HeroProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  overlay?: boolean\n  contentClassName?: string\n}\n\nexport function Hero({\n  children,\n  overlay = false,\n  contentClassName = '',\n  className = '',\n  ...rest\n}: HeroProps) {\n  const heroClasses = ['hero', className].filter(Boolean).join(' ')\n  const contentClasses = ['hero-content', contentClassName].filter(Boolean).join(' ')\n\n  return (\n    <div className={heroClasses} {...rest}>\n      {overlay && <div className=\"hero-overlay bg-opacity-60\" />}\n      <div className={contentClasses}>{children}</div>\n    </div>\n  )\n}\n\nHero.displayName = 'Hero'\n\nexport default Hero\n"],"names":["Hero","children","overlay","contentClassName","className","rest","heroClasses","contentClasses","jsxs","jsx"],"mappings":";AAQO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,kBAAAC,IAAmB;AAAA,EACnB,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAc,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1DG,IAAiB,CAAC,gBAAgBJ,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElF,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWF,GAAc,GAAGD,GAC9B,UAAA;AAAA,IAAAH,KAAW,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BAAA,CAA6B;AAAA,IACxD,gBAAAA,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAN,EAAA,CAAS;AAAA,EAAA,GAC5C;AAEJ;AAEAD,EAAK,cAAc;"}

package/dist/index74.js

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

package/dist/index74.js.map

@@ -1 +1 @@
-{"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;"}
+{"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  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 = 'md',\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 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  // 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","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,IAAaV,IAAQL,EAAaK,CAAK,IAAI,IAC3CW,IAAeV,IAAUL,EAAeK,CAAO,IAAI,IAInDW,IAAU;AAAA,IACd;AAAA,IAHqBd,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAC;AAAA,IACAC;AAAA,IARgBT,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBS,IAAqC;AAAA,IACzC,GAAGR;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAe,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGN,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMS,IAAaC,EAAM,SAAS,QAAQV,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIS,EAAW,UAAU,EAAG,QAAOT;AAEnC,UAAMW,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,UAAAd,KADQ,SAASgB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}

package/dist/index75.js

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