asterui 0.12.0 → 0.12.1

package/dist/index63.js

@@ -1,21 +1,21 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import b, { forwardRef as G, useContext as N, createContext as V } from "react";
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import S, { forwardRef as b, useContext as G, createContext as V } from "react";
 const f = V(null);
-function w({ children: n, value: e, defaultValue: s, onChange: o, name: i, className: c = "" }) {
-  const [d, r] = b.useState(s), l = e !== void 0 ? e : d, m = (a) => {
-    e === void 0 && r(a), o?.(a);
+function w({ children: r, value: e, defaultValue: i, onChange: o, name: t, className: c = "" }) {
+  const [d, s] = S.useState(i), l = e !== void 0 ? e : d, u = (a) => {
+    e === void 0 && s(a), o?.({ target: { value: a, name: t } });
   };
-  return /* @__PURE__ */ t(f.Provider, { value: { value: l, onChange: m, name: i }, children: /* @__PURE__ */ t("div", { className: c, children: n }) });
+  return /* @__PURE__ */ n(f.Provider, { value: { value: l, onChange: u, name: t }, children: /* @__PURE__ */ n("div", { className: c, children: r }) });
 }
-const g = G(
-  ({ size: n, color: e, className: s = "", value: o, checked: i, onChange: c, name: d, children: r, ...l }, m) => {
-    const a = N(f), C = {
+const g = b(
+  ({ size: r, color: e, className: i = "", value: o, checked: t, onChange: c, name: d, children: s, ...l }, u) => {
+    const a = G(f), h = {
       xs: "radio-xs",
       sm: "radio-sm",
       md: "radio-md",
       lg: "radio-lg",
       xl: "radio-xl"
-    }, h = {
+    }, x = {
       neutral: "radio-neutral",
       primary: "radio-primary",
       secondary: "radio-secondary",
@@ -24,37 +24,37 @@ const g = G(
       success: "radio-success",
       warning: "radio-warning",
       error: "radio-error"
-    }, x = ["radio", n && C[n], e && h[e]].filter(Boolean).join(" "), u = a ? a.value === o : i, y = (j) => {
+    }, C = ["radio", r && h[r], e && x[e]].filter(Boolean).join(" "), m = a ? a.value === o : t, y = (k) => {
       if (a && o !== void 0) {
-        const k = typeof o == "string" || typeof o == "number" ? o : String(o);
-        a.onChange?.(k);
+        const j = typeof o == "string" || typeof o == "number" ? o : String(o);
+        a.onChange?.(j);
       }
-      c?.(j);
-    }, R = a?.name || d, p = /* @__PURE__ */ t(
+      c?.(k);
+    }, R = a?.name || d, p = /* @__PURE__ */ n(
       "input",
       {
-        ref: m,
+        ref: u,
         type: "radio",
-        className: x,
+        className: C,
         value: o,
-        checked: u,
+        checked: m,
         onChange: y,
         name: R,
-        "data-state": u ? "checked" : "unchecked",
+        "data-state": m ? "checked" : "unchecked",
         ...l
       }
     );
-    return r ? /* @__PURE__ */ S("label", { className: `flex items-center gap-2 cursor-pointer ${s}`, children: [
-      p,
-      /* @__PURE__ */ t("span", { children: r })
+    return s ? /* @__PURE__ */ N("label", { className: `flex items-center gap-2 cursor-pointer ${i}`, children: [
+      /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: p }),
+      /* @__PURE__ */ n("span", { children: s })
     ] }) : p;
   }
 );
 g.displayName = "Radio";
-const O = Object.assign(g, {
+const I = Object.assign(g, {
   Group: w
 });
 export {
-  O as Radio
+  I as Radio
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/Radio.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  className?: string\n  children?: React.ReactNode\n}\n\nexport interface RadioGroupProps {\n  children: React.ReactNode\n  value?: string | number\n  defaultValue?: string | number\n  onChange?: (value: string | number) => void\n  name?: string\n  className?: string\n}\n\ninterface RadioGroupContextValue {\n  value?: string | number\n  onChange?: (value: string | number) => void\n  name?: string\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\nfunction RadioGroup({ children, value, defaultValue, onChange, name, className = '' }: RadioGroupProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (newValue: string | number) => {\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  return (\n    <RadioGroupContext.Provider value={{ value: currentValue, onChange: handleChange, name }}>\n      <div className={className}>{children}</div>\n    </RadioGroupContext.Provider>\n  )\n}\n\nconst RadioRoot = forwardRef<HTMLInputElement, RadioProps>(\n  ({ size, color, className = '', value, checked, onChange, name: nameProp, children, ...props }, ref) => {\n    const groupContext = useContext(RadioGroupContext)\n\n    const sizeClasses = {\n      xs: 'radio-xs',\n      sm: 'radio-sm',\n      md: 'radio-md',\n      lg: 'radio-lg',\n      xl: 'radio-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'radio-neutral',\n      primary: 'radio-primary',\n      secondary: 'radio-secondary',\n      accent: 'radio-accent',\n      info: 'radio-info',\n      success: 'radio-success',\n      warning: 'radio-warning',\n      error: 'radio-error',\n    }\n\n    const radioClasses = ['radio', size && sizeClasses[size], color && colorClasses[color]]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value and onChange\n    const isChecked = groupContext ? groupContext.value === value : checked\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined) {\n        const normalizedValue = typeof value === 'string' || typeof value === 'number' ? value : String(value)\n        groupContext.onChange?.(normalizedValue)\n      }\n      onChange?.(e)\n    }\n    const name = groupContext?.name || nameProp\n\n    const dataState = isChecked ? 'checked' : 'unchecked'\n\n    const input = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={radioClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        name={name}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children are provided, wrap in a label\n    if (children) {\n      return (\n        <label className={`flex items-center gap-2 cursor-pointer ${className}`}>\n          {input}\n          <span>{children}</span>\n        </label>\n      )\n    }\n\n    return input\n  }\n)\n\nRadioRoot.displayName = 'Radio'\n\nexport const Radio = Object.assign(RadioRoot, {\n  Group: RadioGroup,\n})\n"],"names":["RadioGroupContext","createContext","RadioGroup","children","value","defaultValue","onChange","name","className","internalValue","setInternalValue","React","currentValue","handleChange","newValue","jsx","RadioRoot","forwardRef","size","color","checked","nameProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","radioClasses","isChecked","e","normalizedValue","input","jsxs","Radio"],"mappings":";;AAwBA,MAAMA,IAAoBC,EAA6C,IAAI;AAE3E,SAASC,EAAW,EAAE,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,MAAuB;AACtG,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAASN,CAAY,GAC/DO,IAAeR,MAAU,SAAYA,IAAQK,GAE7CI,IAAe,CAACC,MAA8B;AAClD,IAAIV,MAAU,UACZM,EAAiBI,CAAQ,GAE3BR,IAAWQ,CAAQ;AAAA,EACrB;AAEA,2BACGd,EAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAOY,GAAc,UAAUC,GAAc,MAAAN,KAChF,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAAP,GAAuB,UAAAL,GAAS,GACvC;AAEJ;AAEA,MAAMa,IAAYC;AAAA,EAChB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAX,IAAY,IAAI,OAAAJ,GAAO,SAAAgB,GAAS,UAAAd,GAAU,MAAMe,GAAU,UAAAlB,GAAU,GAAGmB,EAAA,GAASC,MAAQ;AACtG,UAAMC,IAAeC,EAAWzB,CAAiB,GAE3C0B,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,IAAe,CAAC,SAASV,KAAQQ,EAAYR,CAAI,GAAGC,KAASQ,EAAaR,CAAK,CAAC,EACnF,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAYL,IAAeA,EAAa,UAAUpB,IAAQgB,GAC1DP,IAAe,CAACiB,MAA2C;AAC/D,UAAIN,KAAgBpB,MAAU,QAAW;AACvC,cAAM2B,IAAkB,OAAO3B,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ,OAAOA,CAAK;AACrG,QAAAoB,EAAa,WAAWO,CAAe;AAAA,MACzC;AACA,MAAAzB,IAAWwB,CAAC;AAAA,IACd,GACMvB,IAAOiB,GAAc,QAAQH,GAI7BW,IACJ,gBAAAjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAQ;AAAA,QACA,MAAK;AAAA,QACL,WAAWK;AAAA,QACX,OAAAxB;AAAA,QACA,SAASyB;AAAA,QACT,UAAUhB;AAAA,QACV,MAAAN;AAAA,QACA,cAXcsB,IAAY,YAAY;AAAA,QAYrC,GAAGP;AAAA,MAAA;AAAA,IAAA;AAKR,WAAInB,IAEA,gBAAA8B,EAAC,SAAA,EAAM,WAAW,0CAA0CzB,CAAS,IAClE,UAAA;AAAA,MAAAwB;AAAA,MACD,gBAAAjB,EAAC,UAAM,UAAAZ,EAAA,CAAS;AAAA,IAAA,GAClB,IAIG6B;AAAA,EACT;AACF;AAEAhB,EAAU,cAAc;AAEjB,MAAMkB,IAAQ,OAAO,OAAOlB,GAAW;AAAA,EAC5C,OAAOd;AACT,CAAC;"}
+{"version":3,"file":"index63.js","sources":["../src/components/Radio.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  className?: string\n  children?: React.ReactNode\n}\n\nexport interface RadioGroupChangeEvent {\n  target: {\n    value: string | number\n    name?: string\n  }\n}\n\nexport interface RadioGroupProps {\n  children: React.ReactNode\n  value?: string | number\n  defaultValue?: string | number\n  onChange?: (e: RadioGroupChangeEvent) => void\n  name?: string\n  className?: string\n}\n\ninterface RadioGroupContextValue {\n  value?: string | number\n  onChange?: (value: string | number) => void\n  name?: string\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\nfunction RadioGroup({ children, value, defaultValue, onChange, name, className = '' }: RadioGroupProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (newValue: string | number) => {\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.({ target: { value: newValue, name } })\n  }\n\n  return (\n    <RadioGroupContext.Provider value={{ value: currentValue, onChange: handleChange, name }}>\n      <div className={className}>{children}</div>\n    </RadioGroupContext.Provider>\n  )\n}\n\nconst RadioRoot = forwardRef<HTMLInputElement, RadioProps>(\n  ({ size, color, className = '', value, checked, onChange, name: nameProp, children, ...props }, ref) => {\n    const groupContext = useContext(RadioGroupContext)\n\n    const sizeClasses = {\n      xs: 'radio-xs',\n      sm: 'radio-sm',\n      md: 'radio-md',\n      lg: 'radio-lg',\n      xl: 'radio-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'radio-neutral',\n      primary: 'radio-primary',\n      secondary: 'radio-secondary',\n      accent: 'radio-accent',\n      info: 'radio-info',\n      success: 'radio-success',\n      warning: 'radio-warning',\n      error: 'radio-error',\n    }\n\n    const radioClasses = ['radio', size && sizeClasses[size], color && colorClasses[color]]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value and onChange\n    const isChecked = groupContext ? groupContext.value === value : checked\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined) {\n        const normalizedValue = typeof value === 'string' || typeof value === 'number' ? value : String(value)\n        groupContext.onChange?.(normalizedValue)\n      }\n      onChange?.(e)\n    }\n    const name = groupContext?.name || nameProp\n\n    const dataState = isChecked ? 'checked' : 'unchecked'\n\n    const input = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={radioClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        name={name}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children are provided, wrap in a label\n    if (children) {\n      return (\n        <label className={`flex items-center gap-2 cursor-pointer ${className}`}>\n          <span className=\"flex-shrink-0\">{input}</span>\n          <span>{children}</span>\n        </label>\n      )\n    }\n\n    return input\n  }\n)\n\nRadioRoot.displayName = 'Radio'\n\nexport const Radio = Object.assign(RadioRoot, {\n  Group: RadioGroup,\n})\n"],"names":["RadioGroupContext","createContext","RadioGroup","children","value","defaultValue","onChange","name","className","internalValue","setInternalValue","React","currentValue","handleChange","newValue","jsx","RadioRoot","forwardRef","size","color","checked","nameProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","radioClasses","isChecked","e","normalizedValue","input","jsxs","Radio"],"mappings":";;AA+BA,MAAMA,IAAoBC,EAA6C,IAAI;AAE3E,SAASC,EAAW,EAAE,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,MAAuB;AACtG,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAASN,CAAY,GAC/DO,IAAeR,MAAU,SAAYA,IAAQK,GAE7CI,IAAe,CAACC,MAA8B;AAClD,IAAIV,MAAU,UACZM,EAAiBI,CAAQ,GAE3BR,IAAW,EAAE,QAAQ,EAAE,OAAOQ,GAAU,MAAAP,EAAA,GAAQ;AAAA,EAClD;AAEA,2BACGP,EAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAOY,GAAc,UAAUC,GAAc,MAAAN,KAChF,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAAP,GAAuB,UAAAL,GAAS,GACvC;AAEJ;AAEA,MAAMa,IAAYC;AAAA,EAChB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAX,IAAY,IAAI,OAAAJ,GAAO,SAAAgB,GAAS,UAAAd,GAAU,MAAMe,GAAU,UAAAlB,GAAU,GAAGmB,EAAA,GAASC,MAAQ;AACtG,UAAMC,IAAeC,EAAWzB,CAAiB,GAE3C0B,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,IAAe,CAAC,SAASV,KAAQQ,EAAYR,CAAI,GAAGC,KAASQ,EAAaR,CAAK,CAAC,EACnF,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAYL,IAAeA,EAAa,UAAUpB,IAAQgB,GAC1DP,IAAe,CAACiB,MAA2C;AAC/D,UAAIN,KAAgBpB,MAAU,QAAW;AACvC,cAAM2B,IAAkB,OAAO3B,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ,OAAOA,CAAK;AACrG,QAAAoB,EAAa,WAAWO,CAAe;AAAA,MACzC;AACA,MAAAzB,IAAWwB,CAAC;AAAA,IACd,GACMvB,IAAOiB,GAAc,QAAQH,GAI7BW,IACJ,gBAAAjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAQ;AAAA,QACA,MAAK;AAAA,QACL,WAAWK;AAAA,QACX,OAAAxB;AAAA,QACA,SAASyB;AAAA,QACT,UAAUhB;AAAA,QACV,MAAAN;AAAA,QACA,cAXcsB,IAAY,YAAY;AAAA,QAYrC,GAAGP;AAAA,MAAA;AAAA,IAAA;AAKR,WAAInB,IAEA,gBAAA8B,EAAC,SAAA,EAAM,WAAW,0CAA0CzB,CAAS,IACnE,UAAA;AAAA,MAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAiB,GAAM;AAAA,MACvC,gBAAAjB,EAAC,UAAM,UAAAZ,EAAA,CAAS;AAAA,IAAA,GAClB,IAIG6B;AAAA,EACT;AACF;AAEAhB,EAAU,cAAc;AAEjB,MAAMkB,IAAQ,OAAO,OAAOlB,GAAW;AAAA,EAC5C,OAAOd;AACT,CAAC;"}

package/dist/index75.js

@@ -1,25 +1,34 @@
-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 { 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 {
-  u as Steps
+  d as Status
 };
 //# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.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":"index75.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/index76.js

@@ -1,332 +1,25 @@
-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" }) })
-      }
-    ),
-    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",
-            {
-              className: "btn btn-ghost btn-xs w-full",
-              onClick: P,
-              children: "Clear"
-            }
-          )
-        ]
-      }
-    )
-  ] });
+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 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",
-            {
-              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: "»"
-        }
-      )
-    ] }) })
-  ] });
+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 {
-  ne as Table
+  u as Steps
 };
 //# sourceMappingURL=index76.js.map

package/dist/index76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index76.js","sources":["../src/components/Table.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface FilterConfig {\n  text: string\n  value: string | number | boolean\n}\n\nexport interface ColumnType<T = any> {\n  key: string\n  title: string\n  dataIndex?: string\n  render?: (value: any, record: T, index: number) => React.ReactNode\n  width?: string | number\n  align?: 'left' | 'center' | 'right'\n  fixed?: 'left' | 'right'\n  sorter?: boolean | ((a: T, b: T) => number)\n  filters?: FilterConfig[]\n  onFilter?: (value: string | number | boolean, record: T) => boolean\n  defaultSortOrder?: 'ascend' | 'descend'\n  defaultFilteredValue?: (string | number | boolean)[]\n}\n\nexport interface RowSelection<T = any> {\n  type?: 'checkbox' | 'radio'\n  selectedRowKeys?: React.Key[]\n  onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void\n  getCheckboxProps?: (record: T) => { disabled?: boolean; [key: string]: any }\n}\n\nexport interface PaginationConfig {\n  current?: number\n  pageSize?: number\n  total?: number\n  onChange?: (page: number, pageSize: number) => void\n}\n\nexport interface TableProps<T = any> {\n  columns: ColumnType<T>[]\n  dataSource: T[]\n  rowKey?: string | ((record: T) => string)\n  loading?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  bordered?: boolean\n  hoverable?: boolean\n  striped?: boolean\n  pinRows?: boolean\n  pinCols?: boolean\n  pagination?: false | PaginationConfig\n  rowSelection?: RowSelection<T>\n  className?: string\n  onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>\n}\n\nfunction FilterDropdown({\n  filters,\n  selectedValues,\n  onChange,\n}: {\n  filters: FilterConfig[]\n  selectedValues: (string | number | boolean)[]\n  onChange: (values: (string | number | boolean)[]) => void\n}) {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const handleToggle = (value: string | number | boolean) => {\n    const newValues = selectedValues.includes(value)\n      ? selectedValues.filter((v) => v !== value)\n      : [...selectedValues, value]\n    onChange(newValues)\n  }\n\n  const handleClear = () => {\n    onChange([])\n    setIsOpen(false)\n  }\n\n  return (\n    <div className=\"dropdown dropdown-end\">\n      <button\n        tabIndex={0}\n        className={`btn btn-ghost btn-xs ${selectedValues.length > 0 ? 'text-primary' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <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\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div\n          tabIndex={0}\n          className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 border border-base-content/10\"\n        >\n          <div className=\"space-y-2\">\n            {filters.map((filter) => (\n              <label key={String(filter.value)} className=\"flex items-center gap-2 cursor-pointer p-2 hover:bg-base-200 rounded\">\n                <input\n                  type=\"checkbox\"\n                  className=\"checkbox checkbox-xs\"\n                  checked={selectedValues.includes(filter.value)}\n                  onChange={() => handleToggle(filter.value)}\n                />\n                <span className=\"text-sm\">{filter.text}</span>\n              </label>\n            ))}\n          </div>\n          <div className=\"divider my-1\"></div>\n          <button\n            className=\"btn btn-ghost btn-xs w-full\"\n            onClick={handleClear}\n          >\n            Clear\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function Table<T extends Record<string, any>>({\n  columns,\n  dataSource,\n  rowKey = 'id',\n  loading = false,\n  size = 'md',\n  bordered = false,\n  hoverable = true,\n  striped = false,\n  pinRows = false,\n  pinCols = false,\n  pagination,\n  rowSelection,\n  className = '',\n  onRow,\n}: TableProps<T>) {\n  const defaultPageSize = 10\n  const [currentPage, setCurrentPage] = useState(\n    pagination !== false && pagination?.current ? pagination.current : 1\n  )\n  const pageSize = pagination !== false && pagination?.pageSize ? pagination.pageSize : defaultPageSize\n\n  // Sorting state\n  const [sortState, setSortState] = useState<{\n    columnKey: string | null\n    order: 'ascend' | 'descend' | null\n  }>(() => {\n    const defaultSortColumn = columns.find((col) => col.defaultSortOrder)\n    return {\n      columnKey: defaultSortColumn?.key || null,\n      order: defaultSortColumn?.defaultSortOrder || null,\n    }\n  })\n\n  // Filtering state\n  const [filterState, setFilterState] = useState<Record<string, (string | number | boolean)[]>>(() => {\n    const initial: Record<string, (string | number | boolean)[]> = {}\n    columns.forEach((col) => {\n      if (col.defaultFilteredValue) {\n        initial[col.key] = col.defaultFilteredValue\n      }\n    })\n    return initial\n  })\n\n  // Row selection state\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys || []\n  )\n\n  const isPaginationEnabled = pagination !== false\n\n  // Apply filters\n  let filteredData = [...dataSource]\n  Object.entries(filterState).forEach(([columnKey, filterValues]) => {\n    if (filterValues.length > 0) {\n      const column = columns.find((col) => col.key === columnKey)\n      if (column?.onFilter) {\n        filteredData = filteredData.filter((record) =>\n          filterValues.some((value) => column.onFilter!(value, record))\n        )\n      }\n    }\n  })\n\n  // Apply sorting\n  if (sortState.columnKey && sortState.order) {\n    const column = columns.find((col) => col.key === sortState.columnKey)\n    if (column?.sorter) {\n      filteredData.sort((a, b) => {\n        let result = 0\n        if (typeof column.sorter === 'function') {\n          result = column.sorter(a, b)\n        } else if (column.dataIndex) {\n          const aVal = a[column.dataIndex]\n          const bVal = b[column.dataIndex]\n          if (aVal < bVal) result = -1\n          if (aVal > bVal) result = 1\n        }\n        return sortState.order === 'ascend' ? result : -result\n      })\n    }\n  }\n\n  const totalPages = Math.ceil(filteredData.length / pageSize)\n  const startIndex = (currentPage - 1) * pageSize\n  const endIndex = startIndex + pageSize\n  const paginatedData = isPaginationEnabled ? filteredData.slice(startIndex, endIndex) : filteredData\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page)\n    if (pagination !== false && pagination?.onChange) {\n      pagination.onChange(page, pageSize)\n    }\n  }\n\n  const handleSort = (columnKey: string) => {\n    setSortState((prev) => {\n      if (prev.columnKey === columnKey) {\n        // Cycle through: ascend -> descend -> null\n        if (prev.order === 'ascend') return { columnKey, order: 'descend' }\n        if (prev.order === 'descend') return { columnKey: null, order: null }\n      }\n      return { columnKey, order: 'ascend' }\n    })\n    setCurrentPage(1) // Reset to first page when sorting\n  }\n\n  const handleFilterChange = (columnKey: string, values: (string | number | boolean)[]) => {\n    setFilterState((prev) => ({\n      ...prev,\n      [columnKey]: values,\n    }))\n    setCurrentPage(1) // Reset to first page when filtering\n  }\n\n  const handleSelectAll = (checked: boolean) => {\n    const newSelectedKeys = checked\n      ? paginatedData.map((record, index) => getRowKey(record, index))\n      : []\n    setSelectedKeys(newSelectedKeys)\n    if (rowSelection?.onChange) {\n      const selectedRecords = checked ? paginatedData : []\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }\n\n  const handleSelectRow = (record: T, index: number, checked: boolean) => {\n    const key = getRowKey(record, index)\n    const newSelectedKeys = checked\n      ? [...selectedKeys, key]\n      : selectedKeys.filter((k) => k !== key)\n    setSelectedKeys(newSelectedKeys)\n    if (rowSelection?.onChange) {\n      const selectedRecords = filteredData.filter((r, i) =>\n        newSelectedKeys.includes(getRowKey(r, i))\n      )\n      rowSelection.onChange(newSelectedKeys, selectedRecords)\n    }\n  }\n\n  const getRowKey = (record: T, index: number): string => {\n    if (typeof rowKey === 'function') {\n      return rowKey(record)\n    }\n    return record[rowKey] ?? index.toString()\n  }\n\n  const getCellValue = (column: ColumnType<T>, record: T, index: number) => {\n    if (column.render) {\n      return column.render(\n        column.dataIndex ? record[column.dataIndex] : undefined,\n        record,\n        index\n      )\n    }\n    return column.dataIndex ? record[column.dataIndex] : ''\n  }\n\n  const getAlignClass = (align?: 'left' | 'center' | 'right') => {\n    if (align === 'center') return 'text-center'\n    if (align === 'right') return 'text-right'\n    return 'text-left'\n  }\n\n  // Calculate fixed column offsets\n  const getFixedColumnStyle = (columnIndex: number, isHeader = false): { className: string; style?: React.CSSProperties } => {\n    const column = columns[columnIndex]\n    if (!column.fixed) return { className: '' }\n\n    const classes = ['sticky', 'bg-base-100']\n    let offset = 0\n    const style: React.CSSProperties = {\n      boxSizing: 'border-box',\n    }\n\n    // Calculate cumulative width for left-fixed columns\n    if (column.fixed === 'left') {\n      for (let i = 0; i < columnIndex; i++) {\n        if (columns[i].fixed === 'left' && columns[i].width) {\n          const colWidth = columns[i].width!\n          const width = typeof colWidth === 'number'\n            ? colWidth\n            : parseInt(String(colWidth))\n          if (!isNaN(width)) {\n            offset += width\n          }\n        }\n      }\n      if (offset === 0) {\n        classes.push('left-0')\n      } else {\n        style.left = `${offset}px`\n      }\n      classes.push(isHeader ? 'z-30' : 'z-20')\n\n      // Add shadow to the rightmost left-fixed column\n      let lastLeftFixedIndex = -1\n      for (let i = columns.length - 1; i >= 0; i--) {\n        if (columns[i].fixed === 'left') {\n          lastLeftFixedIndex = i\n          break\n        }\n      }\n      if (columnIndex === lastLeftFixedIndex) {\n        style.boxShadow = '2px 0 4px rgba(0, 0, 0, 0.1)'\n      }\n    }\n\n    // Calculate cumulative width for right-fixed columns\n    if (column.fixed === 'right') {\n      for (let i = columnIndex + 1; i < columns.length; i++) {\n        if (columns[i].fixed === 'right' && columns[i].width) {\n          const colWidth = columns[i].width!\n          const width = typeof colWidth === 'number'\n            ? colWidth\n            : parseInt(String(colWidth))\n          if (!isNaN(width)) {\n            offset += width\n          }\n        }\n      }\n      if (offset === 0) {\n        classes.push('right-0')\n      } else {\n        style.right = `${offset}px`\n      }\n      classes.push(isHeader ? 'z-30' : 'z-20')\n\n      // Add shadow to the leftmost right-fixed column\n      const isFirstRightFixed = columnIndex === columns.findIndex((col) => col.fixed === 'right')\n      if (isFirstRightFixed) {\n        style.boxShadow = '-2px 0 4px rgba(0, 0, 0, 0.1)'\n      }\n    }\n\n    return {\n      className: classes.filter(Boolean).join(' '),\n      style: Object.keys(style).length > 0 ? style : undefined,\n    }\n  }\n\n  const tableClasses = [\n    'table',\n    'bg-base-100',\n    size === 'xs' && 'table-xs',\n    size === 'sm' && 'table-sm',\n    size === 'lg' && 'table-lg',\n    striped && 'table-zebra',\n    pinRows && 'table-pin-rows',\n    pinCols && 'table-pin-cols',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Check if any columns are fixed\n  const hasFixedColumns = columns.some((col) => col.fixed)\n\n  const wrapperClasses = [\n    (!pinRows || hasFixedColumns) && 'overflow-x-auto',\n    bordered && 'rounded-box border border-base-content/5 bg-base-100',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (loading) {\n    return (\n      <div className=\"flex justify-center items-center p-8\">\n        <span className=\"loading loading-spinner loading-lg\"></span>\n      </div>\n    )\n  }\n\n  const isAllSelected = paginatedData.length > 0 && selectedKeys.length === paginatedData.length\n\n  return (\n    <div className=\"space-y-4\">\n      <div className={wrapperClasses}>\n        <table className={tableClasses} style={{ borderCollapse: 'separate', borderSpacing: 0, tableLayout: 'fixed' }}>\n          <thead>\n            <tr>\n              {rowSelection && (\n                <th style={{ width: 50 }} className=\"sticky left-0 z-20 bg-base-100\">\n                  {rowSelection.type !== 'radio' && (\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox checkbox-sm\"\n                      checked={isAllSelected}\n                      onChange={(e) => handleSelectAll(e.target.checked)}\n                    />\n                  )}\n                </th>\n              )}\n              {columns.map((column, columnIndex) => {\n                const fixedStyle = getFixedColumnStyle(columnIndex, true)\n                return (\n                <th\n                  key={column.key}\n                  className={`${getAlignClass(column.align)} ${fixedStyle.className}`}\n                  style={{\n                    ...(column.width ? { width: column.width } : {}),\n                    ...fixedStyle.style,\n                  }}\n                >\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={column.sorter ? 'cursor-pointer select-none' : ''}\n                      onClick={() => column.sorter && handleSort(column.key)}\n                    >\n                      {column.title}\n                    </span>\n                    {column.sorter && (\n                      <div className=\"flex flex-col\">\n                        <svg\n                          className={`w-3 h-3 ${sortState.columnKey === column.key && sortState.order === 'ascend' ? 'text-primary' : 'text-base-content/30'}`}\n                          fill=\"currentColor\"\n                          viewBox=\"0 0 20 20\"\n                        >\n                          <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\" />\n                        </svg>\n                        <svg\n                          className={`w-3 h-3 -mt-1 ${sortState.columnKey === column.key && sortState.order === 'descend' ? 'text-primary' : 'text-base-content/30'}`}\n                          fill=\"currentColor\"\n                          viewBox=\"0 0 20 20\"\n                        >\n                          <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\" />\n                        </svg>\n                      </div>\n                    )}\n                    {column.filters && (\n                      <FilterDropdown\n                        filters={column.filters}\n                        selectedValues={filterState[column.key] || []}\n                        onChange={(values) => handleFilterChange(column.key, values)}\n                      />\n                    )}\n                  </div>\n                </th>\n                )\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {paginatedData.map((record, index) => {\n              const rowProps = onRow?.(record, index) || {}\n              const key = getRowKey(record, index)\n              const isSelected = selectedKeys.includes(key)\n              const rowClasses = [\n                hoverable && 'hover:bg-base-300',\n                isSelected && 'bg-primary/10',\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              const checkboxProps = rowSelection?.getCheckboxProps?.(record) || {}\n\n              return (\n                <tr\n                  key={key}\n                  className={rowClasses}\n                  {...rowProps}\n                >\n                  {rowSelection && (\n                    <td className=\"sticky left-0 z-10 bg-base-100\">\n                      <input\n                        type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n                        className={rowSelection.type === 'radio' ? 'radio radio-sm' : 'checkbox checkbox-sm'}\n                        checked={isSelected}\n                        onChange={(e) => handleSelectRow(record, index, e.target.checked)}\n                        {...checkboxProps}\n                      />\n                    </td>\n                  )}\n                  {columns.map((column, columnIndex) => {\n                    const fixedStyle = getFixedColumnStyle(columnIndex, false)\n                    return (\n                    <td\n                      key={column.key}\n                      className={`${getAlignClass(column.align)} ${fixedStyle.className}`}\n                      style={fixedStyle.style}\n                    >\n                      {getCellValue(column, record, index)}\n                    </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {isPaginationEnabled && totalPages > 1 && (\n        <div className=\"flex justify-end\">\n          <div className=\"join\">\n            <button\n              className=\"join-item btn btn-sm\"\n              onClick={() => handlePageChange(currentPage - 1)}\n              disabled={currentPage === 1}\n            >\n              «\n            </button>\n            {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\n              <button\n                key={page}\n                className={`join-item btn btn-sm ${currentPage === page ? 'btn-active' : ''}`}\n                onClick={() => handlePageChange(page)}\n              >\n                {page}\n              </button>\n            ))}\n            <button\n              className=\"join-item btn btn-sm\"\n              onClick={() => handlePageChange(currentPage + 1)}\n              disabled={currentPage === totalPages}\n            >\n              »\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["FilterDropdown","filters","selectedValues","onChange","isOpen","setIsOpen","useState","handleToggle","value","newValues","v","handleClear","jsxs","jsx","filter","Table","columns","dataSource","rowKey","loading","size","bordered","hoverable","striped","pinRows","pinCols","pagination","rowSelection","className","onRow","currentPage","setCurrentPage","pageSize","sortState","setSortState","defaultSortColumn","col","filterState","setFilterState","initial","selectedKeys","setSelectedKeys","isPaginationEnabled","filteredData","columnKey","filterValues","column","record","a","b","result","aVal","bVal","totalPages","startIndex","endIndex","paginatedData","handlePageChange","page","handleSort","prev","handleFilterChange","values","handleSelectAll","checked","newSelectedKeys","index","getRowKey","selectedRecords","handleSelectRow","key","k","r","i","getCellValue","getAlignClass","align","getFixedColumnStyle","columnIndex","isHeader","classes","offset","style","colWidth","width","lastLeftFixedIndex","tableClasses","hasFixedColumns","wrapperClasses","isAllSelected","fixedStyle","rowProps","isSelected","rowClasses","checkboxProps","e","_"],"mappings":"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"}
+{"version":3,"file":"index76.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;"}