asterui 0.12.61 → 0.12.62

package/dist/components/Countdown.js

@@ -1,7 +1,7 @@
-import { jsxs as c, jsx as s, Fragment as N } from "react/jsx-runtime";
-import { useState as D, useCallback as k, useEffect as I } from "react";
-import { useConfig as E } from "../providers/ConfigProvider.js";
-const F = "countdown", U = "--value", V = "--digits", T = (t) => {
+import { jsxs as i, jsx as s, Fragment as z } from "react/jsx-runtime";
+import { useState as D, useCallback as E, useEffect as F } from "react";
+import { useConfig as U } from "../providers/ConfigProvider.js";
+const V = "countdown", q = "--value", A = "--digits", T = (t) => {
   const e = t - Date.now();
   return e <= 0 ? { days: 0, hours: 0, minutes: 0, seconds: 0 } : {
     days: Math.floor(e / (1e3 * 60 * 60 * 24)),
@@ -9,8 +9,8 @@ const F = "countdown", U = "--value", V = "--digits", T = (t) => {
     minutes: Math.floor(e / 1e3 / 60 % 60),
     seconds: Math.floor(e / 1e3 % 60)
   };
-}, x = ({ value: t, label: e, size: l, showLabel: i, boxed: h }) => {
-  const n = /* @__PURE__ */ s("span", { className: `${F} font-mono ${{
+}, h = ({ value: t, label: e, size: l, showLabel: o, boxed: x }) => {
+  const n = /* @__PURE__ */ s("span", { className: `${V} font-mono ${{
     xs: "text-lg",
     sm: "text-2xl",
     md: "text-4xl",
@@ -19,100 +19,102 @@ const F = "countdown", U = "--value", V = "--digits", T = (t) => {
   }[l || "md"]}`, children: /* @__PURE__ */ s(
     "span",
     {
-      style: { [U]: t, [V]: 2 },
+      style: { [q]: t, [A]: 2 },
       "aria-live": "polite",
       "aria-label": String(t),
       children: String(t).padStart(2, "0")
     }
   ) });
-  return h ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2", children: [
+  return x ? /* @__PURE__ */ i("div", { className: "flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2", children: [
     n,
-    i && e && /* @__PURE__ */ s("span", { className: "text-xs mt-1", children: e })
-  ] }) : i ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center", children: [
+    o && e && /* @__PURE__ */ s("span", { className: "text-xs mt-1", children: e })
+  ] }) : o ? /* @__PURE__ */ i("div", { className: "flex flex-col items-center", children: [
     n,
     e && /* @__PURE__ */ s("span", { className: "text-xs text-base-content/70", children: e })
   ] }) : n;
-}, q = ({
+}, B = ({
   value: t,
   format: e = "HH:MM:SS",
   onFinish: l,
-  onChange: i,
-  className: h = "",
-  size: z,
+  onChange: o,
+  className: x = "",
+  size: C,
   showLabels: n = !1,
   labels: r = {},
-  boxed: a = !1
+  boxed: c = !1,
+  "data-testid": H,
+  ...L
 }) => {
-  const { componentSize: H } = E(), o = z ?? H ?? "md", d = t instanceof Date ? t.getTime() : t, [u, L] = D(() => T(d)), [C, $] = D(!1), m = {
+  const { componentSize: $ } = U(), a = C ?? $ ?? "md", d = t instanceof Date ? t.getTime() : t, [u, j] = D(() => T(d)), [p, k] = D(!1), m = {
     days: r.days || "days",
     hours: r.hours || "hours",
     minutes: r.minutes || "min",
     seconds: r.seconds || "sec"
-  }, p = k(() => {
-    const y = T(d);
-    L(y);
+  }, g = E(() => {
+    const N = T(d);
+    j(N);
     const v = d - Date.now();
-    i?.(Math.max(0, v)), v <= 0 && !C && ($(!0), l?.());
-  }, [d, i, l, C]);
-  I(() => {
-    const y = setInterval(p, 1e3);
-    return p(), () => clearInterval(y);
-  }, [p]);
-  const j = e.includes("D"), M = e.includes("H"), g = e.includes("M"), f = e.includes("S"), w = o === "lg" || o === "xl" ? "text-3xl" : o === "md" ? "text-2xl" : "text-xl", S = !n && !a;
-  return /* @__PURE__ */ c("div", { className: `flex gap-4 items-center ${h}`, children: [
-    j && /* @__PURE__ */ c(N, { children: [
+    o?.(Math.max(0, v)), v <= 0 && !p && (k(!0), l?.());
+  }, [d, o, l, p]);
+  F(() => {
+    const N = setInterval(g, 1e3);
+    return g(), () => clearInterval(N);
+  }, [g]);
+  const I = e.includes("D"), M = e.includes("H"), w = e.includes("M"), f = e.includes("S"), S = a === "lg" || a === "xl" ? "text-3xl" : a === "md" ? "text-2xl" : "text-xl", y = !n && !c;
+  return /* @__PURE__ */ i("div", { className: `flex gap-4 items-center ${x}`, "data-testid": H, "data-state": p ? "finished" : "running", ...L, children: [
+    I && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ s(
-        x,
+        h,
         {
           value: u.days,
           label: m.days,
-          size: o,
+          size: a,
           showLabel: n,
-          boxed: a
+          boxed: c
         }
       ),
-      S && (M || g || f) && /* @__PURE__ */ s("span", { className: w, children: ":" })
+      y && (M || w || f) && /* @__PURE__ */ s("span", { className: S, children: ":" })
     ] }),
-    M && /* @__PURE__ */ c(N, { children: [
+    M && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ s(
-        x,
+        h,
         {
           value: u.hours,
           label: m.hours,
-          size: o,
+          size: a,
           showLabel: n,
-          boxed: a
+          boxed: c
         }
       ),
-      S && (g || f) && /* @__PURE__ */ s("span", { className: w, children: ":" })
+      y && (w || f) && /* @__PURE__ */ s("span", { className: S, children: ":" })
     ] }),
-    g && /* @__PURE__ */ c(N, { children: [
+    w && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ s(
-        x,
+        h,
         {
           value: u.minutes,
           label: m.minutes,
-          size: o,
+          size: a,
           showLabel: n,
-          boxed: a
+          boxed: c
         }
       ),
-      S && f && /* @__PURE__ */ s("span", { className: w, children: ":" })
+      y && f && /* @__PURE__ */ s("span", { className: S, children: ":" })
     ] }),
     f && /* @__PURE__ */ s(
-      x,
+      h,
       {
         value: u.seconds,
         label: m.seconds,
-        size: o,
+        size: a,
         showLabel: n,
-        boxed: a
+        boxed: c
       }
     )
   ] });
 };
-q.displayName = "Countdown";
+B.displayName = "Countdown";
 export {
-  q as Countdown
+  B as Countdown
 };
 //# sourceMappingURL=Countdown.js.map

package/dist/components/Countdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Countdown.js","sources":["../../src/components/Countdown.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dCountdown = 'countdown'\nconst dCssValue = '--value'\nconst dCssDigits = '--digits'\n\nexport interface CountdownProps {\n  /** Target timestamp in milliseconds or Date object */\n  value: number | Date\n  /** Format string: 'D' days, 'H' hours, 'M' minutes, 'S' seconds */\n  format?: string\n  /** Callback when countdown reaches zero */\n  onFinish?: () => void\n  /** Callback on each tick with remaining time */\n  onChange?: (value: number) => void\n  /** Additional CSS classes */\n  className?: string\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show labels under each unit */\n  showLabels?: boolean\n  /** Custom labels */\n  labels?: {\n    days?: string\n    hours?: string\n    minutes?: string\n    seconds?: string\n  }\n  /** Show box style around each unit */\n  boxed?: boolean\n}\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst calculateTimeLeft = (targetTime: number): TimeLeft => {\n  const difference = targetTime - Date.now()\n\n  if (difference <= 0) {\n    return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n  }\n\n  return {\n    days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((difference / 1000 / 60) % 60),\n    seconds: Math.floor((difference / 1000) % 60),\n  }\n}\n\nconst CountdownUnit: React.FC<{\n  value: number\n  label?: string\n  size?: CountdownProps['size']\n  showLabel?: boolean\n  boxed?: boolean\n}> = ({ value, label, size, showLabel, boxed }) => {\n  const sizeClasses = {\n    xs: 'text-lg',\n    sm: 'text-2xl',\n    md: 'text-4xl',\n    lg: 'text-5xl',\n    xl: 'text-6xl',\n  }\n\n  const content = (\n    <span className={`${dCountdown} font-mono ${sizeClasses[size || 'md']}`}>\n      <span\n        style={{ [dCssValue]: value, [dCssDigits]: 2 } as React.CSSProperties}\n        aria-live=\"polite\"\n        aria-label={String(value)}\n      >\n        {String(value).padStart(2, '0')}\n      </span>\n    </span>\n  )\n\n  if (boxed) {\n    return (\n      <div className=\"flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2\">\n        {content}\n        {showLabel && label && <span className=\"text-xs mt-1\">{label}</span>}\n      </div>\n    )\n  }\n\n  if (showLabel) {\n    return (\n      <div className=\"flex flex-col items-center\">\n        {content}\n        {label && <span className=\"text-xs text-base-content/70\">{label}</span>}\n      </div>\n    )\n  }\n\n  return content\n}\n\nexport const Countdown: React.FC<CountdownProps> = ({\n  value,\n  format = 'HH:MM:SS',\n  onFinish,\n  onChange,\n  className = '',\n  size,\n  showLabels = false,\n  labels = {},\n  boxed = false,\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const targetTime = value instanceof Date ? value.getTime() : value\n  const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetTime))\n  const [finished, setFinished] = useState(false)\n\n  const defaultLabels = {\n    days: labels.days || 'days',\n    hours: labels.hours || 'hours',\n    minutes: labels.minutes || 'min',\n    seconds: labels.seconds || 'sec',\n  }\n\n  const tick = useCallback(() => {\n    const newTimeLeft = calculateTimeLeft(targetTime)\n    setTimeLeft(newTimeLeft)\n\n    const remaining = targetTime - Date.now()\n    onChange?.(Math.max(0, remaining))\n\n    if (remaining <= 0 && !finished) {\n      setFinished(true)\n      onFinish?.()\n    }\n  }, [targetTime, onChange, onFinish, finished])\n\n  useEffect(() => {\n    const timer = setInterval(tick, 1000)\n    tick() // Initial tick\n\n    return () => clearInterval(timer)\n  }, [tick])\n\n  const showDays = format.includes('D')\n  const showHours = format.includes('H')\n  const showMinutes = format.includes('M')\n  const showSeconds = format.includes('S')\n\n  const separatorSize = effectiveSize === 'lg' || effectiveSize === 'xl' ? 'text-3xl' : effectiveSize === 'md' ? 'text-2xl' : 'text-xl'\n  const showSeparators = !showLabels && !boxed\n\n  return (\n    <div className={`flex gap-4 items-center ${className}`}>\n      {showDays && (\n        <>\n          <CountdownUnit\n            value={timeLeft.days}\n            label={defaultLabels.days}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showHours || showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showHours && (\n        <>\n          <CountdownUnit\n            value={timeLeft.hours}\n            label={defaultLabels.hours}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showMinutes && (\n        <>\n          <CountdownUnit\n            value={timeLeft.minutes}\n            label={defaultLabels.minutes}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && showSeconds && <span className={separatorSize}>:</span>}\n        </>\n      )}\n      {showSeconds && (\n        <CountdownUnit\n          value={timeLeft.seconds}\n          label={defaultLabels.seconds}\n          size={effectiveSize}\n          showLabel={showLabels}\n          boxed={boxed}\n        />\n      )}\n    </div>\n  )\n}\n\nCountdown.displayName = 'Countdown'\n"],"names":["dCountdown","dCssValue","dCssDigits","calculateTimeLeft","targetTime","difference","CountdownUnit","value","label","size","showLabel","boxed","content","jsx","jsxs","Countdown","format","onFinish","onChange","className","showLabels","labels","componentSize","useConfig","effectiveSize","timeLeft","setTimeLeft","useState","finished","setFinished","defaultLabels","tick","useCallback","newTimeLeft","remaining","useEffect","timer","showDays","showHours","showMinutes","showSeconds","separatorSize","showSeparators","Fragment"],"mappings":";;;AAIA,MAAMA,IAAa,aACbC,IAAY,WACZC,IAAa,YAmCbC,IAAoB,CAACC,MAAiC;AAC1D,QAAMC,IAAaD,IAAa,KAAK,IAAA;AAErC,SAAIC,KAAc,IACT,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,EAAA,IAG5C;AAAA,IACL,MAAM,KAAK,MAAMA,KAAc,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,OAAO,KAAK,MAAOA,KAAc,MAAO,KAAK,MAAO,EAAE;AAAA,IACtD,SAAS,KAAK,MAAOA,IAAa,MAAO,KAAM,EAAE;AAAA,IACjD,SAAS,KAAK,MAAOA,IAAa,MAAQ,EAAE;AAAA,EAAA;AAEhD,GAEMC,IAMD,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,OAAAC,QAAY;AASjD,QAAMC,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAW,GAAGb,CAAU,cATZ;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAIoDS,KAAQ,IAAI,CAAC,IACnE,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,CAACZ,CAAS,GAAGM,GAAO,CAACL,CAAU,GAAG,EAAA;AAAA,MAC3C,aAAU;AAAA,MACV,cAAY,OAAOK,CAAK;AAAA,MAEvB,UAAA,OAAOA,CAAK,EAAE,SAAS,GAAG,GAAG;AAAA,IAAA;AAAA,EAAA,GAElC;AAGF,SAAII,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAAF;AAAA,IACAF,KAAaF,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAL,EAAA,CAAM;AAAA,EAAA,GAC/D,IAIAE,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,IAAAF;AAAA,IACAJ,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAL,EAAA,CAAM;AAAA,EAAA,GAClE,IAIGI;AACT,GAEaG,IAAsC,CAAC;AAAA,EAClD,OAAAR;AAAA,EACA,QAAAS,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAV;AAAA,EACA,YAAAW,IAAa;AAAA,EACb,QAAAC,IAAS,CAAA;AAAA,EACT,OAAAV,IAAQ;AACV,MAAM;AACJ,QAAM,EAAE,eAAAW,EAAA,IAAkBC,EAAA,GACpBC,IAAgBf,KAAQa,KAAiB,MACzClB,IAAaG,aAAiB,OAAOA,EAAM,YAAYA,GACvD,CAACkB,GAAUC,CAAW,IAAIC,EAAmB,MAAMxB,EAAkBC,CAAU,CAAC,GAChF,CAACwB,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAgB;AAAA,IACpB,MAAMT,EAAO,QAAQ;AAAA,IACrB,OAAOA,EAAO,SAAS;AAAA,IACvB,SAASA,EAAO,WAAW;AAAA,IAC3B,SAASA,EAAO,WAAW;AAAA,EAAA,GAGvBU,IAAOC,EAAY,MAAM;AAC7B,UAAMC,IAAc9B,EAAkBC,CAAU;AAChD,IAAAsB,EAAYO,CAAW;AAEvB,UAAMC,IAAY9B,IAAa,KAAK,IAAA;AACpC,IAAAc,IAAW,KAAK,IAAI,GAAGgB,CAAS,CAAC,GAE7BA,KAAa,KAAK,CAACN,MACrBC,EAAY,EAAI,GAChBZ,IAAA;AAAA,EAEJ,GAAG,CAACb,GAAYc,GAAUD,GAAUW,CAAQ,CAAC;AAE7C,EAAAO,EAAU,MAAM;AACd,UAAMC,IAAQ,YAAYL,GAAM,GAAI;AACpC,WAAAA,EAAA,GAEO,MAAM,cAAcK,CAAK;AAAA,EAClC,GAAG,CAACL,CAAI,CAAC;AAET,QAAMM,IAAWrB,EAAO,SAAS,GAAG,GAC9BsB,IAAYtB,EAAO,SAAS,GAAG,GAC/BuB,IAAcvB,EAAO,SAAS,GAAG,GACjCwB,IAAcxB,EAAO,SAAS,GAAG,GAEjCyB,IAAgBjB,MAAkB,QAAQA,MAAkB,OAAO,aAAaA,MAAkB,OAAO,aAAa,WACtHkB,IAAiB,CAACtB,KAAc,CAACT;AAEvC,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAW,2BAA2BK,CAAS,IACjD,UAAA;AAAA,IAAAkB,KACC,gBAAAvB,EAAA6B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA9B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOmB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAMN;AAAA,UACN,WAAWJ;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED+B,MAAmBJ,KAAaC,KAAeC,wBAC7C,QAAA,EAAK,WAAWC,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GAErC;AAAA,IAEDH,KACC,gBAAAxB,EAAA6B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA9B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOmB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAMN;AAAA,UACN,WAAWJ;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED+B,MAAmBH,KAAeC,wBAChC,QAAA,EAAK,WAAWC,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GAErC;AAAA,IAEDF,KACC,gBAAAzB,EAAA6B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA9B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOmB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAMN;AAAA,UACN,WAAWJ;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED+B,KAAkBF,KAAe,gBAAA3B,EAAC,QAAA,EAAK,WAAW4B,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GACrE;AAAA,IAEDD,KACC,gBAAA3B;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,OAAOmB,EAAS;AAAA,QAChB,OAAOK,EAAc;AAAA,QACrB,MAAMN;AAAA,QACN,WAAWJ;AAAA,QACX,OAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEAI,EAAU,cAAc;"}
+{"version":3,"file":"Countdown.js","sources":["../../src/components/Countdown.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dCountdown = 'countdown'\nconst dCssValue = '--value'\nconst dCssDigits = '--digits'\n\nexport interface CountdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Target timestamp in milliseconds or Date object */\n  value: number | Date\n  /** Format string: 'D' days, 'H' hours, 'M' minutes, 'S' seconds */\n  format?: string\n  /** Callback when countdown reaches zero */\n  onFinish?: () => void\n  /** Callback on each tick with remaining time */\n  onChange?: (value: number) => void\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show labels under each unit */\n  showLabels?: boolean\n  /** Custom labels */\n  labels?: {\n    days?: string\n    hours?: string\n    minutes?: string\n    seconds?: string\n  }\n  /** Show box style around each unit */\n  boxed?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst calculateTimeLeft = (targetTime: number): TimeLeft => {\n  const difference = targetTime - Date.now()\n\n  if (difference <= 0) {\n    return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n  }\n\n  return {\n    days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((difference / 1000 / 60) % 60),\n    seconds: Math.floor((difference / 1000) % 60),\n  }\n}\n\nconst CountdownUnit: React.FC<{\n  value: number\n  label?: string\n  size?: CountdownProps['size']\n  showLabel?: boolean\n  boxed?: boolean\n}> = ({ value, label, size, showLabel, boxed }) => {\n  const sizeClasses = {\n    xs: 'text-lg',\n    sm: 'text-2xl',\n    md: 'text-4xl',\n    lg: 'text-5xl',\n    xl: 'text-6xl',\n  }\n\n  const content = (\n    <span className={`${dCountdown} font-mono ${sizeClasses[size || 'md']}`}>\n      <span\n        style={{ [dCssValue]: value, [dCssDigits]: 2 } as React.CSSProperties}\n        aria-live=\"polite\"\n        aria-label={String(value)}\n      >\n        {String(value).padStart(2, '0')}\n      </span>\n    </span>\n  )\n\n  if (boxed) {\n    return (\n      <div className=\"flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2\">\n        {content}\n        {showLabel && label && <span className=\"text-xs mt-1\">{label}</span>}\n      </div>\n    )\n  }\n\n  if (showLabel) {\n    return (\n      <div className=\"flex flex-col items-center\">\n        {content}\n        {label && <span className=\"text-xs text-base-content/70\">{label}</span>}\n      </div>\n    )\n  }\n\n  return content\n}\n\nexport const Countdown: React.FC<CountdownProps> = ({\n  value,\n  format = 'HH:MM:SS',\n  onFinish,\n  onChange,\n  className = '',\n  size,\n  showLabels = false,\n  labels = {},\n  boxed = false,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const targetTime = value instanceof Date ? value.getTime() : value\n  const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetTime))\n  const [finished, setFinished] = useState(false)\n\n  const defaultLabels = {\n    days: labels.days || 'days',\n    hours: labels.hours || 'hours',\n    minutes: labels.minutes || 'min',\n    seconds: labels.seconds || 'sec',\n  }\n\n  const tick = useCallback(() => {\n    const newTimeLeft = calculateTimeLeft(targetTime)\n    setTimeLeft(newTimeLeft)\n\n    const remaining = targetTime - Date.now()\n    onChange?.(Math.max(0, remaining))\n\n    if (remaining <= 0 && !finished) {\n      setFinished(true)\n      onFinish?.()\n    }\n  }, [targetTime, onChange, onFinish, finished])\n\n  useEffect(() => {\n    const timer = setInterval(tick, 1000)\n    tick() // Initial tick\n\n    return () => clearInterval(timer)\n  }, [tick])\n\n  const showDays = format.includes('D')\n  const showHours = format.includes('H')\n  const showMinutes = format.includes('M')\n  const showSeconds = format.includes('S')\n\n  const separatorSize = effectiveSize === 'lg' || effectiveSize === 'xl' ? 'text-3xl' : effectiveSize === 'md' ? 'text-2xl' : 'text-xl'\n  const showSeparators = !showLabels && !boxed\n\n  return (\n    <div className={`flex gap-4 items-center ${className}`} data-testid={testId} data-state={finished ? 'finished' : 'running'} {...rest}>\n      {showDays && (\n        <>\n          <CountdownUnit\n            value={timeLeft.days}\n            label={defaultLabels.days}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showHours || showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showHours && (\n        <>\n          <CountdownUnit\n            value={timeLeft.hours}\n            label={defaultLabels.hours}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showMinutes && (\n        <>\n          <CountdownUnit\n            value={timeLeft.minutes}\n            label={defaultLabels.minutes}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && showSeconds && <span className={separatorSize}>:</span>}\n        </>\n      )}\n      {showSeconds && (\n        <CountdownUnit\n          value={timeLeft.seconds}\n          label={defaultLabels.seconds}\n          size={effectiveSize}\n          showLabel={showLabels}\n          boxed={boxed}\n        />\n      )}\n    </div>\n  )\n}\n\nCountdown.displayName = 'Countdown'\n"],"names":["dCountdown","dCssValue","dCssDigits","calculateTimeLeft","targetTime","difference","CountdownUnit","value","label","size","showLabel","boxed","content","jsx","jsxs","Countdown","format","onFinish","onChange","className","showLabels","labels","testId","rest","componentSize","useConfig","effectiveSize","timeLeft","setTimeLeft","useState","finished","setFinished","defaultLabels","tick","useCallback","newTimeLeft","remaining","useEffect","timer","showDays","showHours","showMinutes","showSeconds","separatorSize","showSeparators","Fragment"],"mappings":"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"}

package/dist/components/Diff.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-export interface DiffProps {
+export interface DiffProps extends React.HTMLAttributes<HTMLElement> {
     /** Left side content (revealed when dragging) */
     left: React.ReactNode;
     /** Right side content (hidden when dragging) */
     right: React.ReactNode;
     /** Aspect ratio class (e.g., "aspect-16/9", "aspect-4/3", "aspect-square") */
     aspect?: string;
-    /** Additional CSS classes */
-    className?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Diff: React.FC<DiffProps>;

package/dist/components/Diff.js

@@ -1,22 +1,26 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-const r = "diff", c = "diff-item-1", m = "diff-item-2", a = "diff-resizer", o = ({
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+const c = "diff", m = "diff-item-1", n = "diff-item-2", o = "diff-resizer", x = ({
   left: e,
-  right: f,
+  right: t,
   aspect: s = "aspect-16/9",
-  className: d = ""
-}) => /* @__PURE__ */ t(
+  className: d = "",
+  "data-testid": f,
+  ...a
+}) => /* @__PURE__ */ r(
   "figure",
   {
-    className: `${r} ${s} ${d}`.trim(),
+    className: `${c} ${s} ${d}`.trim(),
     tabIndex: 0,
+    "data-testid": f,
+    ...a,
     children: [
-      /* @__PURE__ */ i("div", { className: c, role: "img", tabIndex: 0, children: e }),
-      /* @__PURE__ */ i("div", { className: m, role: "img", children: f }),
-      /* @__PURE__ */ i("div", { className: a })
+      /* @__PURE__ */ i("div", { className: m, role: "img", tabIndex: 0, children: e }),
+      /* @__PURE__ */ i("div", { className: n, role: "img", children: t }),
+      /* @__PURE__ */ i("div", { className: o })
     ]
   }
 );
 export {
-  o as Diff
+  x as Diff
 };
 //# sourceMappingURL=Diff.js.map

package/dist/components/Diff.js.map

@@ -1 +1 @@
-{"version":3,"file":"Diff.js","sources":["../../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDiff = 'diff'\nconst dDiffItem1 = 'diff-item-1'\nconst dDiffItem2 = 'diff-item-2'\nconst dDiffResizer = 'diff-resizer'\n\nexport interface DiffProps {\n  /** Left side content (revealed when dragging) */\n  left: React.ReactNode\n  /** Right side content (hidden when dragging) */\n  right: React.ReactNode\n  /** Aspect ratio class (e.g., \"aspect-16/9\", \"aspect-4/3\", \"aspect-square\") */\n  aspect?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const Diff: React.FC<DiffProps> = ({\n  left,\n  right,\n  aspect = 'aspect-16/9',\n  className = '',\n}) => {\n  return (\n    <figure\n      className={`${dDiff} ${aspect} ${className}`.trim()}\n      tabIndex={0}\n    >\n      <div className={dDiffItem1} role=\"img\" tabIndex={0}>\n        {left}\n      </div>\n      <div className={dDiffItem2} role=\"img\">\n        {right}\n      </div>\n      <div className={dDiffResizer} />\n    </figure>\n  )\n}\n"],"names":["dDiff","dDiffItem1","dDiffItem2","dDiffResizer","Diff","left","right","aspect","className","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,QACRC,IAAa,eACbC,IAAa,eACbC,IAAe,gBAaRC,IAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AACd,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAGT,CAAK,IAAIO,CAAM,IAAIC,CAAS,GAAG,KAAA;AAAA,IAC7C,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAWT,GAAY,MAAK,OAAM,UAAU,GAC9C,UAAAI,EAAA,CACH;AAAA,wBACC,OAAA,EAAI,WAAWH,GAAY,MAAK,OAC9B,UAAAI,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAWP,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Diff.js","sources":["../../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDiff = 'diff'\nconst dDiffItem1 = 'diff-item-1'\nconst dDiffItem2 = 'diff-item-2'\nconst dDiffResizer = 'diff-resizer'\n\nexport interface DiffProps extends React.HTMLAttributes<HTMLElement> {\n  /** Left side content (revealed when dragging) */\n  left: React.ReactNode\n  /** Right side content (hidden when dragging) */\n  right: React.ReactNode\n  /** Aspect ratio class (e.g., \"aspect-16/9\", \"aspect-4/3\", \"aspect-square\") */\n  aspect?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Diff: React.FC<DiffProps> = ({\n  left,\n  right,\n  aspect = 'aspect-16/9',\n  className = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  return (\n    <figure\n      className={`${dDiff} ${aspect} ${className}`.trim()}\n      tabIndex={0}\n      data-testid={testId}\n      {...rest}\n    >\n      <div className={dDiffItem1} role=\"img\" tabIndex={0}>\n        {left}\n      </div>\n      <div className={dDiffItem2} role=\"img\">\n        {right}\n      </div>\n      <div className={dDiffResizer} />\n    </figure>\n  )\n}\n"],"names":["dDiff","dDiffItem1","dDiffItem2","dDiffResizer","Diff","left","right","aspect","className","testId","rest","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,QACRC,IAAa,eACbC,IAAa,eACbC,IAAe,gBAaRC,IAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,eAAeC;AAAA,EACf,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAGX,CAAK,IAAIO,CAAM,IAAIC,CAAS,GAAG,KAAA;AAAA,IAC7C,UAAU;AAAA,IACV,eAAaC;AAAA,IACZ,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAWX,GAAY,MAAK,OAAM,UAAU,GAC9C,UAAAI,EAAA,CACH;AAAA,wBACC,OAAA,EAAI,WAAWH,GAAY,MAAK,OAC9B,UAAAI,GACH;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAWT,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/Divider.d.ts

@@ -4,5 +4,7 @@ export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
     position?: 'start' | 'center' | 'end';
     type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error';
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare function Divider({ children, orientation, position, type, className, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDivider = 'divider'\nconst dDividerHorizontal = 'divider-horizontal'\nconst dDividerStart = 'divider-start'\nconst dDividerEnd = 'divider-end'\nconst dDividerNeutral = 'divider-neutral'\nconst dDividerPrimary = 'divider-primary'\nconst dDividerSecondary = 'divider-secondary'\nconst dDividerAccent = 'divider-accent'\nconst dDividerSuccess = 'divider-success'\nconst dDividerWarning = 'divider-warning'\nconst dDividerInfo = 'divider-info'\nconst dDividerError = 'divider-error'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: dDividerStart,\n    center: '',\n    end: dDividerEnd,\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: dDividerNeutral,\n    primary: dDividerPrimary,\n    secondary: dDividerSecondary,\n    accent: dDividerAccent,\n    success: dDividerSuccess,\n    warning: dDividerWarning,\n    info: dDividerInfo,\n    error: dDividerError,\n  }\n\n  const classes = [\n    dDivider,\n    orientation === 'vertical' && dDividerHorizontal,\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["dDivider","dDividerHorizontal","dDividerStart","dDividerEnd","dDividerNeutral","dDividerPrimary","dDividerSecondary","dDividerAccent","dDividerSuccess","dDividerWarning","dDividerInfo","dDividerError","Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AAGA,MAAMA,IAAW,WACXC,IAAqB,sBACrBC,IAAgB,iBAChBC,IAAc,eACdC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAe,gBACfC,IAAgB;AASf,SAASC,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAOjB;AAAA,IACP,QAAQ;AAAA,IACR,KAAKC;AAAA,EAAA,GAGDiB,IAAsC;AAAA,IAC1C,SAAShB;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHU,IAAU;AAAA,IACdrB;AAAA,IACAc,MAAgB,cAAcb;AAAA,IAC9BkB,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}
+{"version":3,"file":"Divider.js","sources":["../../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDivider = 'divider'\nconst dDividerHorizontal = 'divider-horizontal'\nconst dDividerStart = 'divider-start'\nconst dDividerEnd = 'divider-end'\nconst dDividerNeutral = 'divider-neutral'\nconst dDividerPrimary = 'divider-primary'\nconst dDividerSecondary = 'divider-secondary'\nconst dDividerAccent = 'divider-accent'\nconst dDividerSuccess = 'divider-success'\nconst dDividerWarning = 'divider-warning'\nconst dDividerInfo = 'divider-info'\nconst dDividerError = 'divider-error'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: dDividerStart,\n    center: '',\n    end: dDividerEnd,\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: dDividerNeutral,\n    primary: dDividerPrimary,\n    secondary: dDividerSecondary,\n    accent: dDividerAccent,\n    success: dDividerSuccess,\n    warning: dDividerWarning,\n    info: dDividerInfo,\n    error: dDividerError,\n  }\n\n  const classes = [\n    dDivider,\n    orientation === 'vertical' && dDividerHorizontal,\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["dDivider","dDividerHorizontal","dDividerStart","dDividerEnd","dDividerNeutral","dDividerPrimary","dDividerSecondary","dDividerAccent","dDividerSuccess","dDividerWarning","dDividerInfo","dDividerError","Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AAGA,MAAMA,IAAW,WACXC,IAAqB,sBACrBC,IAAgB,iBAChBC,IAAc,eACdC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAe,gBACfC,IAAgB;AAWf,SAASC,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAOjB;AAAA,IACP,QAAQ;AAAA,IACR,KAAKC;AAAA,EAAA,GAGDiB,IAAsC;AAAA,IAC1C,SAAShB;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHU,IAAU;AAAA,IACdrB;AAAA,IACAc,MAAgB,cAAcb;AAAA,IAC9BkB,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}

package/dist/components/Dock.d.ts

@@ -4,6 +4,8 @@ export interface DockItemConfig {
     icon: React.ReactNode;
     /** Label text */
     label?: string;
+    /** Accessible label for screen readers (required if no label provided) */
+    ariaLabel?: string;
     /** Whether this item is active */
     active?: boolean;
     /** Whether this item is disabled */
@@ -24,6 +26,8 @@ export interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     children?: React.ReactNode;
     /** Additional CSS classes */
     className?: string;
+    /** Accessible label for the dock */
+    'aria-label'?: string;
 }
 export interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Whether this item is active */

package/dist/components/Dock.js

@@ -1,44 +1,57 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { useConfig as N } from "../providers/ConfigProvider.js";
-const g = "dock", j = "dock-xs", z = "dock-sm", C = "dock-md", x = "dock-lg", S = "dock-xl", D = "dock-active", h = "dock-label", f = m(
-  ({ active: c, children: t, className: s = "", ...n }, l) => {
-    const d = [c && D, s].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("button", { ref: l, className: d || void 0, ...n, children: t });
+const g = "dock", h = "dock-xs", j = "dock-sm", z = "dock-md", C = "dock-lg", x = "dock-xl", D = "dock-active", y = "dock-label", f = m(
+  ({ active: c, children: l, className: a = "", ...t }, n) => {
+    const d = [c && D, a].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        ref: n,
+        className: d || void 0,
+        type: "button",
+        "aria-pressed": c,
+        ...t,
+        children: l
+      }
+    );
   }
 );
 f.displayName = "Dock.Item";
-const v = m(
-  ({ items: c, size: t, activeIndex: s, onChange: n, children: l, className: d = "", ...i }, k) => {
-    const { componentSize: b } = N(), r = [g, {
-      xs: j,
-      sm: z,
-      md: C,
-      lg: x,
-      xl: S
-    }[t ?? b ?? "md"], d].filter(Boolean).join(" ");
-    return c ? /* @__PURE__ */ e("div", { ref: k, className: r, ...i, children: c.map((o, a) => {
-      const p = s !== void 0 ? s === a : o.active;
-      return /* @__PURE__ */ u(
+const u = m(
+  ({ items: c, size: l, activeIndex: a, onChange: t, children: n, className: d = "", ...e }, r) => {
+    const { componentSize: v } = N(), k = [g, {
+      xs: h,
+      sm: j,
+      md: z,
+      lg: C,
+      xl: x
+    }[l ?? v ?? "md"], d].filter(Boolean).join(" ");
+    return c ? /* @__PURE__ */ s("div", { ref: r, className: k, role: "toolbar", "aria-label": e["aria-label"] || "Dock", ...e, children: c.map((o, i) => {
+      const b = a !== void 0 ? a === i : o.active;
+      return /* @__PURE__ */ p(
         "button",
         {
-          className: p ? D : void 0,
+          type: "button",
+          className: b ? D : void 0,
           disabled: o.disabled,
+          "aria-pressed": b,
+          "aria-label": o.ariaLabel || o.label,
           onClick: () => {
-            o.onClick?.(), n?.(a);
+            o.onClick?.(), t?.(i);
           },
           children: [
-            o.icon,
-            o.label && /* @__PURE__ */ e("span", { className: h, children: o.label })
+            /* @__PURE__ */ s("span", { "aria-hidden": "true", children: o.icon }),
+            o.label && /* @__PURE__ */ s("span", { className: y, children: o.label })
           ]
         },
-        a
+        i
       );
-    }) }) : /* @__PURE__ */ e("div", { ref: k, className: r, ...i, children: l });
+    }) }) : /* @__PURE__ */ s("div", { ref: r, className: k, role: "toolbar", "aria-label": e["aria-label"] || "Dock", ...e, children: n });
   }
 );
-v.displayName = "Dock";
-const R = Object.assign(v, {
+u.displayName = "Dock";
+const R = Object.assign(u, {
   Item: f
 });
 export {

package/dist/components/Dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'dock'\nconst dDockXs = 'dock-xs'\nconst dDockSm = 'dock-sm'\nconst dDockMd = 'dock-md'\nconst dDockLg = 'dock-lg'\nconst dDockXl = 'dock-xl'\nconst dDockActive = 'dock-active'\nconst dDockLabel = 'dock-label'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', ...props }, ref) => {\n    const classes = [active && dDockActive, className].filter(Boolean).join(' ')\n\n    return (\n      <button ref={ref} className={classes || undefined} {...props}>\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dDockXs,\n      sm: dDockSm,\n      md: dDockMd,\n      lg: dDockLg,\n      xl: dDockXl,\n    }\n\n    const classes = [dDock, sizeClasses[effectiveSize], className].filter(Boolean).join(' ')\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div ref={ref} className={classes} {...props}>\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                className={isActive ? dDockActive : undefined}\n                disabled={item.disabled}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                {item.icon}\n                {item.label && <span className={dDockLabel}>{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["dDock","dDockXs","dDockSm","dDockMd","dDockLg","dDockXl","dDockActive","dDockLabel","DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","componentSize","useConfig","item","index","isActive","jsxs","Dock"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAc,eACdC,IAAa,cAuCbC,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAUJ,GAAaM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3E,WACE,gBAAAI,EAAC,YAAO,KAAAF,GAAU,WAAWC,KAAW,QAAY,GAAGF,GACpD,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMS,IAAWR;AAAA,EACf,CAAC,EAAE,OAAAS,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAV,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACnF,UAAM,EAAE,eAAAQ,EAAA,IAAkBC,EAAA,GAWpBR,IAAU,CAACf,GARG;AAAA,MAClB,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,EAPgBc,KAAQG,KAAiB,IAUE,GAAGV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,IAEA,gBAAAF,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAK,EAAM,IAAI,CAACM,GAAMC,MAAU;AAC1B,YAAMC,IAAWN,MAAgB,SAAYA,MAAgBK,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWD,IAAWpB,IAAc;AAAA,UACpC,UAAUkB,EAAK;AAAA,UACf,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLH,IAAWI,CAAK;AAAA,UAClB;AAAA,UAEC,UAAA;AAAA,YAAAD,EAAK;AAAA,YACLA,EAAK,SAAS,gBAAAR,EAAC,UAAK,WAAWT,GAAa,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QATnDkB;AAAA,MAAA;AAAA,IAYX,CAAC,EAAA,CACH,sBAMD,OAAA,EAAI,KAAAX,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMW,IAAO,OAAO,OAAOX,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}
+{"version":3,"file":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'dock'\nconst dDockXs = 'dock-xs'\nconst dDockSm = 'dock-sm'\nconst dDockMd = 'dock-md'\nconst dDockLg = 'dock-lg'\nconst dDockXl = 'dock-xl'\nconst dDockActive = 'dock-active'\nconst dDockLabel = 'dock-label'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Accessible label for screen readers (required if no label provided) */\n  ariaLabel?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Accessible label for the dock */\n  'aria-label'?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', ...props }, ref) => {\n    const classes = [active && dDockActive, className].filter(Boolean).join(' ')\n\n    return (\n      <button\n        ref={ref}\n        className={classes || undefined}\n        type=\"button\"\n        aria-pressed={active}\n        {...props}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dDockXs,\n      sm: dDockSm,\n      md: dDockMd,\n      lg: dDockLg,\n      xl: dDockXl,\n    }\n\n    const classes = [dDock, sizeClasses[effectiveSize], className].filter(Boolean).join(' ')\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div ref={ref} className={classes} role=\"toolbar\" aria-label={props['aria-label'] || 'Dock'} {...props}>\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                className={isActive ? dDockActive : undefined}\n                disabled={item.disabled}\n                aria-pressed={isActive}\n                aria-label={item.ariaLabel || item.label}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                <span aria-hidden=\"true\">{item.icon}</span>\n                {item.label && <span className={dDockLabel}>{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div ref={ref} className={classes} role=\"toolbar\" aria-label={props['aria-label'] || 'Dock'} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["dDock","dDockXs","dDockSm","dDockMd","dDockLg","dDockXl","dDockActive","dDockLabel","DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","componentSize","useConfig","item","index","isActive","jsxs","Dock"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAc,eACdC,IAAa,cA2CbC,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAUJ,GAAaM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3E,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWC,KAAW;AAAA,QACtB,MAAK;AAAA,QACL,gBAAcL;AAAA,QACb,GAAGG;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMS,IAAWR;AAAA,EACf,CAAC,EAAE,OAAAS,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAV,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACnF,UAAM,EAAE,eAAAQ,EAAA,IAAkBC,EAAA,GAWpBR,IAAU,CAACf,GARG;AAAA,MAClB,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,EAPgBc,KAAQG,KAAiB,IAUE,GAAGV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,sBAEC,OAAA,EAAI,KAAAJ,GAAU,WAAWC,GAAS,MAAK,WAAU,cAAYF,EAAM,YAAY,KAAK,QAAS,GAAGA,GAC9F,YAAM,IAAI,CAACW,GAAMC,MAAU;AAC1B,YAAMC,IAAWN,MAAgB,SAAYA,MAAgBK,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAWD,IAAWpB,IAAc;AAAA,UACpC,UAAUkB,EAAK;AAAA,UACf,gBAAcE;AAAA,UACd,cAAYF,EAAK,aAAaA,EAAK;AAAA,UACnC,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLH,IAAWI,CAAK;AAAA,UAClB;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAT,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAQ,EAAK,MAAK;AAAA,YACnCA,EAAK,SAAS,gBAAAR,EAAC,UAAK,WAAWT,GAAa,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAZnDkB;AAAA,MAAA;AAAA,IAeX,CAAC,EAAA,CACH,IAMF,gBAAAT,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAS,MAAK,WAAU,cAAYF,EAAM,YAAY,KAAK,QAAS,GAAGA,GAC9F,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMW,IAAO,OAAO,OAAOX,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}