asterui 0.12.62 → 0.12.64

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;"}

package/dist/components/Result.d.ts

@@ -7,6 +7,7 @@ export interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     icon?: React.ReactNode;
     extra?: React.ReactNode;
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export declare const Result: React.FC<ResultProps>;
 export default Result;

package/dist/components/Result.js

@@ -1,5 +1,5 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-const m = {
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+const u = {
   success: /* @__PURE__ */ e(
     "svg",
     {
@@ -75,36 +75,38 @@ const m = {
   404: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "404" }),
   403: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "403" }),
   500: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "500" })
-}, x = ({
-  status: t = "info",
-  title: n,
-  subTitle: s,
-  icon: o,
+}, v = ({
+  status: n = "info",
+  title: o,
+  subTitle: a,
+  icon: i,
   extra: r,
   children: l,
-  className: i = "",
-  ...c
+  className: c = "",
+  "data-testid": s,
+  ...m
 }) => {
-  const a = o !== void 0 ? o : m[t];
-  return /* @__PURE__ */ d(
+  const d = i !== void 0 ? i : u[n], t = (x) => s ? `${s}-${x}` : void 0;
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: `w-full flex flex-col items-center justify-center text-center p-8 ${i}`,
-      "data-status": t,
-      ...c,
+      className: `w-full flex flex-col items-center justify-center text-center p-8 ${c}`,
+      "data-status": n,
+      "data-testid": s,
+      ...m,
       children: [
-        a && /* @__PURE__ */ e("div", { className: "mb-6", children: a }),
-        n && /* @__PURE__ */ e("div", { className: "text-2xl font-semibold mb-2 text-base-content", children: n }),
-        s && /* @__PURE__ */ e("div", { className: "text-base text-base-content/70 mb-6 max-w-md", children: s }),
-        l && /* @__PURE__ */ e("div", { className: "mb-6 max-w-2xl", children: l }),
-        r && /* @__PURE__ */ e("div", { className: "flex gap-2", children: r })
+        d && /* @__PURE__ */ e("div", { className: "mb-6", "data-testid": t("icon"), children: d }),
+        o && /* @__PURE__ */ e("div", { className: "text-2xl font-semibold mb-2 text-base-content", "data-testid": t("title"), children: o }),
+        a && /* @__PURE__ */ e("div", { className: "text-base text-base-content/70 mb-6 max-w-md", "data-testid": t("subtitle"), children: a }),
+        l && /* @__PURE__ */ e("div", { className: "mb-6 max-w-2xl", "data-testid": t("content"), children: l }),
+        r && /* @__PURE__ */ e("div", { className: "flex gap-2", "data-testid": t("extra"), children: r })
       ]
     }
   );
 };
-x.displayName = "Result";
+v.displayName = "Result";
 export {
-  x as Result,
-  x as default
+  v as Result,
+  v as default
 };
 //# sourceMappingURL=Result.js.map

package/dist/components/Result.js.map

@@ -1 +1 @@
-{"version":3,"file":"Result.js","sources":["../../src/components/Result.tsx"],"sourcesContent":["import React from 'react'\n\nexport type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'\n\nexport interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: ResultStatus\n  title?: React.ReactNode\n  subTitle?: React.ReactNode\n  icon?: React.ReactNode\n  extra?: React.ReactNode\n  children?: React.ReactNode\n}\n\nconst defaultIcons: Record<ResultStatus, React.ReactNode> = {\n  success: (\n    <svg\n      className=\"w-16 h-16 text-success\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  error: (\n    <svg\n      className=\"w-16 h-16 text-error\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  info: (\n    <svg\n      className=\"w-16 h-16 text-info\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  warning: (\n    <svg\n      className=\"w-16 h-16 text-warning\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      />\n    </svg>\n  ),\n  '404': (\n    <div className=\"text-6xl font-bold text-base-content/40\">404</div>\n  ),\n  '403': (\n    <div className=\"text-6xl font-bold text-base-content/40\">403</div>\n  ),\n  '500': (\n    <div className=\"text-6xl font-bold text-base-content/40\">500</div>\n  ),\n}\n\nexport const Result: React.FC<ResultProps> = ({\n  status = 'info',\n  title,\n  subTitle,\n  icon,\n  extra,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const displayIcon = icon !== undefined ? icon : defaultIcons[status]\n\n  return (\n    <div\n      className={`w-full flex flex-col items-center justify-center text-center p-8 ${className}`}\n      data-status={status}\n      {...rest}\n    >\n      {displayIcon && <div className=\"mb-6\">{displayIcon}</div>}\n\n      {title && (\n        <div className=\"text-2xl font-semibold mb-2 text-base-content\">\n          {title}\n        </div>\n      )}\n\n      {subTitle && (\n        <div className=\"text-base text-base-content/70 mb-6 max-w-md\">\n          {subTitle}\n        </div>\n      )}\n\n      {children && <div className=\"mb-6 max-w-2xl\">{children}</div>}\n\n      {extra && <div className=\"flex gap-2\">{extra}</div>}\n    </div>\n  )\n}\n\nResult.displayName = 'Result'\n\nexport default Result\n"],"names":["defaultIcons","jsx","Result","status","title","subTitle","icon","extra","children","className","rest","displayIcon","jsxs"],"mappings":";AAaA,MAAMA,IAAsD;AAAA,EAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,OACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,MACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,SACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,MAAA,CAAG;AAEhE,GAEaC,IAAgC,CAAC;AAAA,EAC5C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcL,MAAS,SAAYA,IAAON,EAAaG,CAAM;AAEnE,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oEAAoEH,CAAS;AAAA,MACxF,eAAaN;AAAA,MACZ,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,KAAe,gBAAAV,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAU,GAAY;AAAA,QAElDP,KACC,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAG,GACH;AAAA,QAGDC,KACC,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAI,GACH;AAAA,QAGDG,KAAY,gBAAAP,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAO,GAAS;AAAA,QAEtDD,KAAS,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAM,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"Result.js","sources":["../../src/components/Result.tsx"],"sourcesContent":["import React from 'react'\n\nexport type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'\n\nexport interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: ResultStatus\n  title?: React.ReactNode\n  subTitle?: React.ReactNode\n  icon?: React.ReactNode\n  extra?: React.ReactNode\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nconst defaultIcons: Record<ResultStatus, React.ReactNode> = {\n  success: (\n    <svg\n      className=\"w-16 h-16 text-success\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  error: (\n    <svg\n      className=\"w-16 h-16 text-error\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  info: (\n    <svg\n      className=\"w-16 h-16 text-info\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  warning: (\n    <svg\n      className=\"w-16 h-16 text-warning\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      />\n    </svg>\n  ),\n  '404': (\n    <div className=\"text-6xl font-bold text-base-content/40\">404</div>\n  ),\n  '403': (\n    <div className=\"text-6xl font-bold text-base-content/40\">403</div>\n  ),\n  '500': (\n    <div className=\"text-6xl font-bold text-base-content/40\">500</div>\n  ),\n}\n\nexport const Result: React.FC<ResultProps> = ({\n  status = 'info',\n  title,\n  subTitle,\n  icon,\n  extra,\n  children,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  const displayIcon = icon !== undefined ? icon : defaultIcons[status]\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <div\n      className={`w-full flex flex-col items-center justify-center text-center p-8 ${className}`}\n      data-status={status}\n      data-testid={testId}\n      {...rest}\n    >\n      {displayIcon && <div className=\"mb-6\" data-testid={getTestId('icon')}>{displayIcon}</div>}\n\n      {title && (\n        <div className=\"text-2xl font-semibold mb-2 text-base-content\" data-testid={getTestId('title')}>\n          {title}\n        </div>\n      )}\n\n      {subTitle && (\n        <div className=\"text-base text-base-content/70 mb-6 max-w-md\" data-testid={getTestId('subtitle')}>\n          {subTitle}\n        </div>\n      )}\n\n      {children && <div className=\"mb-6 max-w-2xl\" data-testid={getTestId('content')}>{children}</div>}\n\n      {extra && <div className=\"flex gap-2\" data-testid={getTestId('extra')}>{extra}</div>}\n    </div>\n  )\n}\n\nResult.displayName = 'Result'\n\nexport default Result\n"],"names":["defaultIcons","jsx","Result","status","title","subTitle","icon","extra","children","className","testId","rest","displayIcon","getTestId","suffix","jsxs"],"mappings":"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"}

package/dist/components/Select.d.ts

@@ -14,5 +14,6 @@ export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectE
     addonAfter?: React.ReactNode;
     className?: string;
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/Select.js

@@ -1,78 +1,88 @@
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as E, useRef as v } from "react";
-import { useConfig as X } from "../providers/ConfigProvider.js";
-const o = "select", r = "select-bordered", $ = "select-ghost", F = "select-xs", G = "select-sm", I = "select-md", L = "select-lg", M = "select-xl", P = "select-neutral", W = "select-primary", k = "select-secondary", q = "select-accent", A = "select-info", D = "select-success", b = "select-warning", h = "select-error", H = "floating-label", J = E(
+import { jsx as c, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as W, useRef as X } from "react";
+import { useConfig as F } from "../providers/ConfigProvider.js";
+const i = "select", f = "select-bordered", G = "select-ghost", M = "select-xs", P = "select-sm", k = "select-md", q = "select-lg", A = "select-xl", D = "select-neutral", H = "select-primary", J = "select-secondary", K = "select-accent", L = "select-info", O = "select-success", y = "select-warning", N = "select-error", Q = "floating-label", U = W(
   ({
-    size: w,
-    color: a,
-    status: i,
-    ghost: y = !1,
-    bordered: N = !0,
-    floatingLabel: d,
-    addonBefore: t,
-    addonAfter: c,
-    className: f = "",
-    children: m,
-    ...S
-  }, j) => {
-    const { componentSize: R } = X(), e = w ?? R ?? "md", z = v(null), u = j || z, l = {
-      xs: F,
-      sm: G,
-      md: I,
-      lg: L,
-      xl: M
-    }, g = i ? {
-      error: h,
-      warning: b
-    }[i] : a ? {
-      neutral: P,
-      primary: W,
-      secondary: k,
-      accent: q,
-      info: A,
-      success: D,
-      warning: b,
-      error: h
-    }[a] : "", p = t || c, B = p ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", f].filter(Boolean).join(" ") : [
-      o,
+    size: j,
+    color: m,
+    status: S,
+    ghost: v = !1,
+    bordered: R = !0,
+    floatingLabel: l,
+    addonBefore: n,
+    addonAfter: o,
+    className: u = "",
+    children: g,
+    "data-testid": e,
+    ...p
+  }, $) => {
+    const { componentSize: z } = F(), s = j ?? z ?? "md", B = X(null), x = $ || B, a = {
+      xs: M,
+      sm: P,
+      md: k,
+      lg: q,
+      xl: A
+    }, C = S ? {
+      error: N,
+      warning: y
+    }[S] : m ? {
+      neutral: D,
+      primary: H,
+      secondary: J,
+      accent: K,
+      info: L,
+      success: O,
+      warning: y,
+      error: N
+    }[m] : "", r = n || o, E = r || !!l, d = (t) => e ? `${e}-${t}` : void 0, b = e ? E ? d("select") : e : void 0, T = r ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", u].filter(Boolean).join(" ") : [
+      i,
       "w-full",
-      N && r,
-      y && $,
-      e && l[e],
-      g,
-      f
-    ].filter(Boolean).join(" "), x = /* @__PURE__ */ s("select", { ref: u, className: B, ...S, children: m });
-    if (d) {
-      const n = [
-        H,
-        e && l[e]
+      R && f,
+      v && G,
+      s && a[s],
+      C,
+      u
+    ].filter(Boolean).join(" "), h = /* @__PURE__ */ c("select", { ref: x, className: T, "data-testid": b, ...p, children: g });
+    if (l) {
+      const t = [
+        Q,
+        s && a[s]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ C("label", { className: n, children: [
-        /* @__PURE__ */ s("select", { ref: u, className: `${o} ${r} w-full`, ...S, children: m }),
-        /* @__PURE__ */ s("span", { children: d })
+      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+        /* @__PURE__ */ c(
+          "select",
+          {
+            ref: x,
+            className: `${i} ${f} w-full`,
+            "data-testid": b,
+            ...p,
+            children: g
+          }
+        ),
+        /* @__PURE__ */ c("span", { children: l })
       ] });
     }
-    if (p) {
-      const n = [
-        o,
-        r,
+    if (r) {
+      const t = [
+        i,
+        f,
         "flex",
         "items-center",
         "gap-2",
-        e && l[e],
-        g
+        s && a[s],
+        C
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ C("label", { className: n, children: [
-        t && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: t }),
-        x,
-        c && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: c })
+      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+        n && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-before"), children: n }),
+        h,
+        o && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-after"), children: o })
       ] });
     }
-    return x;
+    return h;
   }
 );
-J.displayName = "Select";
+U.displayName = "Select";
 export {
-  J as Select
+  U as Select
 };
 //# sourceMappingURL=Select.js.map