asterui 0.12.62 → 0.12.63

package/dist/components/RadialProgress.d.ts

@@ -6,5 +6,6 @@ export interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivEl
     color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
     showValue?: boolean;
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export declare const RadialProgress: React.FC<RadialProgressProps>;

package/dist/components/RadialProgress.js

@@ -1,5 +1,5 @@
-import { jsx as x } from "react/jsx-runtime";
-const p = "radial-progress", f = "--value", m = "--size", y = "--thickness", g = {
+import { jsx as p } from "react/jsx-runtime";
+const f = "radial-progress", m = "--value", y = "--size", g = "--thickness", v = {
   primary: "text-primary",
   secondary: "text-secondary",
   accent: "text-accent",
@@ -8,41 +8,43 @@ const p = "radial-progress", f = "--value", m = "--size", y = "--thickness", g =
   error: "text-error",
   info: "text-info",
   neutral: "text-neutral"
-}, C = ({
-  value: t,
+}, b = ({
+  value: r,
   size: e,
   thickness: s,
-  color: o,
+  color: a,
   showValue: i = !0,
-  children: a,
+  children: o,
   className: n = "",
   style: c,
+  "data-testid": d,
   ...l
 }) => {
   const u = () => {
-    const r = [p];
-    return o && r.push(g[o]), n && r.push(n), r.join(" ");
-  }, d = () => {
-    const r = {
-      [f]: t
+    const t = [f];
+    return a && t.push(v[a]), n && t.push(n), t.join(" ");
+  }, x = () => {
+    const t = {
+      [m]: r
     };
-    return e !== void 0 && (r[m] = typeof e == "number" ? `${e}rem` : e), s !== void 0 && (r[y] = typeof s == "number" ? `${s}px` : s), r;
+    return e !== void 0 && (t[y] = typeof e == "number" ? `${e}rem` : e), s !== void 0 && (t[g] = typeof s == "number" ? `${s}px` : s), t;
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ p(
     "div",
     {
       className: u(),
-      style: { ...d(), ...c },
+      style: { ...x(), ...c },
       role: "progressbar",
-      "aria-valuenow": t,
+      "aria-valuenow": r,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
+      "data-testid": d,
       ...l,
-      children: a !== void 0 ? a : i ? `${t}%` : null
+      children: o !== void 0 ? o : i ? `${r}%` : null
     }
   );
 };
 export {
-  C as RadialProgress
+  b as RadialProgress
 };
 //# sourceMappingURL=RadialProgress.js.map

package/dist/components/RadialProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadialProgress.js","sources":["../../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dRadialProgress = 'radial-progress'\nconst dCssValue = '--value'\nconst dCssSize = '--size'\nconst dCssThickness = '--thickness'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: number\n  size?: string | number\n  thickness?: string | number\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n  showValue?: boolean\n  children?: React.ReactNode\n}\n\nconst colorClasses = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  info: 'text-info',\n  neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n  value,\n  size,\n  thickness,\n  color,\n  showValue = true,\n  children,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dRadialProgress]\n\n    if (color) {\n      classes.push(colorClasses[color])\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: Record<string, string | number> = {\n      [dCssValue]: value,\n    }\n\n    if (size !== undefined) {\n      style[dCssSize] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style[dCssThickness] = typeof thickness === 'number' ? `${thickness}px` : thickness\n    }\n\n    return style as React.CSSProperties\n  }\n\n  return (\n    <div\n      className={getClasses()}\n      style={{ ...getStyle(), ...style }}\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...rest}\n    >\n      {children !== undefined ? children : showValue ? `${value}%` : null}\n    </div>\n  )\n}\n"],"names":["dRadialProgress","dCssValue","dCssSize","dCssThickness","colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAGA,MAAMA,IAAkB,mBAClBC,IAAY,WACZC,IAAW,UACXC,IAAgB,eAWhBC,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAChB,CAAe;AAEhC,WAAIS,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,CAACZ,CAAS,GAAGK;AAAA,IAAA;AAGf,WAAIC,MAAS,WACXM,EAAMX,CAAQ,IAAI,OAAOK,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAMV,CAAa,IAAI,OAAOK,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}
+{"version":3,"file":"RadialProgress.js","sources":["../../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dRadialProgress = 'radial-progress'\nconst dCssValue = '--value'\nconst dCssSize = '--size'\nconst dCssThickness = '--thickness'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: number\n  size?: string | number\n  thickness?: string | number\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n  showValue?: boolean\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nconst colorClasses = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  info: 'text-info',\n  neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n  value,\n  size,\n  thickness,\n  color,\n  showValue = true,\n  children,\n  className = '',\n  style,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dRadialProgress]\n\n    if (color) {\n      classes.push(colorClasses[color])\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: Record<string, string | number> = {\n      [dCssValue]: value,\n    }\n\n    if (size !== undefined) {\n      style[dCssSize] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style[dCssThickness] = typeof thickness === 'number' ? `${thickness}px` : thickness\n    }\n\n    return style as React.CSSProperties\n  }\n\n  return (\n    <div\n      className={getClasses()}\n      style={{ ...getStyle(), ...style }}\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      data-testid={testId}\n      {...rest}\n    >\n      {children !== undefined ? children : showValue ? `${value}%` : null}\n    </div>\n  )\n}\n"],"names":["dRadialProgress","dCssValue","dCssSize","dCssThickness","colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","testId","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAGA,MAAMA,IAAkB,mBAClBC,IAAY,WACZC,IAAW,UACXC,IAAgB,eAYhBC,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,eAAeC;AAAA,EACf,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAACjB,CAAe;AAEhC,WAAIS,KACFQ,EAAQ,KAAKb,EAAaK,CAAK,CAAC,GAG9BG,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAML,IAAyC;AAAA,MAC7C,CAACZ,CAAS,GAAGK;AAAA,IAAA;AAGf,WAAIC,MAAS,WACXM,EAAMX,CAAQ,IAAI,OAAOK,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAMV,CAAa,IAAI,OAAOK,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGL,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,eAAaQ;AAAA,MACZ,GAAGC;AAAA,MAEH,gBAAa,SAAYJ,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Range.d.ts

@@ -12,5 +12,6 @@ export interface RangeProps {
     showValue?: boolean;
     showSteps?: boolean;
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Range: React.FC<RangeProps>;

package/dist/components/Range.js

@@ -1,57 +1,59 @@
-import { jsxs as V, jsx as s } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { useConfig as j } from "../providers/ConfigProvider.js";
-const $ = "range", A = "range-xs", I = "range-sm", M = "range-md", X = "range-lg", E = "range-xl", F = "range-primary", L = "range-secondary", P = "range-accent", W = "range-success", _ = "range-warning", k = "range-info", q = "range-error", H = ({
-  value: a,
-  defaultValue: i = 50,
-  onChange: m,
-  min: t = 0,
-  max: c = 100,
-  step: r = 1,
-  size: f,
-  color: o,
-  disabled: u = !1,
-  showValue: x = !1,
-  showSteps: g = !1,
-  className: R = ""
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { useConfig as A } from "../providers/ConfigProvider.js";
+const M = "range", X = "range-xs", E = "range-sm", F = "range-md", I = "range-lg", L = "range-xl", P = "range-primary", T = "range-secondary", W = "range-accent", _ = "range-success", k = "range-warning", q = "range-info", B = "range-error", J = ({
+  value: s,
+  defaultValue: f = 50,
+  onChange: u,
+  min: r = 0,
+  max: d = 100,
+  step: o = 1,
+  size: p,
+  color: g,
+  disabled: x = !1,
+  showValue: R = !1,
+  showSteps: i = !1,
+  className: h = "",
+  "data-testid": c
 }) => {
-  const { componentSize: p } = j(), h = f ?? p ?? "md", [y, C] = b(i), l = a !== void 0 ? a : y, v = (e) => {
+  const { componentSize: y } = A(), v = p ?? y ?? "md", [C, $] = j(f), l = s !== void 0 ? s : C, S = (e) => {
     const n = parseFloat(e.target.value);
-    a === void 0 && C(n), m?.(n);
-  }, S = {
-    xs: A,
-    sm: I,
-    md: M,
-    lg: X,
-    xl: E
+    s === void 0 && $(n), u?.(n);
   }, w = {
-    primary: F,
-    secondary: L,
-    accent: P,
-    success: W,
-    warning: _,
-    info: k,
-    error: q
-  }, z = S[h], N = o ? w[o] : "", d = g ? Array.from({ length: Math.floor((c - t) / r) + 1 }, (e, n) => t + n * r) : [];
-  return /* @__PURE__ */ V("div", { className: R, children: [
-    /* @__PURE__ */ s(
+    xs: X,
+    sm: E,
+    md: F,
+    lg: I,
+    xl: L
+  }, z = {
+    primary: P,
+    secondary: T,
+    accent: W,
+    success: _,
+    warning: k,
+    info: q,
+    error: B
+  }, N = w[v], V = g ? z[g] : "", t = (e) => c ? `${c}-${e}` : void 0, m = i ? Array.from({ length: Math.floor((d - r) / o) + 1 }, (e, n) => r + n * o) : [];
+  return /* @__PURE__ */ b("div", { className: h, "data-testid": c, children: [
+    /* @__PURE__ */ a(
       "input",
       {
         type: "range",
-        min: t,
-        max: c,
-        step: r,
+        min: r,
+        max: d,
+        step: o,
         value: l,
-        onChange: v,
-        disabled: u,
-        className: `${$} ${z} ${N}`
+        onChange: S,
+        disabled: x,
+        className: `${M} ${N} ${V}`,
+        "data-testid": t("input")
       }
     ),
-    g && d.length > 0 && /* @__PURE__ */ s("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: d.map((e) => /* @__PURE__ */ s("span", { className: "text-base-content/60", children: "|" }, e)) }),
-    x && /* @__PURE__ */ s("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: l })
+    i && m.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", "data-testid": t("steps"), children: m.map((e, n) => /* @__PURE__ */ a("span", { className: "text-base-content/60", "data-testid": t(`step-${n}`), children: "|" }, e)) }),
+    R && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", "data-testid": t("value"), children: l })
   ] });
 };
 export {
-  H as Range
+  J as Range
 };
 //# sourceMappingURL=Range.js.map

package/dist/components/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sources":["../../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dRange = 'range'\nconst dRangeXs = 'range-xs'\nconst dRangeSm = 'range-sm'\nconst dRangeMd = 'range-md'\nconst dRangeLg = 'range-lg'\nconst dRangeXl = 'range-xl'\nconst dRangePrimary = 'range-primary'\nconst dRangeSecondary = 'range-secondary'\nconst dRangeAccent = 'range-accent'\nconst dRangeSuccess = 'range-success'\nconst dRangeWarning = 'range-warning'\nconst dRangeInfo = 'range-info'\nconst dRangeError = 'range-error'\n\nexport interface RangeProps {\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n  disabled?: boolean\n  showValue?: boolean\n  showSteps?: boolean\n  className?: string\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  value,\n  defaultValue = 50,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  size,\n  color,\n  disabled = false,\n  showValue = false,\n  showSteps = false,\n  className = '',\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = parseFloat(e.target.value)\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const sizeClasses = {\n    xs: dRangeXs,\n    sm: dRangeSm,\n    md: dRangeMd,\n    lg: dRangeLg,\n    xl: dRangeXl,\n  } as const\n\n  const colorClasses = {\n    primary: dRangePrimary,\n    secondary: dRangeSecondary,\n    accent: dRangeAccent,\n    success: dRangeSuccess,\n    warning: dRangeWarning,\n    info: dRangeInfo,\n    error: dRangeError,\n  } as const\n\n  const sizeClass = sizeClasses[effectiveSize]\n  const colorClass = color ? colorClasses[color] : ''\n\n  // Calculate steps for visual markers\n  const steps = showSteps\n    ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step)\n    : []\n\n  return (\n    <div className={className}>\n      <input\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        disabled={disabled}\n        className={`${dRange} ${sizeClass} ${colorClass}`}\n      />\n      {showSteps && steps.length > 0 && (\n        <div className=\"w-full flex justify-between text-xs px-2 mt-2\">\n          {steps.map((stepValue) => (\n            <span key={stepValue} className=\"text-base-content/60\">\n              |\n            </span>\n          ))}\n        </div>\n      )}\n      {showValue && (\n        <div className=\"text-center mt-2 text-sm font-medium text-base-content\">\n          {currentValue}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["dRange","dRangeXs","dRangeSm","dRangeMd","dRangeLg","dRangeXl","dRangePrimary","dRangeSecondary","dRangeAccent","dRangeSuccess","dRangeWarning","dRangeInfo","dRangeError","Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;;AAIA,MAAMA,IAAS,SACTC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAgB,iBAChBC,IAAa,cACbC,IAAc,eAiBPC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBR,KAAQM,KAAiB,MACzC,CAACG,GAAeC,CAAgB,IAAIC,EAAShB,CAAY,GACzDiB,IAAelB,MAAU,SAAYA,IAAQe,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIpB,MAAU,UACZgB,EAAiBI,CAAQ,GAE3BlB,IAAWkB,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAIlC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,EAAA,GAGA+B,IAAe;AAAA,IACnB,SAAS9B;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHyB,IAAYF,EAAYP,CAAa,GACrCU,IAAajB,IAAQe,EAAaf,CAAK,IAAI,IAG3CkB,IAAQf,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACqB,GAAGC,MAAMxB,IAAMwB,IAAItB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAuB,EAAC,SAAI,WAAAjB,GACH,UAAA;AAAA,IAAA,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAA1B;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOa;AAAA,QACP,UAAUC;AAAA,QACV,UAAAX;AAAA,QACA,WAAW,GAAGtB,CAAM,IAAIqC,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhDd,KAAae,EAAM,SAAS,KAC3B,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAJ,EAAM,IAAI,CAACK,wBACT,QAAA,EAAqB,WAAU,wBAAuB,UAAA,IAAA,GAA5CA,CAEX,CACD,GACH;AAAA,IAEDrB,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Range.js","sources":["../../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dRange = 'range'\nconst dRangeXs = 'range-xs'\nconst dRangeSm = 'range-sm'\nconst dRangeMd = 'range-md'\nconst dRangeLg = 'range-lg'\nconst dRangeXl = 'range-xl'\nconst dRangePrimary = 'range-primary'\nconst dRangeSecondary = 'range-secondary'\nconst dRangeAccent = 'range-accent'\nconst dRangeSuccess = 'range-success'\nconst dRangeWarning = 'range-warning'\nconst dRangeInfo = 'range-info'\nconst dRangeError = 'range-error'\n\nexport interface RangeProps {\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n  disabled?: boolean\n  showValue?: boolean\n  showSteps?: boolean\n  className?: string\n  'data-testid'?: string\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  value,\n  defaultValue = 50,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  size,\n  color,\n  disabled = false,\n  showValue = false,\n  showSteps = false,\n  className = '',\n  'data-testid': testId,\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = parseFloat(e.target.value)\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const sizeClasses = {\n    xs: dRangeXs,\n    sm: dRangeSm,\n    md: dRangeMd,\n    lg: dRangeLg,\n    xl: dRangeXl,\n  } as const\n\n  const colorClasses = {\n    primary: dRangePrimary,\n    secondary: dRangeSecondary,\n    accent: dRangeAccent,\n    success: dRangeSuccess,\n    warning: dRangeWarning,\n    info: dRangeInfo,\n    error: dRangeError,\n  } as const\n\n  const sizeClass = sizeClasses[effectiveSize]\n  const colorClass = color ? colorClasses[color] : ''\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  // Calculate steps for visual markers\n  const steps = showSteps\n    ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step)\n    : []\n\n  return (\n    <div className={className} data-testid={testId}>\n      <input\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        disabled={disabled}\n        className={`${dRange} ${sizeClass} ${colorClass}`}\n        data-testid={getTestId('input')}\n      />\n      {showSteps && steps.length > 0 && (\n        <div className=\"w-full flex justify-between text-xs px-2 mt-2\" data-testid={getTestId('steps')}>\n          {steps.map((stepValue, index) => (\n            <span key={stepValue} className=\"text-base-content/60\" data-testid={getTestId(`step-${index}`)}>\n              |\n            </span>\n          ))}\n        </div>\n      )}\n      {showValue && (\n        <div className=\"text-center mt-2 text-sm font-medium text-base-content\" data-testid={getTestId('value')}>\n          {currentValue}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["dRange","dRangeXs","dRangeSm","dRangeMd","dRangeLg","dRangeXl","dRangePrimary","dRangeSecondary","dRangeAccent","dRangeSuccess","dRangeWarning","dRangeInfo","dRangeError","Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","testId","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","getTestId","suffix","steps","_","i","jsxs","jsx","stepValue","index"],"mappings":";;;AAIA,MAAMA,IAAS,SACTC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAW,YACXC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAgB,iBAChBC,IAAa,cACbC,IAAc,eAkBPC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,eAAeC;AACjB,MAAM;AACJ,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBT,KAAQO,KAAiB,MACzC,CAACG,GAAeC,CAAgB,IAAIC,EAASjB,CAAY,GACzDkB,IAAenB,MAAU,SAAYA,IAAQgB,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIrB,MAAU,UACZiB,EAAiBI,CAAQ,GAE3BnB,IAAWmB,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAInC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,EAAA,GAGAgC,IAAe;AAAA,IACnB,SAAS/B;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGH0B,IAAYF,EAAYP,CAAa,GACrCU,IAAalB,IAAQgB,EAAahB,CAAK,IAAI,IAE3CmB,IAAY,CAACC,MAAoBf,IAAS,GAAGA,CAAM,IAAIe,CAAM,KAAK,QAGlEC,IAAQlB,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACwB,GAAGC,MAAM3B,IAAM2B,IAAIzB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAA0B,EAAC,OAAA,EAAI,WAAApB,GAAsB,eAAaC,GACtC,UAAA;AAAA,IAAA,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAA7B;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOc;AAAA,QACP,UAAUC;AAAA,QACV,UAAAZ;AAAA,QACA,WAAW,GAAGtB,CAAM,IAAIsC,CAAS,IAAIC,CAAU;AAAA,QAC/C,eAAaC,EAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/BhB,KAAakB,EAAM,SAAS,KAC3B,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDAAgD,eAAaN,EAAU,OAAO,GAC1F,YAAM,IAAI,CAACO,GAAWC,MACrB,gBAAAF,EAAC,QAAA,EAAqB,WAAU,wBAAuB,eAAaN,EAAU,QAAQQ,CAAK,EAAE,GAAG,UAAA,IAAA,GAArFD,CAEX,CACD,GACH;AAAA,IAEDxB,uBACE,OAAA,EAAI,WAAU,0DAAyD,eAAaiB,EAAU,OAAO,GACnG,UAAAP,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Rating.d.ts

@@ -13,6 +13,7 @@ export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     allowClear?: boolean;
     allowHalf?: boolean;
     disabled?: boolean;
+    'data-testid'?: string;
 }
 export interface RatingItemProps {
     value: number;
@@ -21,9 +22,10 @@ export interface RatingItemProps {
     hidden?: boolean;
     half?: 'first' | 'second';
     className?: string;
+    'data-testid'?: string;
 }
-declare function RatingRoot({ children, value, defaultValue, onChange, onHoverChange, count, size, gap, color, mask, allowClear, allowHalf, disabled, className, ...rest }: RatingProps): import("react/jsx-runtime").JSX.Element;
-declare function RatingItem({ value, mask, color, hidden, half, className }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
+declare function RatingRoot({ children, value, defaultValue, onChange, onHoverChange, count, size, gap, color, mask, allowClear, allowHalf, disabled, className, 'data-testid': testId, ...rest }: RatingProps): import("react/jsx-runtime").JSX.Element;
+declare function RatingItem({ value, mask, color, hidden, half, className, 'data-testid': testId }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Rating: typeof RatingRoot & {
     Item: typeof RatingItem;
 };

package/dist/components/Rating.js

@@ -1,127 +1,131 @@
-import { jsxs as I, Fragment as F, jsx as a } from "react/jsx-runtime";
-import L, { useState as y, useId as X, createContext as _, useContext as O } from "react";
-import { useConfig as P } from "../providers/ConfigProvider.js";
-const q = "rating", D = "rating-xs", J = "rating-sm", K = "rating-md", Q = "rating-lg", T = "rating-xl", U = "rating-half", W = "rating-hidden", Y = "mask", Z = "mask-star", w = "mask-star-2", nn = "mask-heart", tn = "mask-half-1", an = "mask-half-2", z = _(null);
-function sn({
+import { jsxs as y, Fragment as L, jsx as s } from "react/jsx-runtime";
+import X, { useState as z, useId as _, createContext as O, useContext as P } from "react";
+import { useConfig as q } from "../providers/ConfigProvider.js";
+const D = "rating", J = "rating-xs", K = "rating-sm", Q = "rating-md", U = "rating-lg", W = "rating-xl", Y = "rating-half", Z = "rating-hidden", w = "mask", tt = "mask-star", at = "mask-star-2", nt = "mask-heart", st = "mask-half-1", et = "mask-half-2", G = O(null);
+function rt({
   children: t,
-  value: i,
-  defaultValue: p = 0,
-  onChange: v,
-  onHoverChange: l,
-  count: m = 5,
-  size: f,
-  gap: c = "md",
-  color: r = "bg-warning",
+  value: c,
+  defaultValue: v = 0,
+  onChange: C,
+  onHoverChange: f,
+  count: h = 5,
+  size: x,
+  gap: r = "md",
+  color: d = "bg-warning",
   mask: u = "star-2",
-  allowClear: h = !0,
-  allowHalf: s = !1,
-  disabled: g = !1,
-  className: k = "",
-  ...C
+  allowClear: g = !0,
+  allowHalf: e = !1,
+  disabled: m = !1,
+  className: M = "",
+  "data-testid": o,
+  ...V
 }) {
-  const { componentSize: b } = P(), o = f ?? b ?? "md", [R, x] = y(p), [G, S] = y(0), M = i !== void 0 ? i : R, $ = X(), N = (e) => {
-    if (g) return;
-    const n = h && e === M ? 0 : e;
-    i === void 0 && x(n), S(0), v?.(n);
-  }, j = (e) => {
-    g || (S(e), l?.(e));
-  }, H = {
-    xs: D,
-    sm: J,
-    md: K,
-    lg: Q,
-    xl: T
-  }, A = {
+  const { componentSize: k } = q(), i = x ?? k ?? "md", [S, $] = z(v), [R, p] = z(0), b = c !== void 0 ? c : S, N = _(), T = (a) => {
+    if (m) return;
+    const n = g && a === b ? 0 : a;
+    c === void 0 && $(n), p(0), C?.(n);
+  }, j = (a) => {
+    m || (p(a), f?.(a));
+  }, A = (a) => o ? `${o}-${a}` : void 0, H = {
+    xs: J,
+    sm: K,
+    md: Q,
+    lg: U,
+    xl: W
+  }, B = {
     none: "gap-0",
     xs: "gap-0.5",
     sm: "gap-1",
     md: "gap-2",
     lg: "gap-3"
-  }, B = [
-    q,
+  }, E = [
+    D,
     // Half-star mode requires a size class to render correctly, default to md
-    (s || o) && H[o],
-    s ? U : c && A[c],
-    k
-  ].filter(Boolean).join(" "), V = s ? "star-2" : u, E = t || /* @__PURE__ */ I(F, { children: [
-    h && /* @__PURE__ */ a(d, { value: 0, hidden: !0 }),
-    s ? (
+    (e || i) && H[i],
+    e ? Y : r && B[r],
+    M
+  ].filter(Boolean).join(" "), I = e ? "star-2" : u, F = t || /* @__PURE__ */ y(L, { children: [
+    g && /* @__PURE__ */ s(l, { value: 0, hidden: !0 }),
+    e ? (
       // Half-star mode: each star is two inputs
-      Array.from({ length: m }, (e, n) => /* @__PURE__ */ I(L.Fragment, { children: [
-        /* @__PURE__ */ a(d, { value: n + 0.5, mask: V, color: r, half: "first" }),
-        /* @__PURE__ */ a(d, { value: n + 1, mask: V, color: r, half: "second" })
+      Array.from({ length: h }, (a, n) => /* @__PURE__ */ y(X.Fragment, { children: [
+        /* @__PURE__ */ s(l, { value: n + 0.5, mask: I, color: d, half: "first" }),
+        /* @__PURE__ */ s(l, { value: n + 1, mask: I, color: d, half: "second" })
       ] }, n + 1))
     ) : (
       // Standard mode: one input per star
-      Array.from({ length: m }, (e, n) => /* @__PURE__ */ a(d, { value: n + 1, mask: V, color: r }, n + 1))
+      Array.from({ length: h }, (a, n) => /* @__PURE__ */ s(l, { value: n + 1, mask: I, color: d }, n + 1))
     )
   ] });
-  return /* @__PURE__ */ a(z.Provider, { value: { name: $, currentValue: M, hoverValue: G, onChange: N, onHover: j, size: o, disabled: g, halfGap: s ? c : void 0 }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(G.Provider, { value: { name: N, currentValue: b, hoverValue: R, onChange: T, onHover: j, size: i, disabled: m, halfGap: e ? r : void 0, getTestId: A }, children: /* @__PURE__ */ s(
     "div",
     {
       role: "radiogroup",
       "aria-label": "Rating",
-      className: B,
-      "data-value": M,
+      className: E,
+      "data-value": b,
+      "data-testid": o,
       onMouseLeave: () => j(0),
-      ...C,
-      children: E
+      ...V,
+      children: F
     }
   ) });
 }
-function d({ value: t, mask: i = "star-2", color: p = "bg-warning", hidden: v = !1, half: l, className: m = "" }) {
-  const f = O(z);
-  if (!f)
+function l({ value: t, mask: c = "star-2", color: v = "bg-warning", hidden: C = !1, half: f, className: h = "", "data-testid": x }) {
+  const r = P(G);
+  if (!r)
     throw new Error("Rating.Item must be used within Rating");
-  const { name: c, currentValue: r, hoverValue: u, onChange: h, onHover: s, disabled: g, halfGap: k } = f, C = {
-    star: Z,
-    "star-2": w,
-    heart: nn
-  }, o = {
-    first: tn,
-    second: `${an} ${k ? {
+  const { name: d, currentValue: u, hoverValue: g, onChange: e, onHover: m, disabled: M, halfGap: o, getTestId: V } = r, k = x ?? V?.(`item-${t}`), i = {
+    star: tt,
+    "star-2": at,
+    heart: nt
+  }, $ = {
+    first: st,
+    second: `${et} ${o ? {
       none: "",
       xs: "mr-0.5",
       sm: "mr-1",
       md: "mr-2",
       lg: "mr-3"
-    }[k] : ""}`.trim()
-  }, R = v ? W : [
-    Y,
-    C[i],
-    l && o[l],
-    p,
-    m
+    }[o] : ""}`.trim()
+  }, R = C ? Z : [
+    w,
+    i[c],
+    f && $[f],
+    v,
+    h
   ].filter(Boolean).join(" ");
-  if (g)
-    return /* @__PURE__ */ a(
+  if (M)
+    return /* @__PURE__ */ s(
       "div",
       {
         className: R,
-        "aria-current": r === t ? "true" : void 0,
-        "aria-label": `Rating ${t}`
+        "aria-current": u === t ? "true" : void 0,
+        "aria-label": `Rating ${t}`,
+        "data-testid": k
       }
     );
-  const x = u > 0 ? u : r;
-  return /* @__PURE__ */ a(
+  const p = g > 0 ? g : u;
+  return /* @__PURE__ */ s(
     "input",
     {
       type: "radio",
-      name: c,
+      name: d,
       className: R,
-      checked: x === t,
+      checked: p === t,
       onChange: () => {
       },
-      onClick: () => h(t),
-      onMouseEnter: () => s(t),
-      "aria-label": `Rating ${t}`
+      onClick: () => e(t),
+      onMouseEnter: () => m(t),
+      "aria-label": `Rating ${t}`,
+      "data-testid": k
     }
   );
 }
-const cn = Object.assign(sn, {
-  Item: d
+const dt = Object.assign(rt, {
+  Item: l
 });
 export {
-  cn as Rating
+  dt as Rating
 };
 //# sourceMappingURL=Rating.js.map

package/dist/components/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sources":["../../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dRating = 'rating'\nconst dRatingXs = 'rating-xs'\nconst dRatingSm = 'rating-sm'\nconst dRatingMd = 'rating-md'\nconst dRatingLg = 'rating-lg'\nconst dRatingXl = 'rating-xl'\nconst dRatingHalf = 'rating-half'\nconst dRatingHidden = 'rating-hidden'\nconst dMask = 'mask'\nconst dMaskStar = 'mask-star'\nconst dMaskStar2 = 'mask-star-2'\nconst dMaskHeart = 'mask-heart'\nconst dMaskHalf1 = 'mask-half-1'\nconst dMaskHalf2 = 'mask-half-2'\n\nexport interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  children?: React.ReactNode\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  onHoverChange?: (value: number) => void\n  count?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg'\n  color?: string\n  mask?: 'star' | 'star-2' | 'heart'\n  allowClear?: boolean\n  allowHalf?: boolean\n  disabled?: boolean\n}\n\nexport interface RatingItemProps {\n  value: number\n  mask?: 'star' | 'star-2' | 'heart'\n  color?: string\n  hidden?: boolean\n  half?: 'first' | 'second'\n  className?: string\n}\n\ninterface RatingContextValue {\n  name: string\n  currentValue: number\n  hoverValue: number\n  onChange: (value: number) => void\n  onHover: (value: number) => void\n  size?: string\n  disabled?: boolean\n  halfGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg'\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n  children,\n  value,\n  defaultValue = 0,\n  onChange,\n  onHoverChange,\n  count = 5,\n  size,\n  gap = 'md',\n  color = 'bg-warning',\n  mask = 'star-2',\n  allowClear = true,\n  allowHalf = false,\n  disabled = false,\n  className = '',\n  ...rest\n}: RatingProps) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const [hoverValue, setHoverValue] = useState(0)\n  const currentValue = value !== undefined ? value : internalValue\n  const name = useId()\n\n  const handleChange = (newValue: number) => {\n    if (disabled) return\n    // Allow clearing if clicking the same value and allowClear is true\n    const finalValue = allowClear && newValue === currentValue ? 0 : newValue\n    if (value === undefined) {\n      setInternalValue(finalValue)\n    }\n    // Clear hover state so the clicked value shows immediately\n    setHoverValue(0)\n    onChange?.(finalValue)\n  }\n\n  const handleHover = (hoverVal: number) => {\n    if (disabled) return\n    setHoverValue(hoverVal)\n    onHoverChange?.(hoverVal)\n  }\n\n  const sizeClasses = {\n    xs: dRatingXs,\n    sm: dRatingSm,\n    md: dRatingMd,\n    lg: dRatingLg,\n    xl: dRatingXl,\n  }\n\n  const gapClasses = {\n    none: 'gap-0',\n    xs: 'gap-0.5',\n    sm: 'gap-1',\n    md: 'gap-2',\n    lg: 'gap-3',\n  }\n\n  const classes = [\n    dRating,\n    // Half-star mode requires a size class to render correctly, default to md\n    allowHalf ? sizeClasses[effectiveSize] : (effectiveSize && sizeClasses[effectiveSize]),\n    allowHalf ? dRatingHalf : (gap && gapClasses[gap]),\n    className,\n  ].filter(Boolean).join(' ')\n\n  // Auto-generate items if no children provided\n  // Note: half-star mode requires mask-star-2 per DaisyUI\n  const effectiveMask = allowHalf ? 'star-2' : mask\n  const items = children || (\n    <>\n      {allowClear && <RatingItem value={0} hidden />}\n      {allowHalf ? (\n        // Half-star mode: each star is two inputs\n        Array.from({ length: count }, (_, i) => (\n          <React.Fragment key={i + 1}>\n            <RatingItem value={i + 0.5} mask={effectiveMask} color={color} half=\"first\" />\n            <RatingItem value={i + 1} mask={effectiveMask} color={color} half=\"second\" />\n          </React.Fragment>\n        ))\n      ) : (\n        // Standard mode: one input per star\n        Array.from({ length: count }, (_, i) => (\n          <RatingItem key={i + 1} value={i + 1} mask={effectiveMask} color={color} />\n        ))\n      )}\n    </>\n  )\n\n  return (\n    <RatingContext.Provider value={{ name, currentValue, hoverValue, onChange: handleChange, onHover: handleHover, size: effectiveSize, disabled, halfGap: allowHalf ? gap : undefined }}>\n      <div\n        role=\"radiogroup\"\n        aria-label=\"Rating\"\n        className={classes}\n        data-value={currentValue}\n        onMouseLeave={() => handleHover(0)}\n        {...rest}\n      >\n        {items}\n      </div>\n    </RatingContext.Provider>\n  )\n}\n\nfunction RatingItem({ value, mask = 'star-2', color = 'bg-warning', hidden = false, half, className = '' }: RatingItemProps) {\n  const context = useContext(RatingContext)\n  if (!context) {\n    throw new Error('Rating.Item must be used within Rating')\n  }\n\n  const { name, currentValue, hoverValue, onChange, onHover, disabled, halfGap } = context\n\n  const maskClasses = {\n    star: dMaskStar,\n    'star-2': dMaskStar2,\n    heart: dMaskHeart,\n  }\n\n  const halfGapClasses = {\n    none: '',\n    xs: 'mr-0.5',\n    sm: 'mr-1',\n    md: 'mr-2',\n    lg: 'mr-3',\n  }\n\n  const halfClasses = {\n    first: dMaskHalf1,\n    second: `${dMaskHalf2} ${halfGap ? halfGapClasses[halfGap] : ''}`.trim(),\n  }\n\n  // Hidden items only get rating-hidden class (no mask)\n  // Visible items get mask classes - DaisyUI CSS handles filled/unfilled state\n  const classes = hidden\n    ? dRatingHidden\n    : [\n        dMask,\n        maskClasses[mask],\n        half && halfClasses[half],\n        color,\n        className,\n      ].filter(Boolean).join(' ')\n\n  if (disabled) {\n    return (\n      <div\n        className={classes}\n        aria-current={currentValue === value ? 'true' : undefined}\n        aria-label={`Rating ${value}`}\n      />\n    )\n  }\n\n  // Use hoverValue for checked state when hovering (for visual preview)\n  // DaisyUI CSS fills all stars up to the checked one\n  const displayValue = hoverValue > 0 ? hoverValue : currentValue\n\n  return (\n    <input\n      type=\"radio\"\n      name={name}\n      className={classes}\n      checked={displayValue === value}\n      onChange={() => {}} // Controlled by onClick\n      onClick={() => onChange(value)}\n      onMouseEnter={() => onHover(value)}\n      aria-label={`Rating ${value}`}\n    />\n  )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n  Item: RatingItem,\n})\n"],"names":["dRating","dRatingXs","dRatingSm","dRatingMd","dRatingLg","dRatingXl","dRatingHalf","dRatingHidden","dMask","dMaskStar","dMaskStar2","dMaskHeart","dMaskHalf1","dMaskHalf2","RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","onHoverChange","count","size","gap","color","mask","allowClear","allowHalf","disabled","className","rest","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","hoverValue","setHoverValue","currentValue","name","useId","handleChange","newValue","finalValue","handleHover","hoverVal","sizeClasses","gapClasses","classes","effectiveMask","items","jsxs","Fragment","jsx","RatingItem","_","i","React","hidden","half","context","useContext","onHover","halfGap","maskClasses","halfClasses","displayValue","Rating"],"mappings":"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"}
+{"version":3,"file":"Rating.js","sources":["../../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dRating = 'rating'\nconst dRatingXs = 'rating-xs'\nconst dRatingSm = 'rating-sm'\nconst dRatingMd = 'rating-md'\nconst dRatingLg = 'rating-lg'\nconst dRatingXl = 'rating-xl'\nconst dRatingHalf = 'rating-half'\nconst dRatingHidden = 'rating-hidden'\nconst dMask = 'mask'\nconst dMaskStar = 'mask-star'\nconst dMaskStar2 = 'mask-star-2'\nconst dMaskHeart = 'mask-heart'\nconst dMaskHalf1 = 'mask-half-1'\nconst dMaskHalf2 = 'mask-half-2'\n\nexport interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  children?: React.ReactNode\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  onHoverChange?: (value: number) => void\n  count?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg'\n  color?: string\n  mask?: 'star' | 'star-2' | 'heart'\n  allowClear?: boolean\n  allowHalf?: boolean\n  disabled?: boolean\n  'data-testid'?: string\n}\n\nexport interface RatingItemProps {\n  value: number\n  mask?: 'star' | 'star-2' | 'heart'\n  color?: string\n  hidden?: boolean\n  half?: 'first' | 'second'\n  className?: string\n  'data-testid'?: string\n}\n\ninterface RatingContextValue {\n  name: string\n  currentValue: number\n  hoverValue: number\n  onChange: (value: number) => void\n  onHover: (value: number) => void\n  size?: string\n  disabled?: boolean\n  halfGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg'\n  getTestId?: (suffix: string) => string | undefined\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n  children,\n  value,\n  defaultValue = 0,\n  onChange,\n  onHoverChange,\n  count = 5,\n  size,\n  gap = 'md',\n  color = 'bg-warning',\n  mask = 'star-2',\n  allowClear = true,\n  allowHalf = false,\n  disabled = false,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: RatingProps) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const [hoverValue, setHoverValue] = useState(0)\n  const currentValue = value !== undefined ? value : internalValue\n  const name = useId()\n\n  const handleChange = (newValue: number) => {\n    if (disabled) return\n    // Allow clearing if clicking the same value and allowClear is true\n    const finalValue = allowClear && newValue === currentValue ? 0 : newValue\n    if (value === undefined) {\n      setInternalValue(finalValue)\n    }\n    // Clear hover state so the clicked value shows immediately\n    setHoverValue(0)\n    onChange?.(finalValue)\n  }\n\n  const handleHover = (hoverVal: number) => {\n    if (disabled) return\n    setHoverValue(hoverVal)\n    onHoverChange?.(hoverVal)\n  }\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const sizeClasses = {\n    xs: dRatingXs,\n    sm: dRatingSm,\n    md: dRatingMd,\n    lg: dRatingLg,\n    xl: dRatingXl,\n  }\n\n  const gapClasses = {\n    none: 'gap-0',\n    xs: 'gap-0.5',\n    sm: 'gap-1',\n    md: 'gap-2',\n    lg: 'gap-3',\n  }\n\n  const classes = [\n    dRating,\n    // Half-star mode requires a size class to render correctly, default to md\n    allowHalf ? sizeClasses[effectiveSize] : (effectiveSize && sizeClasses[effectiveSize]),\n    allowHalf ? dRatingHalf : (gap && gapClasses[gap]),\n    className,\n  ].filter(Boolean).join(' ')\n\n  // Auto-generate items if no children provided\n  // Note: half-star mode requires mask-star-2 per DaisyUI\n  const effectiveMask = allowHalf ? 'star-2' : mask\n  const items = children || (\n    <>\n      {allowClear && <RatingItem value={0} hidden />}\n      {allowHalf ? (\n        // Half-star mode: each star is two inputs\n        Array.from({ length: count }, (_, i) => (\n          <React.Fragment key={i + 1}>\n            <RatingItem value={i + 0.5} mask={effectiveMask} color={color} half=\"first\" />\n            <RatingItem value={i + 1} mask={effectiveMask} color={color} half=\"second\" />\n          </React.Fragment>\n        ))\n      ) : (\n        // Standard mode: one input per star\n        Array.from({ length: count }, (_, i) => (\n          <RatingItem key={i + 1} value={i + 1} mask={effectiveMask} color={color} />\n        ))\n      )}\n    </>\n  )\n\n  return (\n    <RatingContext.Provider value={{ name, currentValue, hoverValue, onChange: handleChange, onHover: handleHover, size: effectiveSize, disabled, halfGap: allowHalf ? gap : undefined, getTestId }}>\n      <div\n        role=\"radiogroup\"\n        aria-label=\"Rating\"\n        className={classes}\n        data-value={currentValue}\n        data-testid={testId}\n        onMouseLeave={() => handleHover(0)}\n        {...rest}\n      >\n        {items}\n      </div>\n    </RatingContext.Provider>\n  )\n}\n\nfunction RatingItem({ value, mask = 'star-2', color = 'bg-warning', hidden = false, half, className = '', 'data-testid': testId }: RatingItemProps) {\n  const context = useContext(RatingContext)\n  if (!context) {\n    throw new Error('Rating.Item must be used within Rating')\n  }\n\n  const { name, currentValue, hoverValue, onChange, onHover, disabled, halfGap, getTestId } = context\n  const itemTestId = testId ?? getTestId?.(`item-${value}`)\n\n  const maskClasses = {\n    star: dMaskStar,\n    'star-2': dMaskStar2,\n    heart: dMaskHeart,\n  }\n\n  const halfGapClasses = {\n    none: '',\n    xs: 'mr-0.5',\n    sm: 'mr-1',\n    md: 'mr-2',\n    lg: 'mr-3',\n  }\n\n  const halfClasses = {\n    first: dMaskHalf1,\n    second: `${dMaskHalf2} ${halfGap ? halfGapClasses[halfGap] : ''}`.trim(),\n  }\n\n  // Hidden items only get rating-hidden class (no mask)\n  // Visible items get mask classes - DaisyUI CSS handles filled/unfilled state\n  const classes = hidden\n    ? dRatingHidden\n    : [\n        dMask,\n        maskClasses[mask],\n        half && halfClasses[half],\n        color,\n        className,\n      ].filter(Boolean).join(' ')\n\n  if (disabled) {\n    return (\n      <div\n        className={classes}\n        aria-current={currentValue === value ? 'true' : undefined}\n        aria-label={`Rating ${value}`}\n        data-testid={itemTestId}\n      />\n    )\n  }\n\n  // Use hoverValue for checked state when hovering (for visual preview)\n  // DaisyUI CSS fills all stars up to the checked one\n  const displayValue = hoverValue > 0 ? hoverValue : currentValue\n\n  return (\n    <input\n      type=\"radio\"\n      name={name}\n      className={classes}\n      checked={displayValue === value}\n      onChange={() => {}} // Controlled by onClick\n      onClick={() => onChange(value)}\n      onMouseEnter={() => onHover(value)}\n      aria-label={`Rating ${value}`}\n      data-testid={itemTestId}\n    />\n  )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n  Item: RatingItem,\n})\n"],"names":["dRating","dRatingXs","dRatingSm","dRatingMd","dRatingLg","dRatingXl","dRatingHalf","dRatingHidden","dMask","dMaskStar","dMaskStar2","dMaskHeart","dMaskHalf1","dMaskHalf2","RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","onHoverChange","count","size","gap","color","mask","allowClear","allowHalf","disabled","className","testId","rest","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","hoverValue","setHoverValue","currentValue","name","useId","handleChange","newValue","finalValue","handleHover","hoverVal","getTestId","suffix","sizeClasses","gapClasses","classes","effectiveMask","items","jsxs","Fragment","jsx","RatingItem","_","i","React","hidden","half","context","useContext","onHover","halfGap","itemTestId","maskClasses","halfClasses","displayValue","Rating"],"mappings":"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"}

package/dist/components/Responsive.d.ts

@@ -6,13 +6,15 @@ export interface ShowProps {
     below?: Breakpoint;
     at?: Breakpoint | Breakpoint[];
     between?: [Breakpoint, Breakpoint];
+    'data-testid'?: string;
 }
-export declare function Show({ children, above, below, at, between }: ShowProps): React.ReactElement | null;
+export declare function Show({ children, above, below, at, between, 'data-testid': testId }: ShowProps): React.ReactElement | null;
 export interface HideProps {
     children: ReactNode;
     above?: Breakpoint;
     below?: Breakpoint;
     at?: Breakpoint | Breakpoint[];
     between?: [Breakpoint, Breakpoint];
+    'data-testid'?: string;
 }
-export declare function Hide({ children, above, below, at, between }: HideProps): React.ReactElement | null;
+export declare function Hide({ children, above, below, at, between, 'data-testid': testId }: HideProps): React.ReactElement | null;

package/dist/components/Responsive.js

@@ -1,17 +1,18 @@
 import { jsx as v, Fragment as A } from "react/jsx-runtime";
-import { useBreakpoint as m } from "../hooks/useBreakpoint.js";
-function h({ children: f, above: o, below: r, at: s, between: e }) {
-  const { isAbove: d, isBelow: n, isAt: l, isBetween: u } = m();
+import d from "react";
+import { useBreakpoint as p } from "../hooks/useBreakpoint.js";
+function c({ children: s, above: r, below: t, at: e, between: o, "data-testid": l }) {
+  const { isAbove: n, isBelow: u, isAt: f, isBetween: m } = p();
   let i = !1;
-  return o !== void 0 ? i = d(o) : r !== void 0 ? i = n(r) : s !== void 0 ? Array.isArray(s) ? i = s.some((t) => l(t)) : i = l(s) : e !== void 0 ? i = u(e[0], e[1]) : i = !0, i ? /* @__PURE__ */ v(A, { children: f }) : null;
+  return r !== void 0 ? i = n(r) : t !== void 0 ? i = u(t) : e !== void 0 ? Array.isArray(e) ? i = e.some((a) => f(a)) : i = f(e) : o !== void 0 ? i = m(o[0], o[1]) : i = !0, i ? l && d.isValidElement(s) ? d.cloneElement(s, { "data-testid": l }) : /* @__PURE__ */ v(A, { children: s }) : null;
 }
-function p({ children: f, above: o, below: r, at: s, between: e }) {
-  const { isAbove: d, isBelow: n, isAt: l, isBetween: u } = m();
+function x({ children: s, above: r, below: t, at: e, between: o, "data-testid": l }) {
+  const { isAbove: n, isBelow: u, isAt: f, isBetween: m } = p();
   let i = !1;
-  return o !== void 0 ? i = d(o) : r !== void 0 ? i = n(r) : s !== void 0 ? Array.isArray(s) ? i = s.some((t) => l(t)) : i = l(s) : e !== void 0 && (i = u(e[0], e[1])), i ? null : /* @__PURE__ */ v(A, { children: f });
+  return r !== void 0 ? i = n(r) : t !== void 0 ? i = u(t) : e !== void 0 ? Array.isArray(e) ? i = e.some((a) => f(a)) : i = f(e) : o !== void 0 && (i = m(o[0], o[1])), i ? null : l && d.isValidElement(s) ? d.cloneElement(s, { "data-testid": l }) : /* @__PURE__ */ v(A, { children: s });
 }
 export {
-  p as Hide,
-  h as Show
+  x as Hide,
+  c as Show
 };
 //# sourceMappingURL=Responsive.js.map

package/dist/components/Responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Responsive.js","sources":["../../src/components/Responsive.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useBreakpoint, Breakpoint } from '../hooks/useBreakpoint'\n\nexport interface ShowProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n}\n\nexport function Show({ children, above, below, at, between }: ShowProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldShow = false\n\n  if (above !== undefined) {\n    shouldShow = isAbove(above)\n  } else if (below !== undefined) {\n    shouldShow = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldShow = at.some((bp) => isAt(bp))\n    } else {\n      shouldShow = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldShow = isBetween(between[0], between[1])\n  } else {\n    shouldShow = true\n  }\n\n  return shouldShow ? <>{children}</> : null\n}\n\nexport interface HideProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n}\n\nexport function Hide({ children, above, below, at, between }: HideProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldHide = false\n\n  if (above !== undefined) {\n    shouldHide = isAbove(above)\n  } else if (below !== undefined) {\n    shouldHide = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldHide = at.some((bp) => isAt(bp))\n    } else {\n      shouldHide = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldHide = isBetween(between[0], between[1])\n  }\n\n  return shouldHide ? null : <>{children}</>\n}\n"],"names":["Show","children","above","below","at","between","isAbove","isBelow","isAt","isBetween","useBreakpoint","shouldShow","bp","jsx","Fragment","Hide","shouldHide"],"mappings":";;AAWO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIC,IAAa;AAEjB,SAAIT,MAAU,SACZS,IAAaL,EAAQJ,CAAK,IACjBC,MAAU,SACnBQ,IAAaJ,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBO,IAAaP,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCD,IAAaH,EAAKJ,CAAE,IAEbC,MAAY,SACrBM,IAAaF,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAE7CM,IAAa,IAGRA,IAAa,gBAAAE,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS,IAAM;AACxC;AAUO,SAASc,EAAK,EAAE,UAAAd,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIM,IAAa;AAEjB,SAAId,MAAU,SACZc,IAAaV,EAAQJ,CAAK,IACjBC,MAAU,SACnBa,IAAaT,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBY,IAAaZ,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCI,IAAaR,EAAKJ,CAAE,IAEbC,MAAY,WACrBW,IAAaP,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAGxCW,IAAa,OAAO,gBAAAH,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS;AACzC;"}
+{"version":3,"file":"Responsive.js","sources":["../../src/components/Responsive.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useBreakpoint, Breakpoint } from '../hooks/useBreakpoint'\n\nexport interface ShowProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n  'data-testid'?: string\n}\n\nexport function Show({ children, above, below, at, between, 'data-testid': testId }: ShowProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldShow = false\n\n  if (above !== undefined) {\n    shouldShow = isAbove(above)\n  } else if (below !== undefined) {\n    shouldShow = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldShow = at.some((bp) => isAt(bp))\n    } else {\n      shouldShow = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldShow = isBetween(between[0], between[1])\n  } else {\n    shouldShow = true\n  }\n\n  if (!shouldShow) return null\n  if (testId && React.isValidElement(children)) {\n    return React.cloneElement(children, { 'data-testid': testId } as Record<string, unknown>)\n  }\n  return <>{children}</>\n}\n\nexport interface HideProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n  'data-testid'?: string\n}\n\nexport function Hide({ children, above, below, at, between, 'data-testid': testId }: HideProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldHide = false\n\n  if (above !== undefined) {\n    shouldHide = isAbove(above)\n  } else if (below !== undefined) {\n    shouldHide = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldHide = at.some((bp) => isAt(bp))\n    } else {\n      shouldHide = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldHide = isBetween(between[0], between[1])\n  }\n\n  if (shouldHide) return null\n  if (testId && React.isValidElement(children)) {\n    return React.cloneElement(children, { 'data-testid': testId } as Record<string, unknown>)\n  }\n  return <>{children}</>\n}\n"],"names":["Show","children","above","below","at","between","testId","isAbove","isBelow","isAt","isBetween","useBreakpoint","shouldShow","bp","React","Hide","shouldHide"],"mappings":";;;AAYO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,eAAeC,KAAgD;AACzH,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIC,IAAa;AAkBjB,SAhBIV,MAAU,SACZU,IAAaL,EAAQL,CAAK,IACjBC,MAAU,SACnBS,IAAaJ,EAAQL,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBQ,IAAaR,EAAG,KAAK,CAACS,MAAOJ,EAAKI,CAAE,CAAC,IAErCD,IAAaH,EAAKL,CAAE,IAEbC,MAAY,SACrBO,IAAaF,EAAUL,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAE7CO,IAAa,IAGVA,IACDN,KAAUQ,EAAM,eAAeb,CAAQ,IAClCa,EAAM,aAAab,GAAU,EAAE,eAAeK,GAAmC,2BAEhF,UAAAL,GAAS,IAJK;AAK1B;AAWO,SAASc,EAAK,EAAE,UAAAd,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,eAAeC,KAAgD;AACzH,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIK,IAAa;AAgBjB,SAdId,MAAU,SACZc,IAAaT,EAAQL,CAAK,IACjBC,MAAU,SACnBa,IAAaR,EAAQL,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBY,IAAaZ,EAAG,KAAK,CAACS,MAAOJ,EAAKI,CAAE,CAAC,IAErCG,IAAaP,EAAKL,CAAE,IAEbC,MAAY,WACrBW,IAAaN,EAAUL,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAG3CW,IAAmB,OACnBV,KAAUQ,EAAM,eAAeb,CAAQ,IAClCa,EAAM,aAAab,GAAU,EAAE,eAAeK,GAAmC,2BAEhF,UAAAL,GAAS;AACrB;"}