asterui 0.12.2 → 0.12.3

package/dist/index66.js

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

package/dist/index66.js.map

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

package/dist/index67.js

@@ -1,48 +1,55 @@
-import { jsx as p } from "react/jsx-runtime";
-const f = {
-  primary: "text-primary",
-  secondary: "text-secondary",
-  accent: "text-accent",
-  success: "text-success",
-  warning: "text-warning",
-  error: "text-error",
-  info: "text-info",
-  neutral: "text-neutral"
-}, y = ({
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useState as j } from "react";
+const A = ({
   value: s,
-  size: e,
-  thickness: t,
-  color: a,
-  showValue: i = !0,
-  children: o,
-  className: n = "",
-  style: c,
-  ...l
+  defaultValue: m = 50,
+  onChange: d,
+  min: r = 0,
+  max: c = 100,
+  step: t = 1,
+  size: f = "md",
+  color: l,
+  disabled: u = !1,
+  showValue: x = !1,
+  showSteps: o = !1,
+  className: h = ""
 }) => {
-  const u = () => {
-    const r = ["radial-progress"];
-    return a && r.push(f[a]), n && r.push(n), r.join(" ");
-  }, x = () => {
-    const r = {
-      "--value": s
-    };
-    return e !== void 0 && (r["--size"] = typeof e == "number" ? `${e}rem` : e), t !== void 0 && (r["--thickness"] = typeof t == "number" ? `${t}px` : t), r;
-  };
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: u(),
-      style: { ...x(), ...c },
-      role: "progressbar",
-      "aria-valuenow": s,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      ...l,
-      children: o !== void 0 ? o : i ? `${s}%` : null
-    }
-  );
+  const [p, y] = j(m), g = s !== void 0 ? s : p, C = (e) => {
+    const n = parseFloat(e.target.value);
+    s === void 0 && y(n), d?.(n);
+  }, v = {
+    xs: "range-xs",
+    sm: "range-sm",
+    md: "range-md",
+    lg: "range-lg"
+  }, w = {
+    primary: "range-primary",
+    secondary: "range-secondary",
+    accent: "range-accent",
+    success: "range-success",
+    warning: "range-warning",
+    info: "range-info",
+    error: "range-error"
+  }, N = v[f], V = l ? w[l] : "", i = o ? Array.from({ length: Math.floor((c - r) / t) + 1 }, (e, n) => r + n * t) : [];
+  return /* @__PURE__ */ b("div", { className: h, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "range",
+        min: r,
+        max: c,
+        step: t,
+        value: g,
+        onChange: C,
+        disabled: u,
+        className: `range ${N} ${V}`
+      }
+    ),
+    o && i.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: i.map((e) => /* @__PURE__ */ a("span", { className: "text-base-content/60", children: "|" }, e)) }),
+    x && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: g })
+  ] });
 };
 export {
-  y as RadialProgress
+  A as Range
 };
 //# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index67.js","sources":["../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\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 = ['radial-progress']\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      '--value': value,\n    }\n\n    if (size !== undefined) {\n      style['--size'] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style['--thickness'] = 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":["colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAWA,MAAMA,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,CAAC,iBAAiB;AAElC,WAAIP,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,WAAWP;AAAA,IAAA;AAGb,WAAIC,MAAS,WACXM,EAAM,QAAQ,IAAI,OAAON,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAM,aAAa,IAAI,OAAOL,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":"index67.js","sources":["../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\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'\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 = 'md',\n  color,\n  disabled = false,\n  showValue = false,\n  showSteps = false,\n  className = '',\n}) => {\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: 'range-xs',\n    sm: 'range-sm',\n    md: 'range-md',\n    lg: 'range-lg',\n  } as const\n\n  const colorClasses = {\n    primary: 'range-primary',\n    secondary: 'range-secondary',\n    accent: 'range-accent',\n    success: 'range-success',\n    warning: 'range-warning',\n    info: 'range-info',\n    error: 'range-error',\n  } as const\n\n  const sizeClass = sizeClasses[size]\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={`range ${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":["Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;AAiBO,MAAMA,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,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASb,CAAY,GACzDc,IAAef,MAAU,SAAYA,IAAQY,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIjB,MAAU,UACZa,EAAiBI,CAAQ,GAE3Bf,IAAWe,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAYF,EAAYZ,CAAI,GAC5Be,IAAad,IAAQY,EAAaZ,CAAK,IAAI,IAG3Ce,IAAQZ,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACkB,GAAGC,MAAMrB,IAAMqB,IAAInB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAoB,EAAC,SAAI,WAAAd,GACH,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAvB;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOU;AAAA,QACP,UAAUC;AAAA,QACV,UAAAR;AAAA,QACA,WAAW,SAASY,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CX,KAAaY,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,IAEDlB,KACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index68.js

@@ -1,55 +1,65 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { useState as j } from "react";
-const A = ({
-  value: s,
-  defaultValue: m = 50,
-  onChange: d,
-  min: r = 0,
-  max: c = 100,
-  step: t = 1,
-  size: f = "md",
-  color: l,
-  disabled: u = !1,
-  showValue: x = !1,
-  showSteps: o = !1,
-  className: h = ""
-}) => {
-  const [p, y] = j(m), g = s !== void 0 ? s : p, C = (e) => {
-    const n = parseFloat(e.target.value);
-    s === void 0 && y(n), d?.(n);
-  }, v = {
-    xs: "range-xs",
-    sm: "range-sm",
-    md: "range-md",
-    lg: "range-lg"
-  }, w = {
-    primary: "range-primary",
-    secondary: "range-secondary",
-    accent: "range-accent",
-    success: "range-success",
-    warning: "range-warning",
-    info: "range-info",
-    error: "range-error"
-  }, N = v[f], V = l ? w[l] : "", i = o ? Array.from({ length: Math.floor((c - r) / t) + 1 }, (e, n) => r + n * t) : [];
-  return /* @__PURE__ */ b("div", { className: h, children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        type: "range",
-        min: r,
-        max: c,
-        step: t,
-        value: g,
-        onChange: C,
-        disabled: u,
-        className: `range ${N} ${V}`
-      }
-    ),
-    o && i.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: i.map((e) => /* @__PURE__ */ a("span", { className: "text-base-content/60", children: "|" }, e)) }),
-    x && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: g })
-  ] });
-};
+import { jsx as o } from "react/jsx-runtime";
+import { useState as x, useId as R, createContext as k, useContext as b } from "react";
+const f = k(null);
+function p({
+  children: t,
+  value: a,
+  defaultValue: c = 0,
+  onChange: e,
+  size: n,
+  readOnly: s = !1,
+  className: l = "",
+  ...r
+}) {
+  const [g, m] = x(c), u = a !== void 0 ? a : g, i = R(), h = (d) => {
+    s || (a === void 0 && m(d), e?.(d));
+  }, C = ["rating", n && {
+    xs: "rating-xs",
+    sm: "rating-sm",
+    md: "rating-md",
+    lg: "rating-lg",
+    xl: "rating-xl"
+  }[n], l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(f.Provider, { value: { name: i, currentValue: u, onChange: h, size: n, readOnly: s }, children: /* @__PURE__ */ o("div", { className: C, "data-value": u, ...r, children: t }) });
+}
+function I({ value: t, mask: a = "star", color: c = "bg-warning", hidden: e = !1, className: n = "" }) {
+  const s = b(f);
+  if (!s)
+    throw new Error("Rating.Item must be used within Rating");
+  const { name: l, currentValue: r, onChange: g, readOnly: m } = s, i = [
+    "mask",
+    {
+      star: "mask-star",
+      "star-2": "mask-star-2",
+      heart: "mask-heart"
+    }[a],
+    e && "rating-hidden",
+    !e && c,
+    n
+  ].filter(Boolean).join(" ");
+  return m ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: i,
+      "aria-current": r === t ? "true" : void 0,
+      "aria-label": `Rating ${t}`
+    }
+  ) : /* @__PURE__ */ o(
+    "input",
+    {
+      type: "radio",
+      name: l,
+      className: i,
+      checked: r === t,
+      onChange: () => g(t),
+      "aria-label": `Rating ${t}`
+    }
+  );
+}
+const V = Object.assign(p, {
+  Item: I
+});
 export {
-  A as Range
+  V as Rating
 };
 //# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index68.js","sources":["../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\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'\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 = 'md',\n  color,\n  disabled = false,\n  showValue = false,\n  showSteps = false,\n  className = '',\n}) => {\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: 'range-xs',\n    sm: 'range-sm',\n    md: 'range-md',\n    lg: 'range-lg',\n  } as const\n\n  const colorClasses = {\n    primary: 'range-primary',\n    secondary: 'range-secondary',\n    accent: 'range-accent',\n    success: 'range-success',\n    warning: 'range-warning',\n    info: 'range-info',\n    error: 'range-error',\n  } as const\n\n  const sizeClass = sizeClasses[size]\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={`range ${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":["Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;AAiBO,MAAMA,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,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASb,CAAY,GACzDc,IAAef,MAAU,SAAYA,IAAQY,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIjB,MAAU,UACZa,EAAiBI,CAAQ,GAE3Bf,IAAWe,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAYF,EAAYZ,CAAI,GAC5Be,IAAad,IAAQY,EAAaZ,CAAK,IAAI,IAG3Ce,IAAQZ,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACkB,GAAGC,MAAMrB,IAAMqB,IAAInB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAoB,EAAC,SAAI,WAAAd,GACH,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAvB;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOU;AAAA,QACP,UAAUC;AAAA,QACV,UAAAR;AAAA,QACA,WAAW,SAASY,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CX,KAAaY,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,IAEDlB,KACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index68.js","sources":["../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\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  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  readOnly?: boolean\n}\n\nexport interface RatingItemProps {\n  value: number\n  mask?: 'star' | 'star-2' | 'heart'\n  color?: string\n  hidden?: boolean\n  className?: string\n}\n\ninterface RatingContextValue {\n  name: string\n  currentValue: number\n  onChange: (value: number) => void\n  size?: string\n  readOnly?: boolean\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n  children,\n  value,\n  defaultValue = 0,\n  onChange,\n  size,\n  readOnly = false,\n  className = '',\n  ...rest\n}: RatingProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const name = useId()\n\n  const handleChange = (newValue: number) => {\n    if (readOnly) return\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const sizeClasses = {\n    xs: 'rating-xs',\n    sm: 'rating-sm',\n    md: 'rating-md',\n    lg: 'rating-lg',\n    xl: 'rating-xl',\n  }\n\n  const classes = ['rating', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <RatingContext.Provider value={{ name, currentValue, onChange: handleChange, size, readOnly }}>\n      <div className={classes} data-value={currentValue} {...rest}>{children}</div>\n    </RatingContext.Provider>\n  )\n}\n\nfunction RatingItem({ value, mask = 'star', color = 'bg-warning', hidden = false, 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, onChange, readOnly } = context\n\n  const maskClasses = {\n    star: 'mask-star',\n    'star-2': 'mask-star-2',\n    heart: 'mask-heart',\n  }\n\n  const classes = [\n    'mask',\n    maskClasses[mask],\n    hidden && 'rating-hidden',\n    !hidden && color,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (readOnly) {\n    return (\n      <div\n        className={classes}\n        aria-current={currentValue === value ? 'true' : undefined}\n        aria-label={`Rating ${value}`}\n      />\n    )\n  }\n\n  return (\n    <input\n      type=\"radio\"\n      name={name}\n      className={classes}\n      checked={currentValue === value}\n      onChange={() => onChange(value)}\n      aria-label={`Rating ${value}`}\n    />\n  )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n  Item: RatingItem,\n})\n"],"names":["RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","size","readOnly","className","rest","internalValue","setInternalValue","useState","currentValue","name","useId","handleChange","newValue","classes","jsx","RatingItem","mask","color","hidden","context","useContext","Rating"],"mappings":";;AA2BA,MAAMA,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,EAAW;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GACzDS,IAAeV,MAAU,SAAYA,IAAQO,GAC7CI,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,IAAIV,MACAJ,MAAU,UACZQ,EAAiBM,CAAQ,GAE3BZ,IAAWY,CAAQ;AAAA,EACrB,GAUMC,IAAU,CAAC,UAAUZ,KARP;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGyCA,CAAI,GAAGE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAW,EAACpB,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAAe,GAAM,cAAAD,GAAc,UAAUG,GAAc,MAAAV,GAAM,UAAAC,KACjF,UAAA,gBAAAY,EAAC,SAAI,WAAWD,GAAS,cAAYL,GAAe,GAAGJ,GAAO,UAAAP,EAAA,CAAS,EAAA,CACzE;AAEJ;AAEA,SAASkB,EAAW,EAAE,OAAAjB,GAAO,MAAAkB,IAAO,QAAQ,OAAAC,IAAQ,cAAc,QAAAC,IAAS,IAAO,WAAAf,IAAY,GAAA,GAAuB;AACnH,QAAMgB,IAAUC,EAAW1B,CAAa;AACxC,MAAI,CAACyB;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAAV,GAAM,cAAAD,GAAc,UAAAR,GAAU,UAAAE,MAAaiB,GAQ7CN,IAAU;AAAA,IACd;AAAA,IAPkB;AAAA,MAClB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,EAKKG,CAAI;AAAA,IAChBE,KAAU;AAAA,IACV,CAACA,KAAUD;AAAA,IACXd;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAID,IAEA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,gBAAcL,MAAiBV,IAAQ,SAAS;AAAA,MAChD,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA,IAM/B,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAL;AAAA,MACA,WAAWI;AAAA,MACX,SAASL,MAAiBV;AAAA,MAC1B,UAAU,MAAME,EAASF,CAAK;AAAA,MAC9B,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMuB,IAAS,OAAO,OAAOzB,GAAY;AAAA,EAC9C,MAAMmB;AACR,CAAC;"}

package/dist/index69.js

@@ -1,65 +1,110 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as x, useId as R, createContext as k, useContext as b } from "react";
-const f = k(null);
-function p({
-  children: t,
-  value: a,
-  defaultValue: c = 0,
-  onChange: e,
-  size: n,
-  readOnly: s = !1,
-  className: l = "",
-  ...r
-}) {
-  const [g, m] = x(c), u = a !== void 0 ? a : g, i = R(), h = (d) => {
-    s || (a === void 0 && m(d), e?.(d));
-  }, C = ["rating", n && {
-    xs: "rating-xs",
-    sm: "rating-sm",
-    md: "rating-md",
-    lg: "rating-lg",
-    xl: "rating-xl"
-  }[n], l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(f.Provider, { value: { name: i, currentValue: u, onChange: h, size: n, readOnly: s }, children: /* @__PURE__ */ o("div", { className: C, "data-value": u, ...r, children: t }) });
-}
-function I({ value: t, mask: a = "star", color: c = "bg-warning", hidden: e = !1, className: n = "" }) {
-  const s = b(f);
-  if (!s)
-    throw new Error("Rating.Item must be used within Rating");
-  const { name: l, currentValue: r, onChange: g, readOnly: m } = s, i = [
-    "mask",
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+const m = {
+  success: /* @__PURE__ */ e(
+    "svg",
     {
-      star: "mask-star",
-      "star-2": "mask-star-2",
-      heart: "mask-heart"
-    }[a],
-    e && "rating-hidden",
-    !e && c,
-    n
-  ].filter(Boolean).join(" ");
-  return m ? /* @__PURE__ */ o(
-    "div",
+      className: "w-16 h-16 text-success",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
+    }
+  ),
+  error: /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-16 h-16 text-error",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
+    }
+  ),
+  info: /* @__PURE__ */ e(
+    "svg",
     {
-      className: i,
-      "aria-current": r === t ? "true" : void 0,
-      "aria-label": `Rating ${t}`
+      className: "w-16 h-16 text-info",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
     }
-  ) : /* @__PURE__ */ o(
-    "input",
+  ),
+  warning: /* @__PURE__ */ e(
+    "svg",
     {
-      type: "radio",
-      name: l,
-      className: i,
-      checked: r === t,
-      onChange: () => g(t),
-      "aria-label": `Rating ${t}`
+      className: "w-16 h-16 text-warning",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          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"
+        }
+      )
+    }
+  ),
+  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,
+  extra: r,
+  children: l,
+  className: i = "",
+  ...c
+}) => {
+  const a = o !== void 0 ? o : m[t];
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `w-full flex flex-col items-center justify-center text-center p-8 ${i}`,
+      "data-status": t,
+      ...c,
+      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 })
+      ]
     }
   );
-}
-const V = Object.assign(p, {
-  Item: I
-});
+};
+x.displayName = "Result";
 export {
-  V as Rating
+  x as Result,
+  x as default
 };
 //# sourceMappingURL=index69.js.map