@aster-ui/prefixed 0.12.50

package/dist/components/Rating.js

@@ -0,0 +1,127 @@
+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 = "d-rating", D = "d-rating-xs", J = "d-rating-sm", K = "d-rating-md", Q = "d-rating-lg", T = "d-rating-xl", U = "d-rating-half", W = "d-rating-hidden", Y = "d-mask", Z = "d-mask-star", w = "d-mask-star-2", nn = "d-mask-heart", tn = "d-mask-half-1", an = "d-mask-half-2", z = _(null);
+function sn({
+  children: t,
+  value: i,
+  defaultValue: p = 0,
+  onChange: v,
+  onHoverChange: l,
+  count: m = 5,
+  size: f,
+  gap: d = "md",
+  color: r = "bg-warning",
+  mask: u = "star-2",
+  allowClear: h = !0,
+  allowHalf: s = !1,
+  disabled: c = !1,
+  className: k = "",
+  ...C
+}) {
+  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 (c) return;
+    const n = h && e === M ? 0 : e;
+    i === void 0 && x(n), S(0), v?.(n);
+  }, j = (e) => {
+    c || (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"
+  }, B = [
+    q,
+    // Half-star mode requires a size class to render correctly, default to md
+    (s || o) && H[o],
+    s ? U : d && A[d],
+    k
+  ].filter(Boolean).join(" "), V = s ? "star-2" : u, E = t || /* @__PURE__ */ I(F, { children: [
+    h && /* @__PURE__ */ a(g, { value: 0, hidden: !0 }),
+    s ? (
+      // Half-star mode: each star is two inputs
+      Array.from({ length: m }, (e, n) => /* @__PURE__ */ I(L.Fragment, { children: [
+        /* @__PURE__ */ a(g, { value: n + 0.5, mask: V, color: r, half: "first" }),
+        /* @__PURE__ */ a(g, { value: n + 1, mask: V, color: r, half: "second" })
+      ] }, n + 1))
+    ) : (
+      // Standard mode: one input per star
+      Array.from({ length: m }, (e, n) => /* @__PURE__ */ a(g, { value: n + 1, mask: V, color: r }, n + 1))
+    )
+  ] });
+  return /* @__PURE__ */ a(z.Provider, { value: { name: $, currentValue: M, hoverValue: G, onChange: N, onHover: j, size: o, disabled: c, halfGap: s ? d : void 0 }, children: /* @__PURE__ */ a(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Rating",
+      className: B,
+      "data-value": M,
+      onMouseLeave: () => j(0),
+      ...C,
+      children: E
+    }
+  ) });
+}
+function g({ 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: d, currentValue: r, hoverValue: u, onChange: h, onHover: s, disabled: c, 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"
+    }[k] : ""}`.trim()
+  }, R = v ? W : [
+    Y,
+    C[i],
+    l && o[l],
+    p,
+    m
+  ].filter(Boolean).join(" ");
+  if (c)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: R,
+        "aria-current": r === t ? "true" : void 0,
+        "aria-label": `Rating ${t}`
+      }
+    );
+  const x = u > 0 ? u : r;
+  return /* @__PURE__ */ a(
+    "input",
+    {
+      type: "radio",
+      name: d,
+      className: R,
+      checked: x === t,
+      onChange: () => {
+      },
+      onClick: () => h(t),
+      onMouseEnter: () => s(t),
+      "aria-label": `Rating ${t}`
+    }
+  );
+}
+const dn = Object.assign(sn, {
+  Item: g
+});
+export {
+  dn as Rating
+};
+//# sourceMappingURL=Rating.js.map

package/dist/components/Rating.js.map

@@ -0,0 +1 @@
+{"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 = 'd-rating'\nconst dRatingXs = 'd-rating-xs'\nconst dRatingSm = 'd-rating-sm'\nconst dRatingMd = 'd-rating-md'\nconst dRatingLg = 'd-rating-lg'\nconst dRatingXl = 'd-rating-xl'\nconst dRatingHalf = 'd-rating-half'\nconst dRatingHidden = 'd-rating-hidden'\nconst dMask = 'd-mask'\nconst dMaskStar = 'd-mask-star'\nconst dMaskStar2 = 'd-mask-star-2'\nconst dMaskHeart = 'd-mask-heart'\nconst dMaskHalf1 = 'd-mask-half-1'\nconst dMaskHalf2 = 'd-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":";;;AAIA,MAAMA,IAAU,YACVC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAc,iBACdC,IAAgB,mBAChBC,IAAQ,UACRC,IAAY,eACZC,IAAa,iBACbC,KAAa,gBACbC,KAAa,iBACbC,KAAa,iBAsCbC,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,GAAW;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,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBX,KAAQS,KAAiB,MACzC,CAACG,GAAeC,CAAgB,IAAIC,EAASlB,CAAY,GACzD,CAACmB,GAAYC,CAAa,IAAIF,EAAS,CAAC,GACxCG,IAAetB,MAAU,SAAYA,IAAQiB,GAC7CM,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,QAAIf,EAAU;AAEd,UAAMgB,IAAalB,KAAciB,MAAaJ,IAAe,IAAII;AACjE,IAAI1B,MAAU,UACZkB,EAAiBS,CAAU,GAG7BN,EAAc,CAAC,GACfnB,IAAWyB,CAAU;AAAA,EACvB,GAEMC,IAAc,CAACC,MAAqB;AACxC,IAAIlB,MACJU,EAAcQ,CAAQ,GACtB1B,IAAgB0B,CAAQ;AAAA,EAC1B,GAEMC,IAAc;AAAA,IAClB,IAAI/C;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,EAAA,GAGA4C,IAAa;AAAA,IACjB,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAU;AAAA,IACdlD;AAAA;AAAA,KAEA4B,KAA0CM,MAAiBc,EAAYd,CAAa;AAAA,IACpFN,IAAYtB,IAAekB,KAAOyB,EAAWzB,CAAG;AAAA,IAChDM;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAIpBqB,IAAgBvB,IAAY,WAAWF,GACvC0B,IAAQnC,KACZ,gBAAAoC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA3B,KAAc,gBAAA4B,EAACC,GAAA,EAAW,OAAO,GAAG,QAAM,IAAC;AAAA,IAC3C5B;AAAA;AAAA,MAEC,MAAM,KAAK,EAAE,QAAQN,EAAA,GAAS,CAACmC,GAAGC,MAChC,gBAAAL,EAACM,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACC,GAAA,EAAW,OAAOE,IAAI,KAAK,MAAMP,GAAe,OAAA1B,GAAc,MAAK,QAAA,CAAQ;AAAA,QAC5E,gBAAA8B,EAACC,KAAW,OAAOE,IAAI,GAAG,MAAMP,GAAe,OAAA1B,GAAc,MAAK,SAAA,CAAS;AAAA,MAAA,EAAA,GAFxDiC,IAAI,CAGzB,CACD;AAAA;AAAA;AAAA,MAGD,MAAM,KAAK,EAAE,QAAQpC,EAAA,GAAS,CAACmC,GAAGC,wBAC/BF,GAAA,EAAuB,OAAOE,IAAI,GAAG,MAAMP,GAAe,OAAA1B,EAAA,GAA1CiC,IAAI,CAAoD,CAC1E;AAAA;AAAA,EAAA,GAEL;AAGF,SACE,gBAAAH,EAACzC,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAA2B,GAAM,cAAAD,GAAc,YAAAF,GAAY,UAAUK,GAAc,SAASG,GAAa,MAAMZ,GAAe,UAAAL,GAAU,SAASD,IAAYJ,IAAM,UACvK,UAAA,gBAAA+B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWL;AAAA,MACX,cAAYV;AAAA,MACZ,cAAc,MAAMM,EAAY,CAAC;AAAA,MAChC,GAAGf;AAAA,MAEH,UAAAqB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASI,EAAW,EAAE,OAAAtC,GAAO,MAAAQ,IAAO,UAAU,OAAAD,IAAQ,cAAc,QAAAmC,IAAS,IAAO,MAAAC,GAAM,WAAA/B,IAAY,GAAA,GAAuB;AAC3H,QAAMgC,IAAUC,EAAWjD,CAAa;AACxC,MAAI,CAACgD;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAArB,GAAM,cAAAD,GAAc,YAAAF,GAAY,UAAAlB,GAAU,SAAA4C,GAAS,UAAAnC,GAAU,SAAAoC,MAAYH,GAE3EI,IAAc;AAAA,IAClB,MAAMzD;AAAA,IACN,UAAUC;AAAA,IACV,OAAOC;AAAA,EAAA,GAWHwD,IAAc;AAAA,IAClB,OAAOvD;AAAA,IACP,QAAQ,GAAGC,EAAU,IAAIoD,IAVJ;AAAA,MACrB,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,EAK8CA,CAAO,IAAI,EAAE,GAAG,KAAA;AAAA,EAAK,GAKnEf,IAAUU,IACZrD,IACA;AAAA,IACEC;AAAA,IACA0D,EAAYxC,CAAI;AAAA,IAChBmC,KAAQM,EAAYN,CAAI;AAAA,IACxBpC;AAAA,IACAK;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE9B,MAAID;AACF,WACE,gBAAA0B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,QACX,gBAAcV,MAAiBtB,IAAQ,SAAS;AAAA,QAChD,cAAY,UAAUA,CAAK;AAAA,MAAA;AAAA,IAAA;AAOjC,QAAMkD,IAAe9B,IAAa,IAAIA,IAAaE;AAEnD,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAd;AAAA,MACA,WAAWS;AAAA,MACX,SAASkB,MAAiBlD;AAAA,MAC1B,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,MAAME,EAASF,CAAK;AAAA,MAC7B,cAAc,MAAM8C,EAAQ9C,CAAK;AAAA,MACjC,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMmD,KAAS,OAAO,OAAOrD,IAAY;AAAA,EAC9C,MAAMwC;AACR,CAAC;"}

package/dist/components/Responsive.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactNode } from 'react';
+import { Breakpoint } from '../hooks/useBreakpoint';
+export interface ShowProps {
+    children: ReactNode;
+    above?: Breakpoint;
+    below?: Breakpoint;
+    at?: Breakpoint | Breakpoint[];
+    between?: [Breakpoint, Breakpoint];
+}
+export declare function Show({ children, above, below, at, between }: ShowProps): React.ReactElement | null;
+export interface HideProps {
+    children: ReactNode;
+    above?: Breakpoint;
+    below?: Breakpoint;
+    at?: Breakpoint | Breakpoint[];
+    between?: [Breakpoint, Breakpoint];
+}
+export declare function Hide({ children, above, below, at, between }: HideProps): React.ReactElement | null;

package/dist/components/Responsive.js

@@ -0,0 +1,17 @@
+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();
+  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;
+}
+function p({ children: f, above: o, below: r, at: s, between: e }) {
+  const { isAbove: d, isBelow: n, isAt: l, isBetween: u } = m();
+  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 });
+}
+export {
+  p as Hide,
+  h as Show
+};
+//# sourceMappingURL=Responsive.js.map

package/dist/components/Responsive.js.map

@@ -0,0 +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;"}

package/dist/components/ResponsiveDrawer.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type ResponsiveDrawerBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface ResponsiveDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Main content area */
+    children: React.ReactNode;
+    /** Sidebar content */
+    sidebar: React.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Position sidebar on the right side */
+    end?: boolean;
+    /** Width of the sidebar */
+    width?: number | string;
+    /** Breakpoint at which sidebar becomes always visible (e.g., 'lg' for lg:drawer-open) */
+    responsive?: ResponsiveDrawerBreakpoint;
+    /** Additional classes for sidebar container */
+    sidebarClassName?: string;
+    /** Additional classes for content area */
+    contentClassName?: string;
+    /** Additional classes for the overlay */
+    overlayClassName?: string;
+    /** Unique ID for the drawer (auto-generated if not provided) */
+    id?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+/**
+ * ResponsiveDrawer - A responsive sidebar layout using DaisyUI's drawer.
+ * Use for navigation sidebars that toggle on mobile but can be always visible on larger screens.
+ * For overlay panel drawers (forms, details), use the Drawer component instead.
+ */
+export declare const ResponsiveDrawer: React.ForwardRefExoticComponent<ResponsiveDrawerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ResponsiveDrawer.js

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

package/dist/components/ResponsiveDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveDrawer.js","sources":["../../src/components/ResponsiveDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dDrawer = 'd-drawer'\nconst dDrawerEnd = 'd-drawer-end'\nconst dDrawerToggle = 'd-drawer-toggle'\nconst dDrawerContent = 'd-drawer-content'\nconst dDrawerSide = 'd-drawer-side'\nconst dDrawerOverlay = 'd-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,YACVC,IAAa,gBACbC,IAAgB,mBAChBC,IAAiB,oBACjBC,IAAc,iBACdC,IAAiB,oBAoCVC,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/Result.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';
+export interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    status?: ResultStatus;
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare const Result: React.FC<ResultProps>;
+export default Result;

package/dist/components/Result.js

@@ -0,0 +1,110 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+const m = {
+  success: /* @__PURE__ */ e(
+    "svg",
+    {
+      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: "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"
+        }
+      )
+    }
+  ),
+  warning: /* @__PURE__ */ e(
+    "svg",
+    {
+      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 })
+      ]
+    }
+  );
+};
+x.displayName = "Result";
+export {
+  x as Result,
+  x as default
+};
+//# sourceMappingURL=Result.js.map

package/dist/components/Result.js.map

@@ -0,0 +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;"}

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;