asterui 0.12.49 → 0.12.50

package/dist/components/Rating.js

@@ -1,126 +1,127 @@
-import { jsxs as G, Fragment as _, jsx as t } from "react/jsx-runtime";
-import L, { useState as M, useId as O, createContext as P, useContext as S } from "react";
-const N = P(null);
-function q({
-  children: n,
+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 "./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({
+  children: t,
   value: i,
-  defaultValue: v = 0,
-  onChange: x,
-  onHoverChange: g,
-  count: d = 5,
-  size: e,
-  gap: l = "md",
-  color: o = "bg-warning",
-  mask: h = "star-2",
-  allowClear: u = !0,
+  defaultValue: p = 0,
+  onChange: v,
+  onHoverChange: l,
+  count: m = 5,
+  size: f,
+  gap: c = "md",
+  color: r = "bg-warning",
+  mask: u = "star-2",
+  allowClear: h = !0,
   allowHalf: s = !1,
-  disabled: m = !1,
-  className: f = "",
+  disabled: g = !1,
+  className: k = "",
   ...C
 }) {
-  const [j, R] = M(v), [p, k] = M(0), V = i !== void 0 ? i : j, $ = O(), A = (r) => {
-    if (m) return;
-    const a = u && r === V ? 0 : r;
-    i === void 0 && R(a), k(0), x?.(a);
-  }, I = (r) => {
-    m || (k(r), g?.(r));
-  }, y = {
-    xs: "rating-xs",
-    sm: "rating-sm",
-    md: "rating-md",
-    lg: "rating-lg",
-    xl: "rating-xl"
-  }, B = {
+  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 = {
     none: "gap-0",
     xs: "gap-0.5",
     sm: "gap-1",
     md: "gap-2",
     lg: "gap-3"
-  }, E = [
-    "rating",
+  }, B = [
+    q,
     // Half-star mode requires a size class to render correctly, default to md
-    s ? y[e || "md"] : e && y[e],
-    s ? "rating-half" : l && B[l],
-    f
-  ].filter(Boolean).join(" "), b = s ? "star-2" : h, F = n || /* @__PURE__ */ G(_, { children: [
-    u && /* @__PURE__ */ t(c, { value: 0, hidden: !0 }),
+    (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 ? (
       // Half-star mode: each star is two inputs
-      Array.from({ length: d }, (r, a) => /* @__PURE__ */ G(L.Fragment, { children: [
-        /* @__PURE__ */ t(c, { value: a + 0.5, mask: b, color: o, half: "first" }),
-        /* @__PURE__ */ t(c, { value: a + 1, mask: b, color: o, half: "second" })
-      ] }, a + 1))
+      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" })
+      ] }, n + 1))
     ) : (
       // Standard mode: one input per star
-      Array.from({ length: d }, (r, a) => /* @__PURE__ */ t(c, { value: a + 1, mask: b, color: o }, a + 1))
+      Array.from({ length: m }, (e, n) => /* @__PURE__ */ a(d, { value: n + 1, mask: V, color: r }, n + 1))
     )
   ] });
-  return /* @__PURE__ */ t(N.Provider, { value: { name: $, currentValue: V, hoverValue: p, onChange: A, onHover: I, size: e, disabled: m, halfGap: s ? l : void 0 }, children: /* @__PURE__ */ t(
+  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(
     "div",
     {
       role: "radiogroup",
       "aria-label": "Rating",
-      className: E,
-      "data-value": V,
-      onMouseLeave: () => I(0),
+      className: B,
+      "data-value": M,
+      onMouseLeave: () => j(0),
       ...C,
-      children: F
+      children: E
     }
   ) });
 }
-function c({ value: n, mask: i = "star-2", color: v = "bg-warning", hidden: x = !1, half: g, className: d = "" }) {
-  const e = S(N);
-  if (!e)
+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)
     throw new Error("Rating.Item must be used within Rating");
-  const { name: l, currentValue: o, hoverValue: h, onChange: u, onHover: s, disabled: m, halfGap: f } = e, C = {
-    star: "mask-star",
-    "star-2": "mask-star-2",
-    heart: "mask-heart"
-  }, R = {
-    first: "mask-half-1",
-    second: `mask-half-2 ${f ? {
+  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 ? {
       none: "",
       xs: "mr-0.5",
       sm: "mr-1",
       md: "mr-2",
       lg: "mr-3"
-    }[f] : ""}`.trim()
-  }, p = x ? "rating-hidden" : [
-    "mask",
+    }[k] : ""}`.trim()
+  }, R = v ? W : [
+    Y,
     C[i],
-    g && R[g],
-    v,
-    d
+    l && o[l],
+    p,
+    m
   ].filter(Boolean).join(" ");
-  if (m)
-    return /* @__PURE__ */ t(
+  if (g)
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: p,
-        "aria-current": o === n ? "true" : void 0,
-        "aria-label": `Rating ${n}`
+        className: R,
+        "aria-current": r === t ? "true" : void 0,
+        "aria-label": `Rating ${t}`
       }
     );
-  const k = h > 0 ? h : o;
-  return /* @__PURE__ */ t(
+  const x = u > 0 ? u : r;
+  return /* @__PURE__ */ a(
     "input",
     {
       type: "radio",
-      name: l,
-      className: p,
-      checked: k === n,
+      name: c,
+      className: R,
+      checked: x === t,
       onChange: () => {
       },
-      onClick: () => u(n),
-      onMouseEnter: () => s(n),
-      "aria-label": `Rating ${n}`
+      onClick: () => h(t),
+      onMouseEnter: () => s(t),
+      "aria-label": `Rating ${t}`
     }
   );
 }
-const J = Object.assign(q, {
-  Item: c
+const cn = Object.assign(sn, {
+  Item: d
 });
 export {
-  J as Rating
+  cn 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'\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 [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: 'rating-xs',\n    sm: 'rating-sm',\n    md: 'rating-md',\n    lg: 'rating-lg',\n    xl: 'rating-xl',\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    'rating',\n    // Half-star mode requires a size class to render correctly, default to md\n    allowHalf ? sizeClasses[size || 'md'] : (size && sizeClasses[size]),\n    allowHalf ? 'rating-half' : (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, 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: 'mask-star',\n    'star-2': 'mask-star-2',\n    heart: 'mask-heart',\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: 'mask-half-1',\n    second: `mask-half-2 ${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    ? 'rating-hidden'\n    : [\n        'mask',\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":["RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","onHoverChange","count","size","gap","color","mask","allowClear","allowHalf","disabled","className","rest","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":";;AAsCA,MAAMA,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,EAAW;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASf,CAAY,GACzD,CAACgB,GAAYC,CAAa,IAAIF,EAAS,CAAC,GACxCG,IAAenB,MAAU,SAAYA,IAAQc,GAC7CM,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,QAAIZ,EAAU;AAEd,UAAMa,IAAaf,KAAcc,MAAaJ,IAAe,IAAII;AACjE,IAAIvB,MAAU,UACZe,EAAiBS,CAAU,GAG7BN,EAAc,CAAC,GACfhB,IAAWsB,CAAU;AAAA,EACvB,GAEMC,IAAc,CAACC,MAAqB;AACxC,IAAIf,MACJO,EAAcQ,CAAQ,GACtBvB,IAAgBuB,CAAQ;AAAA,EAC1B,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAa;AAAA,IACjB,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAU;AAAA,IACd;AAAA;AAAA,IAEAnB,IAAYiB,EAAYtB,KAAQ,IAAI,IAAKA,KAAQsB,EAAYtB,CAAI;AAAA,IACjEK,IAAY,gBAAiBJ,KAAOsB,EAAWtB,CAAG;AAAA,IAClDM;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAIpBkB,IAAgBpB,IAAY,WAAWF,GACvCuB,IAAQhC,KACZ,gBAAAiC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAxB,KAAc,gBAAAyB,EAACC,GAAA,EAAW,OAAO,GAAG,QAAM,IAAC;AAAA,IAC3CzB;AAAA;AAAA,MAEC,MAAM,KAAK,EAAE,QAAQN,EAAA,GAAS,CAACgC,GAAGC,MAChC,gBAAAL,EAACM,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACC,GAAA,EAAW,OAAOE,IAAI,KAAK,MAAMP,GAAe,OAAAvB,GAAc,MAAK,QAAA,CAAQ;AAAA,QAC5E,gBAAA2B,EAACC,KAAW,OAAOE,IAAI,GAAG,MAAMP,GAAe,OAAAvB,GAAc,MAAK,SAAA,CAAS;AAAA,MAAA,EAAA,GAFxD8B,IAAI,CAGzB,CACD;AAAA;AAAA;AAAA,MAGD,MAAM,KAAK,EAAE,QAAQjC,EAAA,GAAS,CAACgC,GAAGC,wBAC/BF,GAAA,EAAuB,OAAOE,IAAI,GAAG,MAAMP,GAAe,OAAAvB,EAAA,GAA1C8B,IAAI,CAAoD,CAC1E;AAAA;AAAA,EAAA,GAEL;AAGF,2BACGzC,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAAwB,GAAM,cAAAD,GAAc,YAAAF,GAAY,UAAUK,GAAc,SAASG,GAAa,MAAApB,GAAM,UAAAM,GAAU,SAASD,IAAYJ,IAAM,UACxJ,UAAA,gBAAA4B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWL;AAAA,MACX,cAAYV;AAAA,MACZ,cAAc,MAAMM,EAAY,CAAC;AAAA,MAChC,GAAGZ;AAAA,MAEH,UAAAkB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASI,EAAW,EAAE,OAAAnC,GAAO,MAAAQ,IAAO,UAAU,OAAAD,IAAQ,cAAc,QAAAgC,IAAS,IAAO,MAAAC,GAAM,WAAA5B,IAAY,GAAA,GAAuB;AAC3H,QAAM6B,IAAUC,EAAW9C,CAAa;AACxC,MAAI,CAAC6C;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAArB,GAAM,cAAAD,GAAc,YAAAF,GAAY,UAAAf,GAAU,SAAAyC,GAAS,UAAAhC,GAAU,SAAAiC,MAAYH,GAE3EI,IAAc;AAAA,IAClB,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,EAAA,GAWHC,IAAc;AAAA,IAClB,OAAO;AAAA,IACP,QAAQ,eAAeF,IAVF;AAAA,MACrB,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,EAK4CA,CAAO,IAAI,EAAE,GAAG,KAAA;AAAA,EAAK,GAKjEf,IAAUU,IACZ,kBACA;AAAA,IACE;AAAA,IACAM,EAAYrC,CAAI;AAAA,IAChBgC,KAAQM,EAAYN,CAAI;AAAA,IACxBjC;AAAA,IACAK;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE9B,MAAID;AACF,WACE,gBAAAuB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,QACX,gBAAcV,MAAiBnB,IAAQ,SAAS;AAAA,QAChD,cAAY,UAAUA,CAAK;AAAA,MAAA;AAAA,IAAA;AAOjC,QAAM+C,IAAe9B,IAAa,IAAIA,IAAaE;AAEnD,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAd;AAAA,MACA,WAAWS;AAAA,MACX,SAASkB,MAAiB/C;AAAA,MAC1B,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,MAAME,EAASF,CAAK;AAAA,MAC7B,cAAc,MAAM2C,EAAQ3C,CAAK;AAAA,MACjC,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMgD,IAAS,OAAO,OAAOlD,GAAY;AAAA,EAC9C,MAAMqC;AACR,CAAC;"}
+{"version":3,"file":"Rating.js","sources":["../../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\nimport { useConfig } from './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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"}

package/dist/components/ResponsiveDrawer.js

@@ -1,75 +1,75 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import R, { forwardRef as k } from "react";
-const I = k(
+import B, { forwardRef as R } from "react";
+const T = "drawer", k = "drawer-end", I = "drawer-toggle", S = "drawer-content", E = "drawer-side", F = "drawer-overlay", O = R(
   ({
     children: n,
     sidebar: i,
-    open: s = !1,
+    open: r = !1,
     onOpenChange: c,
-    end: r = !1,
+    end: s = !1,
     width: a = 320,
-    responsive: l,
-    className: m = "",
-    sidebarClassName: w = "",
+    responsive: o,
+    className: w = "",
+    sidebarClassName: m = "",
     contentClassName: p = "",
     overlayClassName: g = "",
     id: f,
     "data-testid": h,
     ...b
   }, v) => {
-    const x = R.useId(), o = f || x, y = (B) => {
-      c?.(B.target.checked);
+    const x = B.useId(), l = f || x, y = (u) => {
+      c?.(u.target.checked);
     }, C = [
-      "drawer",
-      r && "drawer-end",
-      l && {
+      T,
+      s && k,
+      o && {
         sm: "sm:drawer-open",
         md: "md:drawer-open",
         lg: "lg:drawer-open",
         xl: "xl:drawer-open",
         "2xl": "2xl:drawer-open"
-      }[l],
-      m
-    ].filter(Boolean).join(" "), N = ["bg-base-200 min-h-full p-4", w].filter(Boolean).join(" "), j = ["drawer-content", p].filter(Boolean).join(" "), u = ["drawer-overlay", g].filter(Boolean).join(" "), t = typeof a == "number" ? `${a}px` : a;
+      }[o],
+      w
+    ].filter(Boolean).join(" "), D = ["bg-base-200 min-h-full p-4", m].filter(Boolean).join(" "), N = [S, p].filter(Boolean).join(" "), j = [F, g].filter(Boolean).join(" "), t = typeof a == "number" ? `${a}px` : a;
     return /* @__PURE__ */ d(
       "div",
       {
         ref: v,
         className: C,
-        "data-state": s ? "open" : "closed",
+        "data-state": r ? "open" : "closed",
         "data-testid": h,
         ...b,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              id: o,
+              id: l,
               type: "checkbox",
-              className: "drawer-toggle",
-              checked: s,
+              className: I,
+              checked: r,
               onChange: y,
-              "aria-label": r ? "Toggle right sidebar" : "Toggle sidebar"
+              "aria-label": s ? "Toggle right sidebar" : "Toggle sidebar"
             }
           ),
-          /* @__PURE__ */ e("div", { className: j, children: n }),
-          /* @__PURE__ */ d("div", { className: "drawer-side", style: { "--drawer-width": t }, children: [
+          /* @__PURE__ */ e("div", { className: N, children: n }),
+          /* @__PURE__ */ d("div", { className: E, style: { "--drawer-width": t }, children: [
             /* @__PURE__ */ e(
               "label",
               {
-                htmlFor: o,
+                htmlFor: l,
                 "aria-label": "Close sidebar",
-                className: u
+                className: j
               }
             ),
-            /* @__PURE__ */ e("div", { className: N, style: { width: t }, children: i })
+            /* @__PURE__ */ e("div", { className: D, style: { width: t }, children: i })
           ] })
         ]
       }
     );
   }
 );
-I.displayName = "ResponsiveDrawer";
+O.displayName = "ResponsiveDrawer";
 export {
-  I as ResponsiveDrawer
+  O as ResponsiveDrawer
 };
 //# sourceMappingURL=ResponsiveDrawer.js.map

package/dist/components/ResponsiveDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveDrawer.js","sources":["../../src/components/ResponsiveDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type ResponsiveDrawerBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface ResponsiveDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Main content area */\n  children: React.ReactNode\n  /** Sidebar content */\n  sidebar: React.ReactNode\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Position sidebar on the right side */\n  end?: boolean\n  /** Width of the sidebar */\n  width?: number | string\n  /** Breakpoint at which sidebar becomes always visible (e.g., 'lg' for lg:drawer-open) */\n  responsive?: ResponsiveDrawerBreakpoint\n  /** Additional classes for sidebar container */\n  sidebarClassName?: string\n  /** Additional classes for content area */\n  contentClassName?: string\n  /** Additional classes for the overlay */\n  overlayClassName?: string\n  /** Unique ID for the drawer (auto-generated if not provided) */\n  id?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\n/**\n * ResponsiveDrawer - A responsive sidebar layout using DaisyUI's drawer.\n * Use for navigation sidebars that toggle on mobile but can be always visible on larger screens.\n * For overlay panel drawers (forms, details), use the Drawer component instead.\n */\nexport const ResponsiveDrawer = forwardRef<HTMLDivElement, ResponsiveDrawerProps>(\n  (\n    {\n      children,\n      sidebar,\n      open = false,\n      onOpenChange,\n      end = false,\n      width = 320,\n      responsive,\n      className = '',\n      sidebarClassName = '',\n      contentClassName = '',\n      overlayClassName = '',\n      id,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const autoId = React.useId()\n    const drawerId = id || autoId\n\n    const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onOpenChange?.(e.target.checked)\n    }\n\n    // Build responsive class if specified\n    const responsiveClasses: Record<ResponsiveDrawerBreakpoint, string> = {\n      sm: 'sm:drawer-open',\n      md: 'md:drawer-open',\n      lg: 'lg:drawer-open',\n      xl: 'xl:drawer-open',\n      '2xl': '2xl:drawer-open',\n    }\n\n    const drawerClasses = [\n      'drawer',\n      end && 'drawer-end',\n      responsive && responsiveClasses[responsive],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const sidebarClasses = ['bg-base-200 min-h-full p-4', sidebarClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    const contentClasses = ['drawer-content', contentClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    const overlayClasses = ['drawer-overlay', overlayClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    // Calculate width style\n    const widthStyle = typeof width === 'number' ? `${width}px` : width\n\n    return (\n      <div\n        ref={ref}\n        className={drawerClasses}\n        data-state={open ? 'open' : 'closed'}\n        data-testid={testId}\n        {...rest}\n      >\n        <input\n          id={drawerId}\n          type=\"checkbox\"\n          className=\"drawer-toggle\"\n          checked={open}\n          onChange={handleToggle}\n          aria-label={end ? 'Toggle right sidebar' : 'Toggle sidebar'}\n        />\n        <div className={contentClasses}>{children}</div>\n        <div className=\"drawer-side\" style={{ '--drawer-width': widthStyle } as React.CSSProperties}>\n          <label\n            htmlFor={drawerId}\n            aria-label=\"Close sidebar\"\n            className={overlayClasses}\n          />\n          <div className={sidebarClasses} style={{ width: widthStyle }}>\n            {sidebar}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nResponsiveDrawer.displayName = 'ResponsiveDrawer'\n"],"names":["ResponsiveDrawer","forwardRef","children","sidebar","open","onOpenChange","end","width","responsive","className","sidebarClassName","contentClassName","overlayClassName","id","testId","rest","ref","autoId","React","drawerId","handleToggle","e","drawerClasses","sidebarClasses","contentClasses","overlayClasses","widthStyle","jsxs","jsx"],"mappings":";;AAoCO,MAAMA,IAAmBC;AAAA,EAC9B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,cAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,IAAAC;AAAA,IACA,eAAeC;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAASC,EAAM,MAAA,GACfC,IAAWN,KAAMI,GAEjBG,IAAe,CAACC,MAA2C;AAC/D,MAAAhB,IAAegB,EAAE,OAAO,OAAO;AAAA,IACjC,GAWMC,IAAgB;AAAA,MACpB;AAAA,MACAhB,KAAO;AAAA,MACPE,KAXoE;AAAA,QACpE,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA,EAMyBA,CAAU;AAAA,MAC1CC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC,8BAA8Bb,CAAgB,EACnE,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC,kBAAkBb,CAAgB,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC,kBAAkBb,CAAgB,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,GAGLc,IAAa,OAAOnB,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAE9D,WACE,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAX;AAAA,QACA,WAAWM;AAAA,QACX,cAAYlB,IAAO,SAAS;AAAA,QAC5B,eAAaU;AAAA,QACZ,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIT;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASf;AAAA,cACT,UAAUgB;AAAA,cACV,cAAYd,IAAM,yBAAyB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7C,gBAAAsB,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAtB,EAAA,CAAS;AAAA,UAC1C,gBAAAyB,EAAC,SAAI,WAAU,eAAc,OAAO,EAAE,kBAAkBD,KACtD,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAST;AAAA,gBACT,cAAW;AAAA,gBACX,WAAWM;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb,gBAAAG,EAAC,SAAI,WAAWL,GAAgB,OAAO,EAAE,OAAOG,EAAA,GAC7C,UAAAvB,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAH,EAAiB,cAAc;"}
+{"version":3,"file":"ResponsiveDrawer.js","sources":["../../src/components/ResponsiveDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dDrawer = 'drawer'\nconst dDrawerEnd = 'drawer-end'\nconst dDrawerToggle = 'drawer-toggle'\nconst dDrawerContent = 'drawer-content'\nconst dDrawerSide = 'drawer-side'\nconst dDrawerOverlay = 'drawer-overlay'\n\nexport type ResponsiveDrawerBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface ResponsiveDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Main content area */\n  children: React.ReactNode\n  /** Sidebar content */\n  sidebar: React.ReactNode\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Position sidebar on the right side */\n  end?: boolean\n  /** Width of the sidebar */\n  width?: number | string\n  /** Breakpoint at which sidebar becomes always visible (e.g., 'lg' for lg:drawer-open) */\n  responsive?: ResponsiveDrawerBreakpoint\n  /** Additional classes for sidebar container */\n  sidebarClassName?: string\n  /** Additional classes for content area */\n  contentClassName?: string\n  /** Additional classes for the overlay */\n  overlayClassName?: string\n  /** Unique ID for the drawer (auto-generated if not provided) */\n  id?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\n/**\n * ResponsiveDrawer - A responsive sidebar layout using DaisyUI's drawer.\n * Use for navigation sidebars that toggle on mobile but can be always visible on larger screens.\n * For overlay panel drawers (forms, details), use the Drawer component instead.\n */\nexport const ResponsiveDrawer = forwardRef<HTMLDivElement, ResponsiveDrawerProps>(\n  (\n    {\n      children,\n      sidebar,\n      open = false,\n      onOpenChange,\n      end = false,\n      width = 320,\n      responsive,\n      className = '',\n      sidebarClassName = '',\n      contentClassName = '',\n      overlayClassName = '',\n      id,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const autoId = React.useId()\n    const drawerId = id || autoId\n\n    const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onOpenChange?.(e.target.checked)\n    }\n\n    // Build responsive class if specified\n    const responsiveClasses: Record<ResponsiveDrawerBreakpoint, string> = {\n      sm: 'sm:drawer-open',\n      md: 'md:drawer-open',\n      lg: 'lg:drawer-open',\n      xl: 'xl:drawer-open',\n      '2xl': '2xl:drawer-open',\n    }\n\n    const drawerClasses = [\n      dDrawer,\n      end && dDrawerEnd,\n      responsive && responsiveClasses[responsive],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const sidebarClasses = ['bg-base-200 min-h-full p-4', sidebarClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    const contentClasses = [dDrawerContent, contentClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    const overlayClasses = [dDrawerOverlay, overlayClassName]\n      .filter(Boolean)\n      .join(' ')\n\n    // Calculate width style\n    const widthStyle = typeof width === 'number' ? `${width}px` : width\n\n    return (\n      <div\n        ref={ref}\n        className={drawerClasses}\n        data-state={open ? 'open' : 'closed'}\n        data-testid={testId}\n        {...rest}\n      >\n        <input\n          id={drawerId}\n          type=\"checkbox\"\n          className={dDrawerToggle}\n          checked={open}\n          onChange={handleToggle}\n          aria-label={end ? 'Toggle right sidebar' : 'Toggle sidebar'}\n        />\n        <div className={contentClasses}>{children}</div>\n        <div className={dDrawerSide} style={{ '--drawer-width': widthStyle } as React.CSSProperties}>\n          <label\n            htmlFor={drawerId}\n            aria-label=\"Close sidebar\"\n            className={overlayClasses}\n          />\n          <div className={sidebarClasses} style={{ width: widthStyle }}>\n            {sidebar}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nResponsiveDrawer.displayName = 'ResponsiveDrawer'\n"],"names":["dDrawer","dDrawerEnd","dDrawerToggle","dDrawerContent","dDrawerSide","dDrawerOverlay","ResponsiveDrawer","forwardRef","children","sidebar","open","onOpenChange","end","width","responsive","className","sidebarClassName","contentClassName","overlayClassName","id","testId","rest","ref","autoId","React","drawerId","handleToggle","e","drawerClasses","sidebarClasses","contentClasses","overlayClasses","widthStyle","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAU,UACVC,IAAa,cACbC,IAAgB,iBAChBC,IAAiB,kBACjBC,IAAc,eACdC,IAAiB,kBAoCVC,IAAmBC;AAAA,EAC9B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,cAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,IAAAC;AAAA,IACA,eAAeC;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAASC,EAAM,MAAA,GACfC,IAAWN,KAAMI,GAEjBG,IAAe,CAACC,MAA2C;AAC/D,MAAAhB,IAAegB,EAAE,OAAO,OAAO;AAAA,IACjC,GAWMC,IAAgB;AAAA,MACpB5B;AAAA,MACAY,KAAOX;AAAA,MACPa,KAXoE;AAAA,QACpE,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA,EAMyBA,CAAU;AAAA,MAC1CC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC,8BAA8Bb,CAAgB,EACnE,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC3B,GAAgBc,CAAgB,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,GAELc,IAAiB,CAAC1B,GAAgBa,CAAgB,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,GAGLc,IAAa,OAAOnB,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAE9D,WACE,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAX;AAAA,QACA,WAAWM;AAAA,QACX,cAAYlB,IAAO,SAAS;AAAA,QAC5B,eAAaU;AAAA,QACZ,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIT;AAAA,cACJ,MAAK;AAAA,cACL,WAAWvB;AAAA,cACX,SAASQ;AAAA,cACT,UAAUgB;AAAA,cACV,cAAYd,IAAM,yBAAyB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7C,gBAAAsB,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAtB,EAAA,CAAS;AAAA,UAC1C,gBAAAyB,EAAC,SAAI,WAAW7B,GAAa,OAAO,EAAE,kBAAkB4B,KACtD,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAST;AAAA,gBACT,cAAW;AAAA,gBACX,WAAWM;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb,gBAAAG,EAAC,SAAI,WAAWL,GAAgB,OAAO,EAAE,OAAOG,EAAA,GAC7C,UAAAvB,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAH,EAAiB,cAAc;"}

package/dist/components/RichTextEditor.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { Editor } from '@tiptap/react';
+export type ToolbarItem = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'code' | 'heading1' | 'heading2' | 'heading3' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'undo' | 'redo' | '|';
+export interface RichTextEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Initial HTML content */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (html: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Toolbar items to display */
+    toolbar?: ToolbarItem[];
+    /** Hide the toolbar */
+    hideToolbar?: boolean;
+    /** Make editor read-only */
+    readOnly?: boolean;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Minimum height of the editor */
+    minHeight?: string | number;
+    /** Maximum height of the editor (enables scrolling) */
+    maxHeight?: string | number;
+    /** Editor size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Show border around editor */
+    bordered?: boolean;
+    /** Callback with editor instance */
+    onEditorReady?: (editor: Editor) => void;
+    'data-testid'?: string;
+}
+export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+export default RichTextEditor;