asterui 0.12.0 → 0.12.2

package/dist/index78.js

@@ -1,43 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-const f = i(
-  ({
-    size: e,
-    color: a,
-    ghost: t = !1,
-    bordered: r = !0,
-    className: s = "",
-    ...x
-  }, o) => {
-    const n = {
-      xs: "textarea-xs",
-      sm: "textarea-sm",
-      md: "textarea-md",
-      lg: "textarea-lg",
-      xl: "textarea-xl"
-    }, l = {
-      neutral: "textarea-neutral",
-      primary: "textarea-primary",
-      secondary: "textarea-secondary",
-      accent: "textarea-accent",
-      info: "textarea-info",
-      success: "textarea-success",
-      warning: "textarea-warning",
-      error: "textarea-error"
-    }, c = [
-      "textarea",
-      "w-full",
-      r && "textarea-bordered",
-      t && "textarea-ghost",
-      e && n[e],
-      a && l[a],
-      s
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ m("textarea", { ref: o, className: c, ...x });
-  }
-);
-f.displayName = "Textarea";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+const l = {
+  neutral: "status-neutral",
+  primary: "status-primary",
+  secondary: "status-secondary",
+  accent: "status-accent",
+  info: "status-info",
+  success: "status-success",
+  warning: "status-warning",
+  error: "status-error"
+}, m = {
+  xs: "status-xs",
+  sm: "status-sm",
+  md: "status-md",
+  lg: "status-lg",
+  xl: "status-xl"
+}, d = ({
+  type: e = "neutral",
+  size: r = "md",
+  ping: n = !1,
+  bounce: i = !1,
+  label: t,
+  className: u = ""
+}) => {
+  const s = `status ${l[e]} ${m[r]} ${i ? "animate-bounce" : ""} ${u}`.trim();
+  return n ? /* @__PURE__ */ c("div", { className: "inline-grid *:[grid-area:1/1]", "aria-label": t, children: [
+    /* @__PURE__ */ a("div", { className: `${s} animate-ping` }),
+    /* @__PURE__ */ a("div", { className: s })
+  ] }) : /* @__PURE__ */ a("div", { className: s, "aria-label": t });
+};
 export {
-  f as Textarea
+  d as Status
 };
 //# sourceMappingURL=index78.js.map

package/dist/index78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index78.js","sources":["../src/components/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'textarea-xs',\n      sm: 'textarea-sm',\n      md: 'textarea-md',\n      lg: 'textarea-lg',\n      xl: 'textarea-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'textarea-neutral',\n      primary: 'textarea-primary',\n      secondary: 'textarea-secondary',\n      accent: 'textarea-accent',\n      info: 'textarea-info',\n      success: 'textarea-success',\n      warning: 'textarea-warning',\n      error: 'textarea-error',\n    }\n\n    const textareaClasses = [\n      'textarea',\n      'w-full',\n      bordered && 'textarea-bordered',\n      ghost && 'textarea-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <textarea ref={ref} className={textareaClasses} {...props} />\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","textareaClasses"],"mappings":";;AAUO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BAAQ,YAAA,EAAS,KAAAE,GAAU,WAAWG,GAAkB,GAAGJ,GAAO;AAAA,EACpE;AACF;AAEAP,EAAS,cAAc;"}
+{"version":3,"file":"index78.js","sources":["../src/components/Status.tsx"],"sourcesContent":["import React from 'react'\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: 'status-neutral',\n  primary: 'status-primary',\n  secondary: 'status-secondary',\n  accent: 'status-accent',\n  info: 'status-info',\n  success: 'status-success',\n  warning: 'status-warning',\n  error: 'status-error',\n}\n\nconst sizeClasses: Record<StatusSize, string> = {\n  xs: 'status-xs',\n  sm: 'status-sm',\n  md: 'status-md',\n  lg: 'status-lg',\n  xl: 'status-xl',\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 = `status ${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":["typeClasses","sizeClasses","Status","type","size","ping","bounce","label","className","baseClasses","jsxs","jsx"],"mappings":";AAoBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,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,UAAUT,EAAYG,CAAI,CAAC,IAAIF,EAAYG,CAAI,CAAC,IAAIE,IAAS,mBAAmB,EAAE,IAAIE,CAAS,GAAG,KAAA;AAEtH,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;"}

package/dist/index79.js

@@ -1,26 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-const c = {
-  6e3: "duration-6000",
-  9e3: "duration-9000",
-  12e3: "duration-12000",
-  15e3: "duration-15000",
-  18e3: "duration-18000"
-}, l = ({
-  items: s,
-  duration: e,
-  centered: a = !1,
-  className: n = ""
-}) => {
-  const r = e ? c[e] : "";
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      className: `text-rotate ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
-      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((i, o) => /* @__PURE__ */ t("span", { children: i }, o)) })
-    }
-  );
-};
+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
+});
 export {
-  l as TextRotate
+  u as Steps
 };
 //# sourceMappingURL=index79.js.map

package/dist/index79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index79.js","sources":["../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\nexport type TextRotateDuration = 6000 | 9000 | 12000 | 15000 | 18000\n\nconst durationClasses: Record<TextRotateDuration, string> = {\n  6000: 'duration-6000',\n  9000: 'duration-9000',\n  12000: 'duration-12000',\n  15000: 'duration-15000',\n  18000: 'duration-18000',\n}\n\nexport interface TextRotateProps {\n  /** Text items to rotate through (max 6) */\n  items: React.ReactNode[]\n  /** Animation duration in ms (default 10000) */\n  duration?: TextRotateDuration\n  /** Center text horizontally */\n  centered?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n\n  return (\n    <span\n      className={`text-rotate ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAIA,MAAMA,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAaaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAgBH,IAAWH,EAAgBG,CAAQ,IAAI;AAE7D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAeD,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEjG,4BAAC,QAAA,EACE,UAAAH,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACM,GAAMC,MAC5B,gBAAAF,EAAC,QAAA,EAAkB,UAAAC,EAAA,GAARC,CAAa,CACzB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index79.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;"}

package/dist/index80.js

@@ -1,98 +1,332 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { useState as C } from "react";
-const v = ({
-  closable: s = !1,
-  closeIcon: t,
-  onClose: n,
-  color: e,
-  icon: r,
-  size: o = "md",
-  children: l,
-  className: i = "",
-  ...b
-}) => {
-  const [m, u] = C(!0), h = () => {
-    u(!1), n?.();
+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);
   };
-  if (!m) return null;
-  const d = () => {
-    if (!e) return "";
-    const c = {
-      primary: "badge-primary",
-      secondary: "badge-secondary",
-      accent: "badge-accent",
-      neutral: "badge-neutral",
-      info: "badge-info",
-      success: "badge-success",
-      warning: "badge-warning",
-      error: "badge-error",
-      ghost: "badge-ghost"
-    };
-    return c[e] ? c[e] : "";
-  }, p = {
-    xs: "badge-xs text-xs",
-    sm: "badge-sm text-sm",
-    md: "badge-md",
-    lg: "badge-lg text-lg"
-  }, f = [
-    "badge gap-1 inline-flex items-center",
-    d(),
-    p[o],
-    i
-  ].filter(Boolean).join(" "), x = e && !d() ? { backgroundColor: e, borderColor: e } : void 0;
-  return /* @__PURE__ */ g("span", { className: f, style: x, ...b, children: [
-    r && /* @__PURE__ */ a("span", { className: "inline-flex", children: r }),
-    l,
-    s && /* @__PURE__ */ a(
+  return /* @__PURE__ */ f("div", { className: "dropdown dropdown-end", children: [
+    /* @__PURE__ */ s(
       "button",
       {
-        type: "button",
-        onClick: h,
-        className: "btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent",
-        "aria-label": "Close",
-        children: t || /* @__PURE__ */ a(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ a(
-              "path",
+        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" }) })
+      }
+    ),
+    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",
               {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M6 18L18 6M6 6l12 12"
+                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",
+            {
+              className: "btn btn-ghost btn-xs w-full",
+              onClick: P,
+              children: "Clear"
+            }
+          )
+        ]
       }
     )
   ] });
-}, N = ({
-  checked: s = !1,
-  onChange: t,
-  icon: n,
-  children: e,
-  className: r = "",
-  ...o
-}) => {
-  const l = () => {
-    t?.(!s);
-  }, i = [
-    "badge badge-md gap-1 cursor-pointer transition-colors",
-    s ? "badge-primary" : "badge-outline hover:badge-primary hover:badge-outline",
-    r
+}
+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(" ");
-  return /* @__PURE__ */ g("span", { className: i, onClick: l, role: "checkbox", "aria-checked": s, ...o, children: [
-    n && /* @__PURE__ */ a("span", { className: "inline-flex", children: n }),
-    e
+  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",
+            {
+              className: `${M(e.align)} ${n.className}`,
+              style: {
+                ...e.width ? { width: e.width } : {},
+                ...n.style
+              },
+              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",
+                {
+                  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
+                }
+              ) }),
+              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: "»"
+        }
+      )
+    ] }) })
   ] });
-};
+}
 export {
-  N as CheckableTag,
-  v as Tag
+  ne as Table
 };
 //# sourceMappingURL=index80.js.map