asterui 0.10.3 → 0.12.0

package/dist/index71.js

@@ -1,25 +1,49 @@
-import { jsx as o } from "react/jsx-runtime";
-function c({ children: e, vertical: s = !1, className: t = "", ...n }) {
-  const r = ["steps", s && "steps-vertical", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("ul", { className: r, ...n, children: e });
-}
-function p({ children: e, color: s, dataContent: t, className: n = "", ...r }) {
-  const a = ["step", s && {
-    neutral: "step-neutral",
-    primary: "step-primary",
-    secondary: "step-secondary",
-    accent: "step-accent",
-    info: "step-info",
-    success: "step-success",
-    warning: "step-warning",
-    error: "step-error"
-  }[s], n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: a, "data-content": t, ...r, children: e });
-}
-const u = Object.assign(c, {
-  Step: p
-});
+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 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 });
+};
 export {
-  u as Steps
+  h as Space
 };
 //# sourceMappingURL=index71.js.map

package/dist/index71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index71.js","sources":["../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface StepsProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color'> {\n  children: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  dataContent?: string\n}\n\nfunction StepsRoot({ children, vertical = false, className = '', ...rest }: StepsProps) {\n  const classes = ['steps', vertical && 'steps-vertical', className].filter(Boolean).join(' ')\n\n  return <ul className={classes} {...rest}>{children}</ul>\n}\n\nfunction Step({ children, color, dataContent, className = '', ...rest }: StepProps) {\n  const colorClasses = {\n    neutral: 'step-neutral',\n    primary: 'step-primary',\n    secondary: 'step-secondary',\n    accent: 'step-accent',\n    info: 'step-info',\n    success: 'step-success',\n    warning: 'step-warning',\n    error: 'step-error',\n  }\n\n  const classes = ['step', color && colorClasses[color], className].filter(Boolean).join(' ')\n\n  return (\n    <li className={classes} data-content={dataContent} {...rest}>\n      {children}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["StepsRoot","children","vertical","className","rest","classes","Step","color","dataContent","jsx","Steps"],"mappings":";AAaA,SAASA,EAAU,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACtF,QAAMC,IAAU,CAAC,SAASH,KAAY,kBAAkBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3F,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACrD;AAEA,SAASK,EAAK,EAAE,UAAAL,GAAU,OAAAM,GAAO,aAAAC,GAAa,WAAAL,IAAY,IAAI,GAAGC,KAAmB;AAYlF,QAAMC,IAAU,CAAC,QAAQE,KAXJ;AAAA,IACnB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EAGsCA,CAAK,GAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1F,SACE,gBAAAM,EAAC,QAAG,WAAWJ,GAAS,gBAAcG,GAAc,GAAGJ,GACpD,UAAAH,GACH;AAEJ;AAEO,MAAMS,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,MAAAM;AACF,CAAC;"}
+{"version":3,"file":"index71.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/index72.js

@@ -1,332 +1,137 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { useState as v } from "react";
-function te({
-  filters: l,
-  selectedValues: p,
-  onChange: k
-}) {
-  const [w, m] = v(!1), I = (c) => {
-    const S = p.includes(c) ? p.filter(($) => $ !== c) : [...p, c];
-    k(S);
-  }, P = () => {
-    k([]), m(!1);
-  };
-  return /* @__PURE__ */ f("div", { className: "dropdown dropdown-end", children: [
-    /* @__PURE__ */ s(
-      "button",
-      {
-        tabIndex: 0,
-        className: `btn btn-ghost btn-xs ${p.length > 0 ? "text-primary" : ""}`,
-        onClick: () => m(!w),
-        children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" }) })
+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 $ = 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));
       }
-    ),
-    w && /* @__PURE__ */ f(
-      "div",
-      {
-        tabIndex: 0,
-        className: "dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10",
-        children: [
-          /* @__PURE__ */ s("div", { className: "space-y-2", children: l.map((c) => /* @__PURE__ */ f("label", { className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded", children: [
-            /* @__PURE__ */ s(
-              "input",
-              {
-                type: "checkbox",
-                className: "checkbox checkbox-xs",
-                checked: p.includes(c.value),
-                onChange: () => I(c.value)
-              }
-            ),
-            /* @__PURE__ */ s("span", { className: "text-sm", children: c.text })
-          ] }, String(c.value))) }),
-          /* @__PURE__ */ s("div", { className: "divider my-1" }),
-          /* @__PURE__ */ s(
-            "button",
+    },
+    [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",
             {
-              className: "btn btn-ghost btn-xs w-full",
-              onClick: P,
-              children: "Clear"
+              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
             }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function ne({
-  columns: l,
-  dataSource: p,
-  rowKey: k = "id",
-  loading: w = !1,
-  size: m = "md",
-  bordered: I = !1,
-  hoverable: P = !0,
-  striped: c = !1,
-  pinRows: S = !1,
-  pinCols: $ = !1,
-  pagination: h,
-  rowSelection: o,
-  className: E = "",
-  onRow: W
-}) {
-  const [N, K] = v(
-    h !== !1 && h?.current ? h.current : 1
-  ), j = h !== !1 && h?.pageSize ? h.pageSize : 10, [x, T] = v(() => {
-    const e = l.find((t) => t.defaultSortOrder);
-    return {
-      columnKey: e?.key || null,
-      order: e?.defaultSortOrder || null
-    };
-  }), [V, _] = v(() => {
-    const e = {};
-    return l.forEach((t) => {
-      t.defaultFilteredValue && (e[t.key] = t.defaultFilteredValue);
-    }), e;
-  }), [z, O] = v(
-    o?.selectedRowKeys || []
-  ), R = h !== !1;
-  let y = [...p];
-  if (Object.entries(V).forEach(([e, t]) => {
-    if (t.length > 0) {
-      const n = l.find((r) => r.key === e);
-      n?.onFilter && (y = y.filter(
-        (r) => t.some((i) => n.onFilter(i, r))
-      ));
-    }
-  }), x.columnKey && x.order) {
-    const e = l.find((t) => t.key === x.columnKey);
-    e?.sorter && y.sort((t, n) => {
-      let r = 0;
-      if (typeof e.sorter == "function")
-        r = e.sorter(t, n);
-      else if (e.dataIndex) {
-        const i = t[e.dataIndex], d = n[e.dataIndex];
-        i < d && (r = -1), i > d && (r = 1);
-      }
-      return x.order === "ascend" ? r : -r;
-    });
-  }
-  const L = Math.ceil(y.length / j), A = (N - 1) * j, q = A + j, C = R ? y.slice(A, q) : y, B = (e) => {
-    K(e), h !== !1 && h?.onChange && h.onChange(e, j);
-  }, G = (e) => {
-    T((t) => {
-      if (t.columnKey === e) {
-        if (t.order === "ascend") return { columnKey: e, order: "descend" };
-        if (t.order === "descend") return { columnKey: null, order: null };
-      }
-      return { columnKey: e, order: "ascend" };
-    }), K(1);
-  }, J = (e, t) => {
-    _((n) => ({
-      ...n,
-      [e]: t
-    })), K(1);
-  }, Q = (e) => {
-    const t = e ? C.map((n, r) => F(n, r)) : [];
-    if (O(t), o?.onChange) {
-      const n = e ? C : [];
-      o.onChange(t, n);
-    }
-  }, U = (e, t, n) => {
-    const r = F(e, t), i = n ? [...z, r] : z.filter((d) => d !== r);
-    if (O(i), o?.onChange) {
-      const d = y.filter(
-        (u, a) => i.includes(F(u, a))
-      );
-      o.onChange(i, d);
-    }
-  }, F = (e, t) => typeof k == "function" ? k(e) : e[k] ?? t.toString(), X = (e, t, n) => e.render ? e.render(
-    e.dataIndex ? t[e.dataIndex] : void 0,
-    t,
-    n
-  ) : e.dataIndex ? t[e.dataIndex] : "", M = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", D = (e, t = !1) => {
-    const n = l[e];
-    if (!n.fixed) return { className: "" };
-    const r = ["sticky", "bg-base-100"];
-    let i = 0;
-    const d = {
-      boxSizing: "border-box"
-    };
-    if (n.fixed === "left") {
-      for (let a = 0; a < e; a++)
-        if (l[a].fixed === "left" && l[a].width) {
-          const b = l[a].width, g = typeof b == "number" ? b : parseInt(String(b));
-          isNaN(g) || (i += g);
-        }
-      i === 0 ? r.push("left-0") : d.left = `${i}px`, r.push(t ? "z-30" : "z-20");
-      let u = -1;
-      for (let a = l.length - 1; a >= 0; a--)
-        if (l[a].fixed === "left") {
-          u = a;
-          break;
-        }
-      e === u && (d.boxShadow = "2px 0 4px rgba(0, 0, 0, 0.1)");
-    }
-    if (n.fixed === "right") {
-      for (let a = e + 1; a < l.length; a++)
-        if (l[a].fixed === "right" && l[a].width) {
-          const b = l[a].width, g = typeof b == "number" ? b : parseInt(String(b));
-          isNaN(g) || (i += g);
-        }
-      i === 0 ? r.push("right-0") : d.right = `${i}px`, r.push(t ? "z-30" : "z-20"), e === l.findIndex((a) => a.fixed === "right") && (d.boxShadow = "-2px 0 4px rgba(0, 0, 0, 0.1)");
-    }
-    return {
-      className: r.filter(Boolean).join(" "),
-      style: Object.keys(d).length > 0 ? d : void 0
-    };
-  }, Y = [
-    "table",
-    "bg-base-100",
-    m === "xs" && "table-xs",
-    m === "sm" && "table-sm",
-    m === "lg" && "table-lg",
-    c && "table-zebra",
-    S && "table-pin-rows",
-    $ && "table-pin-cols",
-    E
-  ].filter(Boolean).join(" "), Z = l.some((e) => e.fixed), H = [
-    (!S || Z) && "overflow-x-auto",
-    I && "rounded-box border border-base-content/5 bg-base-100"
-  ].filter(Boolean).join(" ");
-  if (w)
-    return /* @__PURE__ */ s("div", { className: "flex justify-center items-center p-8", children: /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-lg" }) });
-  const ee = C.length > 0 && z.length === C.length;
-  return /* @__PURE__ */ f("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s("div", { className: H, children: /* @__PURE__ */ f("table", { className: Y, style: { borderCollapse: "separate", borderSpacing: 0, tableLayout: "fixed" }, children: [
-      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ f("tr", { children: [
-        o && /* @__PURE__ */ s("th", { style: { width: 50 }, className: "sticky left-0 z-20 bg-base-100", children: o.type !== "radio" && /* @__PURE__ */ s(
-          "input",
-          {
-            type: "checkbox",
-            className: "checkbox checkbox-sm",
-            checked: ee,
-            onChange: (e) => Q(e.target.checked)
-          }
-        ) }),
-        l.map((e, t) => {
-          const n = D(t, !0);
-          return /* @__PURE__ */ s(
-            "th",
+          ),
+          !r && /* @__PURE__ */ f(
+            "div",
             {
-              className: `${M(e.align)} ${n.className}`,
+              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: {
-                ...e.width ? { width: e.width } : {},
-                ...n.style
+                [d ? "width" : "height"]: `${z}px`
               },
-              children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ s(
-                  "span",
-                  {
-                    className: e.sorter ? "cursor-pointer select-none" : "",
-                    onClick: () => e.sorter && G(e.key),
-                    children: e.title
-                  }
-                ),
-                e.sorter && /* @__PURE__ */ f("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ s(
-                    "svg",
-                    {
-                      className: `w-3 h-3 ${x.columnKey === e.key && x.order === "ascend" ? "text-primary" : "text-base-content/30"}`,
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      children: /* @__PURE__ */ s("path", { d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" })
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "svg",
-                    {
-                      className: `w-3 h-3 -mt-1 ${x.columnKey === e.key && x.order === "descend" ? "text-primary" : "text-base-content/30"}`,
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      children: /* @__PURE__ */ s("path", { d: "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" })
-                    }
-                  )
-                ] }),
-                e.filters && /* @__PURE__ */ s(
-                  te,
-                  {
-                    filters: e.filters,
-                    selectedValues: V[e.key] || [],
-                    onChange: (r) => J(e.key, r)
-                  }
-                )
-              ] })
-            },
-            e.key
-          );
-        })
-      ] }) }),
-      /* @__PURE__ */ s("tbody", { children: C.map((e, t) => {
-        const n = W?.(e, t) || {}, r = F(e, t), i = z.includes(r), d = [
-          P && "hover:bg-base-300",
-          i && "bg-primary/10"
-        ].filter(Boolean).join(" "), u = o?.getCheckboxProps?.(e) || {};
-        return /* @__PURE__ */ f(
-          "tr",
-          {
-            className: d,
-            ...n,
-            children: [
-              o && /* @__PURE__ */ s("td", { className: "sticky left-0 z-10 bg-base-100", children: /* @__PURE__ */ s(
-                "input",
+              onMouseDown: (o) => V(e, o),
+              onKeyDown: (o) => J(e, o),
+              children: /* @__PURE__ */ B(
+                "div",
                 {
-                  type: o.type === "radio" ? "radio" : "checkbox",
-                  className: o.type === "radio" ? "radio radio-sm" : "checkbox checkbox-sm",
-                  checked: i,
-                  onChange: (a) => U(e, t, a.target.checked),
-                  ...u
+                  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" })
+                  ]
                 }
-              ) }),
-              l.map((a, b) => {
-                const g = D(b, !1);
-                return /* @__PURE__ */ s(
-                  "td",
-                  {
-                    className: `${M(a.align)} ${g.className}`,
-                    style: g.style,
-                    children: X(a, e, t)
-                  },
-                  a.key
-                );
-              })
-            ]
-          },
-          r
-        );
-      }) })
-    ] }) }),
-    R && L > 1 && /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ f("div", { className: "join", children: [
-      /* @__PURE__ */ s(
-        "button",
-        {
-          className: "join-item btn btn-sm",
-          onClick: () => B(N - 1),
-          disabled: N === 1,
-          children: "«"
-        }
-      ),
-      Array.from({ length: L }, (e, t) => t + 1).map((e) => /* @__PURE__ */ s(
-        "button",
-        {
-          className: `join-item btn btn-sm ${N === e ? "btn-active" : ""}`,
-          onClick: () => B(e),
-          children: e
-        },
-        e
-      )),
-      /* @__PURE__ */ s(
-        "button",
-        {
-          className: "join-item btn btn-sm",
-          onClick: () => B(N + 1),
-          disabled: N === L,
-          children: "»"
-        }
-      )
-    ] }) })
-  ] });
-}
+              )
+            }
+          )
+        ] }, e);
+      })
+    }
+  );
+};
+oe.Panel = ne;
 export {
-  ne as Table
+  oe as Splitter
 };
 //# sourceMappingURL=index72.js.map