asterui 0.12.62 → 0.12.64

package/dist/components/Stat.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     vertical?: boolean;
+    'data-testid'?: string;
 }
 export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     title?: React.ReactNode;
@@ -9,9 +10,10 @@ export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     desc?: React.ReactNode;
     figure?: React.ReactNode;
     actions?: React.ReactNode;
+    'data-testid'?: string;
 }
-declare function StatsRoot({ children, className, vertical, ...rest }: StatsProps): import("react/jsx-runtime").JSX.Element;
-declare function StatItem({ title, value, desc, figure, actions, className, ...rest }: StatProps): import("react/jsx-runtime").JSX.Element;
+declare function StatsRoot({ children, className, vertical, 'data-testid': testId, ...rest }: StatsProps): import("react/jsx-runtime").JSX.Element;
+declare function StatItem({ title, value, desc, figure, actions, className, 'data-testid': testId, ...rest }: StatProps): import("react/jsx-runtime").JSX.Element;
 export declare const Stats: typeof StatsRoot & {
     Stat: typeof StatItem;
 };

package/dist/components/Stat.js

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

package/dist/components/Stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":["../../src/components/Stat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dStats = 'stats'\nconst dStatsHorizontal = 'stats-horizontal'\nconst dStatsVertical = 'stats-vertical'\nconst dStat = 'stat'\nconst dStatFigure = 'stat-figure'\nconst dStatTitle = 'stat-title'\nconst dStatValue = 'stat-value'\nconst dStatDesc = 'stat-desc'\nconst dStatActions = 'stat-actions'\n\nexport interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  vertical?: boolean\n}\n\nexport interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode\n  value?: React.ReactNode\n  desc?: React.ReactNode\n  figure?: React.ReactNode\n  actions?: React.ReactNode\n}\n\nfunction StatsRoot({ children, className = '', vertical = false, ...rest }: StatsProps) {\n  const classes = [\n    dStats,\n    vertical ? dStatsVertical : dStatsHorizontal,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n\nfunction StatItem({ title, value, desc, figure, actions, className = '', ...rest }: StatProps) {\n  return (\n    <div className={`${dStat} ${className}`} {...rest}>\n      {figure && <div className={dStatFigure}>{figure}</div>}\n      {title && <div className={dStatTitle}>{title}</div>}\n      {value && <div className={dStatValue}>{value}</div>}\n      {desc && <div className={dStatDesc}>{desc}</div>}\n      {actions && <div className={dStatActions}>{actions}</div>}\n    </div>\n  )\n}\n\nexport const Stats = Object.assign(StatsRoot, {\n  Stat: StatItem,\n})\n"],"names":["dStats","dStatsHorizontal","dStatsVertical","dStat","dStatFigure","dStatTitle","dStatValue","dStatDesc","dStatActions","StatsRoot","children","className","vertical","rest","classes","StatItem","title","value","desc","figure","actions","jsxs","jsx","Stats"],"mappings":";AAGA,MAAMA,IAAS,SACTC,IAAmB,oBACnBC,IAAiB,kBACjBC,IAAQ,QACRC,IAAc,eACdC,IAAa,cACbC,IAAa,cACbC,IAAY,aACZC,IAAe;AAerB,SAASC,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,GAAGC,KAAoB;AACtF,QAAMC,IAAU;AAAA,IACdd;AAAA,IACAY,IAAWV,IAAiBD;AAAA,IAC5BU;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWG,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACtD;AAEA,SAASK,EAAS,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAT,IAAY,IAAI,GAAGE,KAAmB;AAC7F,SACE,gBAAAQ,EAAC,SAAI,WAAW,GAAGlB,CAAK,IAAIQ,CAAS,IAAK,GAAGE,GAC1C,UAAA;AAAA,IAAAM,KAAU,gBAAAG,EAAC,OAAA,EAAI,WAAWlB,GAAc,UAAAe,GAAO;AAAA,IAC/CH,KAAS,gBAAAM,EAAC,OAAA,EAAI,WAAWjB,GAAa,UAAAW,GAAM;AAAA,IAC5CC,KAAS,gBAAAK,EAAC,OAAA,EAAI,WAAWhB,GAAa,UAAAW,GAAM;AAAA,IAC5CC,KAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAWf,GAAY,UAAAW,GAAK;AAAA,IACzCE,KAAW,gBAAAE,EAAC,OAAA,EAAI,WAAWd,GAAe,UAAAY,EAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;AAEO,MAAMG,IAAQ,OAAO,OAAOd,GAAW;AAAA,EAC5C,MAAMM;AACR,CAAC;"}
+{"version":3,"file":"Stat.js","sources":["../../src/components/Stat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dStats = 'stats'\nconst dStatsHorizontal = 'stats-horizontal'\nconst dStatsVertical = 'stats-vertical'\nconst dStat = 'stat'\nconst dStatFigure = 'stat-figure'\nconst dStatTitle = 'stat-title'\nconst dStatValue = 'stat-value'\nconst dStatDesc = 'stat-desc'\nconst dStatActions = 'stat-actions'\n\nexport interface StatsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  vertical?: boolean\n  'data-testid'?: string\n}\n\nexport interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode\n  value?: React.ReactNode\n  desc?: React.ReactNode\n  figure?: React.ReactNode\n  actions?: React.ReactNode\n  'data-testid'?: string\n}\n\nfunction StatsRoot({ children, className = '', vertical = false, 'data-testid': testId, ...rest }: StatsProps) {\n  const classes = [\n    dStats,\n    vertical ? dStatsVertical : dStatsHorizontal,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} data-testid={testId} {...rest}>{children}</div>\n}\n\nfunction StatItem({ title, value, desc, figure, actions, className = '', 'data-testid': testId, ...rest }: StatProps) {\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  return (\n    <div className={`${dStat} ${className}`} data-testid={testId} {...rest}>\n      {figure && <div className={dStatFigure} data-testid={getTestId('figure')}>{figure}</div>}\n      {title && <div className={dStatTitle} data-testid={getTestId('title')}>{title}</div>}\n      {value && <div className={dStatValue} data-testid={getTestId('value')}>{value}</div>}\n      {desc && <div className={dStatDesc} data-testid={getTestId('desc')}>{desc}</div>}\n      {actions && <div className={dStatActions} data-testid={getTestId('actions')}>{actions}</div>}\n    </div>\n  )\n}\n\nexport const Stats = Object.assign(StatsRoot, {\n  Stat: StatItem,\n})\n"],"names":["dStats","dStatsHorizontal","dStatsVertical","dStat","dStatFigure","dStatTitle","dStatValue","dStatDesc","dStatActions","StatsRoot","children","className","vertical","testId","rest","classes","jsx","StatItem","title","value","desc","figure","actions","getTestId","suffix","jsxs","Stats"],"mappings":";AAGA,MAAMA,IAAS,SACTC,IAAmB,oBACnBC,IAAiB,kBACjBC,IAAQ,QACRC,IAAc,eACdC,IAAa,cACbC,IAAa,cACbC,IAAY,aACZC,IAAe;AAiBrB,SAASC,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,eAAeC,GAAQ,GAAGC,KAAoB;AAC7G,QAAMC,IAAU;AAAA,IACdf;AAAA,IACAY,IAAWV,IAAiBD;AAAA,IAC5BU;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,gBAAAK,EAAC,SAAI,WAAWD,GAAS,eAAaF,GAAS,GAAGC,GAAO,UAAAJ,GAAS;AAC3E;AAEA,SAASO,EAAS,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAX,IAAY,IAAI,eAAeE,GAAQ,GAAGC,KAAmB;AACpH,QAAMS,IAAY,CAACC,MAAoBX,IAAS,GAAGA,CAAM,IAAIW,CAAM,KAAK;AACxE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGtB,CAAK,IAAIQ,CAAS,IAAI,eAAaE,GAAS,GAAGC,GAC/D,UAAA;AAAA,IAAAO,KAAU,gBAAAL,EAAC,SAAI,WAAWZ,GAAa,eAAamB,EAAU,QAAQ,GAAI,UAAAF,EAAA,CAAO;AAAA,IACjFH,uBAAU,OAAA,EAAI,WAAWb,GAAY,eAAakB,EAAU,OAAO,GAAI,UAAAL,EAAA,CAAM;AAAA,IAC7EC,uBAAU,OAAA,EAAI,WAAWb,GAAY,eAAaiB,EAAU,OAAO,GAAI,UAAAJ,EAAA,CAAM;AAAA,IAC7EC,uBAAS,OAAA,EAAI,WAAWb,GAAW,eAAagB,EAAU,MAAM,GAAI,UAAAH,EAAA,CAAK;AAAA,IACzEE,uBAAY,OAAA,EAAI,WAAWd,GAAc,eAAae,EAAU,SAAS,GAAI,UAAAD,EAAA,CAAQ;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMI,IAAQ,OAAO,OAAOjB,GAAW;AAAA,EAC5C,MAAMQ;AACR,CAAC;"}

package/dist/components/Steps.d.ts

@@ -21,6 +21,7 @@ export interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>,
     vertical?: boolean;
     /** Callback when step is clicked */
     onChange?: (current: number) => void;
+    'data-testid'?: string;
 }
 export interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {
     /** Step title/label */
@@ -43,9 +44,10 @@ export interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, '
     _clickable?: boolean;
     /** Internal: click handler */
     _onClick?: (index: number) => void;
+    'data-testid'?: string;
 }
-declare function StepsRoot({ children, items, current, direction, vertical, onChange, className, ...rest }: StepsProps): import("react/jsx-runtime").JSX.Element;
-declare function Step({ children, title, description, icon, color, dataContent, disabled, className, _index, _clickable, _onClick, ...rest }: StepProps): import("react/jsx-runtime").JSX.Element;
+declare function StepsRoot({ children, items, current, direction, vertical, onChange, className, 'data-testid': testId, ...rest }: StepsProps): import("react/jsx-runtime").JSX.Element;
+declare function Step({ children, title, description, icon, color, dataContent, disabled, className, _index, _clickable, _onClick, 'data-testid': testId, ...rest }: StepProps): import("react/jsx-runtime").JSX.Element;
 export declare const Steps: typeof StepsRoot & {
     Step: typeof Step;
 };

package/dist/components/Steps.js

@@ -1,31 +1,32 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import C from "react";
-const k = "steps", N = "steps-vertical", j = "step", V = "step-neutral", h = "step-primary", E = "step-secondary", _ = "step-accent", g = "step-info", w = "step-success", B = "step-warning", R = "step-error", x = "step-disabled", A = {
-  neutral: V,
-  primary: h,
-  secondary: E,
-  accent: _,
-  info: g,
-  success: w,
-  warning: B,
-  error: R
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import k from "react";
+const j = "steps", V = "steps-vertical", g = "step", h = "step-neutral", E = "step-primary", _ = "step-secondary", $ = "step-accent", w = "step-info", B = "step-success", R = "step-warning", A = "step-error", D = "step-disabled", O = {
+  neutral: h,
+  primary: E,
+  secondary: _,
+  accent: $,
+  info: w,
+  success: B,
+  warning: R,
+  error: A
 };
-function D({
-  children: i,
+function P({
+  children: d,
   items: n,
   current: t,
-  direction: p,
-  vertical: d = !1,
+  direction: S,
+  vertical: u = !1,
   onChange: o,
-  className: r = "",
-  ...S
+  className: a = "",
+  "data-testid": c,
+  ...r
 }) {
-  const l = [k, (p === "vertical" || d) && N, r].filter(Boolean).join(" ");
+  const i = [j, (S === "vertical" || u) && V, a].filter(Boolean).join(" "), v = (s) => c ? `${c}-${s}` : void 0;
   if (n && n.length > 0)
-    return /* @__PURE__ */ a("ul", { className: l, ...S, children: n.map((s, e) => {
-      const f = t !== void 0 && e < t, c = t !== void 0 && e === t, m = s.color || (f || c ? "primary" : void 0);
-      return /* @__PURE__ */ a(
-        v,
+    return /* @__PURE__ */ p("ul", { className: i, "data-testid": c, ...r, children: n.map((s, e) => {
+      const f = t !== void 0 && e < t, l = t !== void 0 && e === t, m = s.color || (f || l ? "primary" : void 0);
+      return /* @__PURE__ */ p(
+        b,
         {
           color: m,
           icon: s.icon,
@@ -35,63 +36,66 @@ function D({
           _index: e,
           _clickable: !!o && !s.disabled,
           _onClick: o,
-          "aria-current": c ? "step" : void 0
+          "aria-current": l ? "step" : void 0,
+          "data-testid": v(`step-${s.key ?? e}`)
         },
         s.key ?? e
       );
     }) });
-  const u = t !== void 0 ? C.Children.map(i, (s, e) => {
-    if (C.isValidElement(s)) {
-      const f = e < t, c = e === t, m = s.props.color || (f || c ? "primary" : void 0);
-      return C.cloneElement(s, {
+  const C = t !== void 0 ? k.Children.map(d, (s, e) => {
+    if (k.isValidElement(s)) {
+      const f = e < t, l = e === t, m = s.props.color || (f || l ? "primary" : void 0);
+      return k.cloneElement(s, {
         color: m,
         _index: e,
         _clickable: !!o && !s.props.disabled,
         _onClick: o,
-        "aria-current": c ? "step" : void 0
+        "aria-current": l ? "step" : void 0
       });
     }
     return s;
-  }) : i;
-  return /* @__PURE__ */ a("ul", { className: l, ...S, children: u });
+  }) : d;
+  return /* @__PURE__ */ p("ul", { className: i, "data-testid": c, ...r, children: C });
 }
-function v({
-  children: i,
+function b({
+  children: d,
   title: n,
   description: t,
-  icon: p,
-  color: d,
+  icon: S,
+  color: u,
   dataContent: o,
-  disabled: r = !1,
-  className: S = "",
-  _index: y,
-  _clickable: l,
-  _onClick: u,
-  ...s
+  disabled: a = !1,
+  className: c = "",
+  _index: r,
+  _clickable: y,
+  _onClick: i,
+  "data-testid": v,
+  ...C
 }) {
-  const e = [j, d && A[d], r && x, S].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  const s = [g, u && O[u], a && D, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N(
     "li",
     {
-      className: e,
+      className: s,
       "data-content": o,
       onClick: () => {
-        l && u && y !== void 0 && !r && u(y);
+        y && i && r !== void 0 && !a && i(r);
       },
-      style: l && !r ? { cursor: "pointer" } : void 0,
-      ...s,
+      style: y && !a ? { cursor: "pointer" } : void 0,
+      "data-testid": v,
+      ...C,
       children: [
-        p && /* @__PURE__ */ a("span", { className: "step-icon", children: p }),
-        n ?? i,
-        t && /* @__PURE__ */ a("span", { className: "text-xs opacity-70 block", children: t })
+        S && /* @__PURE__ */ p("span", { className: "step-icon", children: S }),
+        n ?? d,
+        t && /* @__PURE__ */ p("span", { className: "text-xs opacity-70 block", children: t })
       ]
     }
   );
 }
-const P = Object.assign(D, {
-  Step: v
+const q = Object.assign(P, {
+  Step: b
 });
 export {
-  P as Steps
+  q as Steps
 };
 //# sourceMappingURL=Steps.js.map

package/dist/components/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSteps = 'steps'\nconst dStepsVertical = 'steps-vertical'\nconst dStep = 'step'\nconst dStepNeutral = 'step-neutral'\nconst dStepPrimary = 'step-primary'\nconst dStepSecondary = 'step-secondary'\nconst dStepAccent = 'step-accent'\nconst dStepInfo = 'step-info'\nconst dStepSuccess = 'step-success'\nconst dStepWarning = 'step-warning'\nconst dStepError = 'step-error'\nconst dStepDisabled = 'step-disabled'\n\nexport type StepsDirection = 'horizontal' | 'vertical'\n\nexport interface StepItem {\n  key?: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  disabled?: boolean\n}\n\nexport interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {\n  /** Step items (compound pattern) */\n  children?: React.ReactNode\n  /** Step items (data-driven pattern) */\n  items?: StepItem[]\n  /** Current step index (0-based) */\n  current?: number\n  /** Layout direction */\n  direction?: StepsDirection\n  /** @deprecated Use direction=\"vertical\" instead */\n  vertical?: boolean\n  /** Callback when step is clicked */\n  onChange?: (current: number) => void\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {\n  /** Step title/label */\n  children?: React.ReactNode\n  /** Step title (alternative to children) */\n  title?: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Step icon */\n  icon?: React.ReactNode\n  /** Step color */\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Custom content for step indicator */\n  dataContent?: string\n  /** Whether step is disabled */\n  disabled?: boolean\n  /** Internal: step index */\n  _index?: number\n  /** Internal: whether step is clickable */\n  _clickable?: boolean\n  /** Internal: click handler */\n  _onClick?: (index: number) => void\n}\n\nconst colorClasses: Record<string, string> = {\n  neutral: dStepNeutral,\n  primary: dStepPrimary,\n  secondary: dStepSecondary,\n  accent: dStepAccent,\n  info: dStepInfo,\n  success: dStepSuccess,\n  warning: dStepWarning,\n  error: dStepError,\n}\n\nfunction StepsRoot({\n  children,\n  items,\n  current,\n  direction,\n  vertical = false,\n  onChange,\n  className = '',\n  ...rest\n}: StepsProps) {\n  const isVertical = direction === 'vertical' || vertical\n\n  const classes = [dSteps, isVertical && dStepsVertical, className]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render data-driven items if provided\n  if (items && items.length > 0) {\n    return (\n      <ul className={classes} {...rest}>\n        {items.map((item, index) => {\n          const isCompleted = current !== undefined && index < current\n          const isCurrent = current !== undefined && index === current\n          const stepColor = item.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n          return (\n            <Step\n              key={item.key ?? index}\n              color={stepColor}\n              icon={item.icon}\n              title={item.title}\n              description={item.description}\n              disabled={item.disabled}\n              _index={index}\n              _clickable={!!onChange && !item.disabled}\n              _onClick={onChange}\n              aria-current={isCurrent ? 'step' : undefined}\n            />\n          )\n        })}\n      </ul>\n    )\n  }\n\n  // For compound pattern, inject props into children if current is provided\n  const processedChildren =\n    current !== undefined\n      ? React.Children.map(children, (child, index) => {\n          if (React.isValidElement<StepProps>(child)) {\n            const isCompleted = index < current\n            const isCurrent = index === current\n            const childColor = child.props.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n            return React.cloneElement(child, {\n              color: childColor,\n              _index: index,\n              _clickable: !!onChange && !child.props.disabled,\n              _onClick: onChange,\n              'aria-current': isCurrent ? 'step' : undefined,\n            } as Partial<StepProps>)\n          }\n          return child\n        })\n      : children\n\n  return (\n    <ul className={classes} {...rest}>\n      {processedChildren}\n    </ul>\n  )\n}\n\nfunction Step({\n  children,\n  title,\n  description,\n  icon,\n  color,\n  dataContent,\n  disabled = false,\n  className = '',\n  _index,\n  _clickable,\n  _onClick,\n  ...rest\n}: StepProps) {\n  const classes = [dStep, color && colorClasses[color], disabled && dStepDisabled, className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (_clickable && _onClick && _index !== undefined && !disabled) {\n      _onClick(_index)\n    }\n  }\n\n  const displayContent = title ?? children\n\n  return (\n    <li\n      className={classes}\n      data-content={dataContent}\n      onClick={handleClick}\n      style={_clickable && !disabled ? { cursor: 'pointer' } : undefined}\n      {...rest}\n    >\n      {icon && <span className=\"step-icon\">{icon}</span>}\n      {displayContent}\n      {description && <span className=\"text-xs opacity-70 block\">{description}</span>}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["dSteps","dStepsVertical","dStep","dStepNeutral","dStepPrimary","dStepSecondary","dStepAccent","dStepInfo","dStepSuccess","dStepWarning","dStepError","dStepDisabled","colorClasses","StepsRoot","children","items","current","direction","vertical","onChange","className","rest","classes","jsx","item","index","isCompleted","isCurrent","stepColor","Step","processedChildren","React","child","childColor","title","description","icon","color","dataContent","disabled","_index","_clickable","_onClick","jsxs","Steps"],"mappings":"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"}
+{"version":3,"file":"Steps.js","sources":["../../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSteps = 'steps'\nconst dStepsVertical = 'steps-vertical'\nconst dStep = 'step'\nconst dStepNeutral = 'step-neutral'\nconst dStepPrimary = 'step-primary'\nconst dStepSecondary = 'step-secondary'\nconst dStepAccent = 'step-accent'\nconst dStepInfo = 'step-info'\nconst dStepSuccess = 'step-success'\nconst dStepWarning = 'step-warning'\nconst dStepError = 'step-error'\nconst dStepDisabled = 'step-disabled'\n\nexport type StepsDirection = 'horizontal' | 'vertical'\n\nexport interface StepItem {\n  key?: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  disabled?: boolean\n}\n\nexport interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {\n  /** Step items (compound pattern) */\n  children?: React.ReactNode\n  /** Step items (data-driven pattern) */\n  items?: StepItem[]\n  /** Current step index (0-based) */\n  current?: number\n  /** Layout direction */\n  direction?: StepsDirection\n  /** @deprecated Use direction=\"vertical\" instead */\n  vertical?: boolean\n  /** Callback when step is clicked */\n  onChange?: (current: number) => void\n  'data-testid'?: string\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {\n  /** Step title/label */\n  children?: React.ReactNode\n  /** Step title (alternative to children) */\n  title?: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Step icon */\n  icon?: React.ReactNode\n  /** Step color */\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Custom content for step indicator */\n  dataContent?: string\n  /** Whether step is disabled */\n  disabled?: boolean\n  /** Internal: step index */\n  _index?: number\n  /** Internal: whether step is clickable */\n  _clickable?: boolean\n  /** Internal: click handler */\n  _onClick?: (index: number) => void\n  'data-testid'?: string\n}\n\nconst colorClasses: Record<string, string> = {\n  neutral: dStepNeutral,\n  primary: dStepPrimary,\n  secondary: dStepSecondary,\n  accent: dStepAccent,\n  info: dStepInfo,\n  success: dStepSuccess,\n  warning: dStepWarning,\n  error: dStepError,\n}\n\nfunction StepsRoot({\n  children,\n  items,\n  current,\n  direction,\n  vertical = false,\n  onChange,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: StepsProps) {\n  const isVertical = direction === 'vertical' || vertical\n\n  const classes = [dSteps, isVertical && dStepsVertical, className]\n    .filter(Boolean)\n    .join(' ')\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  // Render data-driven items if provided\n  if (items && items.length > 0) {\n    return (\n      <ul className={classes} data-testid={testId} {...rest}>\n        {items.map((item, index) => {\n          const isCompleted = current !== undefined && index < current\n          const isCurrent = current !== undefined && index === current\n          const stepColor = item.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n          return (\n            <Step\n              key={item.key ?? index}\n              color={stepColor}\n              icon={item.icon}\n              title={item.title}\n              description={item.description}\n              disabled={item.disabled}\n              _index={index}\n              _clickable={!!onChange && !item.disabled}\n              _onClick={onChange}\n              aria-current={isCurrent ? 'step' : undefined}\n              data-testid={getTestId(`step-${item.key ?? index}`)}\n            />\n          )\n        })}\n      </ul>\n    )\n  }\n\n  // For compound pattern, inject props into children if current is provided\n  const processedChildren =\n    current !== undefined\n      ? React.Children.map(children, (child, index) => {\n          if (React.isValidElement<StepProps>(child)) {\n            const isCompleted = index < current\n            const isCurrent = index === current\n            const childColor = child.props.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n            return React.cloneElement(child, {\n              color: childColor,\n              _index: index,\n              _clickable: !!onChange && !child.props.disabled,\n              _onClick: onChange,\n              'aria-current': isCurrent ? 'step' : undefined,\n            } as Partial<StepProps>)\n          }\n          return child\n        })\n      : children\n\n  return (\n    <ul className={classes} data-testid={testId} {...rest}>\n      {processedChildren}\n    </ul>\n  )\n}\n\nfunction Step({\n  children,\n  title,\n  description,\n  icon,\n  color,\n  dataContent,\n  disabled = false,\n  className = '',\n  _index,\n  _clickable,\n  _onClick,\n  'data-testid': testId,\n  ...rest\n}: StepProps) {\n  const classes = [dStep, color && colorClasses[color], disabled && dStepDisabled, className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (_clickable && _onClick && _index !== undefined && !disabled) {\n      _onClick(_index)\n    }\n  }\n\n  const displayContent = title ?? children\n\n  return (\n    <li\n      className={classes}\n      data-content={dataContent}\n      onClick={handleClick}\n      style={_clickable && !disabled ? { cursor: 'pointer' } : undefined}\n      data-testid={testId}\n      {...rest}\n    >\n      {icon && <span className=\"step-icon\">{icon}</span>}\n      {displayContent}\n      {description && <span className=\"text-xs opacity-70 block\">{description}</span>}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["dSteps","dStepsVertical","dStep","dStepNeutral","dStepPrimary","dStepSecondary","dStepAccent","dStepInfo","dStepSuccess","dStepWarning","dStepError","dStepDisabled","colorClasses","StepsRoot","children","items","current","direction","vertical","onChange","className","testId","rest","classes","getTestId","suffix","jsx","item","index","isCompleted","isCurrent","stepColor","Step","processedChildren","React","child","childColor","title","description","icon","color","dataContent","disabled","_index","_clickable","_onClick","jsxs","Steps"],"mappings":"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"}

package/dist/components/Tabs.js

@@ -1,65 +1,67 @@
-import { jsx as s, jsxs as d, Fragment as b } from "react/jsx-runtime";
-import h, { forwardRef as $, useState as X } from "react";
-import { useConfig as w } from "../providers/ConfigProvider.js";
-const D = "tabs", E = "tabs-box", F = "tabs-border", K = "tabs-lift", M = "tabs-xs", O = "tabs-sm", V = "tabs-md", q = "tabs-lg", G = "tabs-xl", H = "tab", I = "tab-active", J = "tab-disabled", Q = {
-  box: E,
-  border: F,
-  lift: K
-}, U = {
-  xs: M,
-  sm: O,
-  md: V,
-  lg: q,
-  xl: G
-}, W = $(function({
-  children: x,
-  items: a,
-  activeKey: e,
-  defaultActiveKey: g,
-  onChange: p,
-  variant: r,
-  size: _,
-  position: f = "top",
-  "data-testid": n,
+import { jsx as s, jsxs as l, Fragment as r } from "react/jsx-runtime";
+import u, { forwardRef as w, useState as D, useId as E } from "react";
+import { useConfig as F } from "../providers/ConfigProvider.js";
+const K = "tabs", M = "tabs-box", O = "tabs-border", V = "tabs-lift", q = "tabs-xs", G = "tabs-sm", H = "tabs-md", J = "tabs-lg", Q = "tabs-xl", U = "tab", W = "tab-active", Y = "tab-disabled", Z = {
+  box: M,
+  border: O,
+  lift: V
+}, tt = {
+  xs: q,
+  sm: G,
+  md: H,
+  lg: J,
+  xl: Q
+}, st = w(function({
+  children: h,
+  items: n,
+  activeKey: o,
+  defaultActiveKey: x,
+  onChange: g,
+  variant: m,
+  size: p,
+  position: y = "top",
+  "data-testid": c,
   className: C = "",
   ...A
 }, j) {
-  const { componentSize: S } = w(), m = _ ?? S, o = (t) => n ? `${n}-${t}` : void 0, B = h.Children.toArray(x).filter(
-    (t) => h.isValidElement(t) && t.type === u
+  const { componentSize: S } = F(), T = p ?? S, d = (t) => c ? `${c}-${t}` : void 0, B = u.Children.toArray(h).filter(
+    (t) => u.isValidElement(t) && t.type === $
   ).map((t) => ({
     ...t.props,
     _key: t.key != null ? String(t.key) : ""
-  })), c = a && a.length > 0 ? a.map((t) => ({
+  })), i = n && n.length > 0 ? n.map((t) => ({
     _key: t.key,
     tab: t.label,
     children: t.children,
     disabled: t.disabled,
     icon: t.icon
-  })) : B, [N, P] = X(
-    g || c[0]?._key || ""
-  ), T = e !== void 0 ? e : N, R = (t) => {
-    e === void 0 && P(t), p?.(t);
-  }, z = [
-    D,
-    r && Q[r],
-    m && U[m],
+  })) : B, [I, N] = D(
+    x || i[0]?._key || ""
+  ), k = o !== void 0 ? o : I, P = (t) => {
+    o === void 0 && N(t), g?.(t);
+  }, R = [
+    K,
+    m && Z[m],
+    T && tt[T],
     C
-  ].filter(Boolean).join(" "), v = c.find((t) => t._key === T), y = /* @__PURE__ */ s("div", { role: "tablist", className: z, "data-testid": o("tablist"), children: c.map((t) => {
-    const i = T === t._key, L = [
-      H,
-      i && I,
-      t.disabled && J
+  ].filter(Boolean).join(" "), a = E(), e = i.find((t) => t._key === k), v = /* @__PURE__ */ s("div", { role: "tablist", className: R, "data-testid": d("tablist"), children: i.map((t) => {
+    const b = k === t._key, z = `${a}-tab-${t._key}`, L = `${a}-panel-${t._key}`, X = [
+      U,
+      b && W,
+      t.disabled && Y
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ l(
       "button",
       {
         role: "tab",
-        className: L,
-        onClick: () => !t.disabled && R(t._key),
+        id: z,
+        className: X,
+        onClick: () => !t.disabled && P(t._key),
         disabled: t.disabled,
-        "data-state": i ? "active" : "inactive",
-        "data-testid": o(`tab-${t._key}`),
-        "aria-selected": i,
+        "data-state": b ? "active" : "inactive",
+        "data-testid": d(`tab-${t._key}`),
+        "aria-selected": b,
+        "aria-controls": L,
         children: [
           t.icon && /* @__PURE__ */ s("span", { className: "mr-1", children: t.icon }),
           t.tab
@@ -67,22 +69,32 @@ const D = "tabs", E = "tabs-box", F = "tabs-border", K = "tabs-lift", M = "tabs-
       },
       t._key
     );
-  }) }), k = v && /* @__PURE__ */ s("div", { className: f === "top" ? "mt-4" : "mb-4", role: "tabpanel", "data-testid": o("tabpanel"), children: v.children });
-  return /* @__PURE__ */ s("div", { ref: j, "data-testid": n, ...A, children: f === "top" ? /* @__PURE__ */ d(b, { children: [
-    y,
-    k
-  ] }) : /* @__PURE__ */ d(b, { children: [
-    k,
-    y
+  }) }), _ = e && /* @__PURE__ */ s(
+    "div",
+    {
+      className: y === "top" ? "mt-4" : "mb-4",
+      role: "tabpanel",
+      id: `${a}-panel-${e._key}`,
+      "aria-labelledby": `${a}-tab-${e._key}`,
+      "data-testid": d("tabpanel"),
+      children: e.children
+    }
+  );
+  return /* @__PURE__ */ s("div", { ref: j, "data-testid": c, ...A, children: y === "top" ? /* @__PURE__ */ l(r, { children: [
+    v,
+    _
+  ] }) : /* @__PURE__ */ l(r, { children: [
+    _,
+    v
   ] }) });
 });
-function u({ children: l }) {
-  return /* @__PURE__ */ s(b, { children: l });
+function $({ children: f }) {
+  return /* @__PURE__ */ s(r, { children: f });
 }
-const st = Object.assign(W, {
-  Panel: u
+const ot = Object.assign(st, {
+  Panel: $
 });
 export {
-  st as Tabs
+  ot as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n  {\n    children,\n    items,\n    activeKey,\n    defaultActiveKey,\n    onChange,\n    variant,\n    size,\n    position = 'top',\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? (componentSize as TabsSize | undefined)\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    effectiveSize && sizeClasses[effectiveSize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes} data-testid={getTestId('tablist')}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            data-testid={getTestId(`tab-${panel._key}`)}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\" data-testid={getTestId('tabpanel')}>\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div ref={ref} data-testid={testId} {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n})\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","forwardRef","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState, forwardRef, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n  {\n    children,\n    items,\n    activeKey,\n    defaultActiveKey,\n    onChange,\n    variant,\n    size,\n    position = 'top',\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? (componentSize as TabsSize | undefined)\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    effectiveSize && sizeClasses[effectiveSize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const baseId = useId()\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes} data-testid={getTestId('tablist')}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabId = `${baseId}-tab-${panel._key}`\n        const panelId = `${baseId}-panel-${panel._key}`\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            id={tabId}\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            data-testid={getTestId(`tab-${panel._key}`)}\n            aria-selected={isActive}\n            aria-controls={panelId}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div\n      className={position === 'top' ? 'mt-4' : 'mb-4'}\n      role=\"tabpanel\"\n      id={`${baseId}-panel-${activePanel._key}`}\n      aria-labelledby={`${baseId}-tab-${activePanel._key}`}\n      data-testid={getTestId('tabpanel')}\n    >\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div ref={ref} data-testid={testId} {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n})\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","forwardRef","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","baseId","useId","activePanel","panel","tabList","jsx","isActive","tabId","panelId","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}

package/dist/components/TextRotate.d.ts

@@ -9,5 +9,6 @@ export interface TextRotateProps {
     centered?: boolean;
     /** Additional CSS classes */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const TextRotate: React.FC<TextRotateProps>;

package/dist/components/TextRotate.js

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

package/dist/components/TextRotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextRotate.js","sources":["../../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTextRotate = 'text-rotate'\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={`${dTextRotate} ${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":["dTextRotate","durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAGA,MAAMA,IAAc,eAIdC,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,GAAGR,CAAW,IAAIO,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEpG,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":"TextRotate.js","sources":["../../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTextRotate = 'text-rotate'\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  'data-testid'?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n  'data-testid': testId,\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <span\n      className={`${dTextRotate} ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n      data-testid={testId}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index} data-testid={getTestId(`item-${index}`)}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["dTextRotate","durationClasses","TextRotate","items","duration","centered","className","testId","durationClass","getTestId","suffix","jsx","item","index"],"mappings":";AAGA,MAAMA,IAAc,eAIdC,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAcaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,eAAeC;AACjB,MAAM;AACJ,QAAMC,IAAgBJ,IAAWH,EAAgBG,CAAQ,IAAI,IACvDK,IAAY,CAACC,MAAoBH,IAAS,GAAGA,CAAM,IAAIG,CAAM,KAAK;AAExE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGX,CAAW,IAAIQ,CAAa,IAAIH,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MACpG,eAAaC;AAAA,MAEb,UAAA,gBAAAI,EAAC,UACE,UAAAR,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACS,GAAMC,wBAC3B,QAAA,EAAiB,eAAaJ,EAAU,QAAQI,CAAK,EAAE,GAAI,UAAAD,KAAjDC,CAAsD,CAClE,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Textarea.d.ts

@@ -5,5 +5,6 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     ghost?: boolean;
     bordered?: boolean;
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;