asterui 0.12.49 → 0.12.51

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;

package/dist/components/RichTextEditor.js

@@ -0,0 +1,335 @@
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { forwardRef as H, useEffect as p, useCallback as y } from "react";
+import { useEditor as I, EditorContent as E } from "@tiptap/react";
+import B from "@tiptap/starter-kit";
+import w from "@tiptap/extension-underline";
+import j from "@tiptap/extension-link";
+import C from "@tiptap/extension-placeholder";
+import { useConfig as S } from "./ConfigProvider.js";
+const $ = "btn", T = "btn-ghost", U = "btn-xs", q = "link", z = "link-primary", r = (e) => ({
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: 1.5,
+  stroke: "currentColor",
+  width: e,
+  height: e,
+  "aria-hidden": !0
+}), N = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 3.75h6.75a3.75 3.75 0 0 1 0 7.5H6.75V3.75ZM6.75 11.25h7.5a3.75 3.75 0 0 1 0 7.5h-7.5v-7.5Z" }) }), R = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5.248 20.248h4.5m4.5 0h4.5m-7.5-16.5h4.5m4.5 0h4.5M9.748 3.748l-4.5 16.5" }) }), Z = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5" }) }), V = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 12a4.5 4.5 0 0 0 0 9c2.485 0 4.5-2.015 4.5-4.5M12 12V3m0 9H3m9 0h9m-4.5-4.5a4.5 4.5 0 0 0-9 0" }) }), D = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" }) }), G = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501m4.501-8.627 2.25-1.5v10.126m0 0h-2.25m2.25 0h2.25" }) }), K = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.684 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501" }) }), W = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501" }) }), X = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" }) }), F = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.242 5.992h12m-12 6.003h12m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" }) }), J = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" }) }), O = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" }) }), Q = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) }), Y = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" }) }), ee = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" }) }), oe = ({ size: e }) => /* @__PURE__ */ o("svg", { ...r(e), children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" }) }), re = [
+  "bold",
+  "italic",
+  "underline",
+  "strikethrough",
+  "|",
+  "heading1",
+  "heading2",
+  "|",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "|",
+  "link",
+  "code",
+  "codeBlock",
+  "|",
+  "undo",
+  "redo"
+], te = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg",
+  xl: "text-xl"
+}, ne = ({
+  onClick: e,
+  isActive: l,
+  disabled: c,
+  title: u,
+  children: d
+}) => /* @__PURE__ */ o(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    disabled: c,
+    title: u,
+    className: `
+      ${$} ${T} ${U} px-2 min-h-8 h-8
+      ${l ? "bg-base-300 text-base-content" : "text-base-content/70"}
+      ${c ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+    `,
+    children: d
+  }
+), ie = () => /* @__PURE__ */ o("div", { className: "w-px h-6 bg-base-300 mx-1" }), ce = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 20,
+  xl: 24
+}, se = ({ editor: e, toolbar: l, editorSize: c }) => {
+  const u = ce[c], d = y(() => {
+    if (!e) return;
+    const i = e.getAttributes("link").href, n = window.prompt("URL", i);
+    if (n !== null) {
+      if (n === "") {
+        e.chain().focus().extendMarkRange("link").unsetLink().run();
+        return;
+      }
+      e.chain().focus().extendMarkRange("link").setLink({ href: n }).run();
+    }
+  }, [e]);
+  if (!e) return null;
+  const h = (i, n) => {
+    if (i === "|")
+      return /* @__PURE__ */ o(ie, {}, `divider-${n}`);
+    const s = {
+      bold: {
+        icon: N,
+        action: () => e.chain().focus().toggleBold().run(),
+        isActive: () => e.isActive("bold"),
+        canExecute: () => e.can().chain().focus().toggleBold().run(),
+        title: "Bold"
+      },
+      italic: {
+        icon: R,
+        action: () => e.chain().focus().toggleItalic().run(),
+        isActive: () => e.isActive("italic"),
+        canExecute: () => e.can().chain().focus().toggleItalic().run(),
+        title: "Italic"
+      },
+      underline: {
+        icon: Z,
+        action: () => e.chain().focus().toggleUnderline().run(),
+        isActive: () => e.isActive("underline"),
+        canExecute: () => e.can().chain().focus().toggleUnderline().run(),
+        title: "Underline"
+      },
+      strikethrough: {
+        icon: V,
+        action: () => e.chain().focus().toggleStrike().run(),
+        isActive: () => e.isActive("strike"),
+        canExecute: () => e.can().chain().focus().toggleStrike().run(),
+        title: "Strikethrough"
+      },
+      code: {
+        icon: D,
+        action: () => e.chain().focus().toggleCode().run(),
+        isActive: () => e.isActive("code"),
+        canExecute: () => e.can().chain().focus().toggleCode().run(),
+        title: "Inline Code"
+      },
+      heading1: {
+        icon: G,
+        action: () => e.chain().focus().toggleHeading({ level: 1 }).run(),
+        isActive: () => e.isActive("heading", { level: 1 }),
+        canExecute: () => !0,
+        title: "Heading 1"
+      },
+      heading2: {
+        icon: K,
+        action: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
+        isActive: () => e.isActive("heading", { level: 2 }),
+        canExecute: () => !0,
+        title: "Heading 2"
+      },
+      heading3: {
+        icon: W,
+        action: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
+        isActive: () => e.isActive("heading", { level: 3 }),
+        canExecute: () => !0,
+        title: "Heading 3"
+      },
+      bulletList: {
+        icon: X,
+        action: () => e.chain().focus().toggleBulletList().run(),
+        isActive: () => e.isActive("bulletList"),
+        canExecute: () => !0,
+        title: "Bullet List"
+      },
+      orderedList: {
+        icon: F,
+        action: () => e.chain().focus().toggleOrderedList().run(),
+        isActive: () => e.isActive("orderedList"),
+        canExecute: () => !0,
+        title: "Numbered List"
+      },
+      blockquote: {
+        icon: J,
+        action: () => e.chain().focus().toggleBlockquote().run(),
+        isActive: () => e.isActive("blockquote"),
+        canExecute: () => !0,
+        title: "Blockquote"
+      },
+      codeBlock: {
+        icon: O,
+        action: () => e.chain().focus().toggleCodeBlock().run(),
+        isActive: () => e.isActive("codeBlock"),
+        canExecute: () => !0,
+        title: "Code Block"
+      },
+      horizontalRule: {
+        icon: Q,
+        action: () => e.chain().focus().setHorizontalRule().run(),
+        isActive: () => !1,
+        canExecute: () => !0,
+        title: "Horizontal Rule"
+      },
+      link: {
+        icon: Y,
+        action: d,
+        isActive: () => e.isActive("link"),
+        canExecute: () => !0,
+        title: "Add Link"
+      },
+      undo: {
+        icon: ee,
+        action: () => e.chain().focus().undo().run(),
+        isActive: () => !1,
+        canExecute: () => e.can().chain().focus().undo().run(),
+        title: "Undo"
+      },
+      redo: {
+        icon: oe,
+        action: () => e.chain().focus().redo().run(),
+        isActive: () => !1,
+        canExecute: () => e.can().chain().focus().redo().run(),
+        title: "Redo"
+      }
+    }, { icon: m, ...a } = s[i];
+    return /* @__PURE__ */ o(
+      ne,
+      {
+        onClick: a.action,
+        isActive: a.isActive(),
+        disabled: !a.canExecute(),
+        title: a.title,
+        children: /* @__PURE__ */ o(m, { size: u })
+      },
+      i
+    );
+  };
+  return /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-0.5 p-2 border-b border-base-300 bg-base-200/50", children: l.map((i, n) => h(i, n)) });
+}, ae = H(
+  ({
+    value: e = "",
+    onChange: l,
+    placeholder: c = "Start typing...",
+    toolbar: u = re,
+    hideToolbar: d = !1,
+    readOnly: h = !1,
+    autoFocus: i = !1,
+    minHeight: n = 200,
+    maxHeight: s,
+    size: m,
+    bordered: a = !0,
+    onEditorReady: g,
+    className: v = "",
+    "data-testid": M = "rich-text-editor",
+    ...k
+  }, b) => {
+    const { componentSize: L } = S(), _ = m ?? L ?? "md", t = I({
+      extensions: [
+        B.configure({
+          heading: {
+            levels: [1, 2, 3]
+          }
+        }),
+        w,
+        j.configure({
+          openOnClick: !1,
+          HTMLAttributes: {
+            class: `${q} ${z}`
+          }
+        }),
+        C.configure({
+          placeholder: c,
+          emptyEditorClass: "is-editor-empty"
+        })
+      ],
+      content: e,
+      editable: !h,
+      autofocus: i,
+      onUpdate: ({ editor: P }) => {
+        l?.(P.getHTML());
+      },
+      editorProps: {
+        attributes: {
+          class: `prose prose-sm max-w-none focus:outline-none ${te[_]}`
+        }
+      }
+    });
+    p(() => {
+      t && g && g(t);
+    }, [t, g]), p(() => {
+      t && e !== t.getHTML() && t.commands.setContent(e, !1);
+    }, [e, t]), p(() => {
+      t && t.setEditable(!h);
+    }, [h, t]);
+    const x = typeof n == "number" ? `${n}px` : n, f = s ? typeof s == "number" ? `${s}px` : s : void 0;
+    return /* @__PURE__ */ A(
+      "div",
+      {
+        ref: b,
+        className: `
+          bg-base-100 rounded-lg overflow-hidden
+          ${a ? "border border-base-300" : ""}
+          ${v}
+        `,
+        "data-testid": M,
+        ...k,
+        children: [
+          !d && /* @__PURE__ */ o(se, { editor: t, toolbar: u, editorSize: _ }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: `
+            p-4 overflow-y-auto
+            ${f ? "overflow-y-auto" : ""}
+          `,
+              style: {
+                minHeight: x,
+                maxHeight: f
+              },
+              children: /* @__PURE__ */ o(
+                E,
+                {
+                  editor: t,
+                  className: `
+              [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none
+              [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]
+              [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-base-content/40
+              [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left
+              [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0
+              [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none
+              [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h1]:mt-4 [&_.ProseMirror_h1]:mb-2
+              [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h2]:mt-3 [&_.ProseMirror_h2]:mb-2
+              [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_h3]:mt-2 [&_.ProseMirror_h3]:mb-1
+              [&_.ProseMirror_p]:my-2
+              [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2
+              [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2
+              [&_.ProseMirror_li]:my-1
+              [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-base-300
+              [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2
+              [&_.ProseMirror_code]:bg-base-200 [&_.ProseMirror_code]:px-1 [&_.ProseMirror_code]:py-0.5
+              [&_.ProseMirror_code]:rounded [&_.ProseMirror_code]:font-mono [&_.ProseMirror_code]:text-sm
+              [&_.ProseMirror_pre]:bg-base-200 [&_.ProseMirror_pre]:p-4 [&_.ProseMirror_pre]:rounded-lg
+              [&_.ProseMirror_pre]:my-2 [&_.ProseMirror_pre]:overflow-x-auto
+              [&_.ProseMirror_pre_code]:bg-transparent [&_.ProseMirror_pre_code]:p-0
+              [&_.ProseMirror_hr]:border-base-300 [&_.ProseMirror_hr]:my-4
+              [&_.ProseMirror_a]:text-primary [&_.ProseMirror_a]:underline
+            `
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ae.displayName = "RichTextEditor";
+export {
+  ae as RichTextEditor,
+  ae as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../src/components/RichTextEditor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect } from 'react'\nimport { useEditor, EditorContent, Editor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport Underline from '@tiptap/extension-underline'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dLink = 'link'\nconst dLinkPrimary = 'link-primary'\n\n// Inline toolbar icons (from Heroicons outline)\nconst iconProps = (size: number) => ({\n  xmlns: 'http://www.w3.org/2000/svg',\n  fill: 'none',\n  viewBox: '0 0 24 24',\n  strokeWidth: 1.5,\n  stroke: 'currentColor',\n  width: size,\n  height: size,\n  'aria-hidden': true as const,\n})\n\nconst BoldIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.75 3.75h6.75a3.75 3.75 0 0 1 0 7.5H6.75V3.75ZM6.75 11.25h7.5a3.75 3.75 0 0 1 0 7.5h-7.5v-7.5Z\" />\n  </svg>\n)\n\nconst ItalicIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5.248 20.248h4.5m4.5 0h4.5m-7.5-16.5h4.5m4.5 0h4.5M9.748 3.748l-4.5 16.5\" />\n  </svg>\n)\n\nconst UnderlineIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5\" />\n  </svg>\n)\n\nconst StrikethroughIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 12a4.5 4.5 0 0 0 0 9c2.485 0 4.5-2.015 4.5-4.5M12 12V3m0 9H3m9 0h9m-4.5-4.5a4.5 4.5 0 0 0-9 0\" />\n  </svg>\n)\n\nconst CodeBracketIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5\" />\n  </svg>\n)\n\nconst H1Icon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501m4.501-8.627 2.25-1.5v10.126m0 0h-2.25m2.25 0h2.25\" />\n  </svg>\n)\n\nconst H2Icon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.684 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n  </svg>\n)\n\nconst H3Icon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n  </svg>\n)\n\nconst ListBulletIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\" />\n  </svg>\n)\n\nconst NumberedListIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.242 5.992h12m-12 6.003h12m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99\" />\n  </svg>\n)\n\nconst Bars3BottomLeftIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12\" />\n  </svg>\n)\n\nconst CommandLineIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z\" />\n  </svg>\n)\n\nconst MinusIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n  </svg>\n)\n\nconst LinkIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\" />\n  </svg>\n)\n\nconst ArrowUturnLeftIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3\" />\n  </svg>\n)\n\nconst ArrowUturnRightIcon = ({ size }: { size: number }) => (\n  <svg {...iconProps(size)}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3\" />\n  </svg>\n)\n\nexport type ToolbarItem =\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strikethrough'\n  | 'code'\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'bulletList'\n  | 'orderedList'\n  | 'blockquote'\n  | 'codeBlock'\n  | 'horizontalRule'\n  | 'link'\n  | 'undo'\n  | 'redo'\n  | '|'\n\nexport interface RichTextEditorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Initial HTML content */\n  value?: string\n  /** Callback when content changes */\n  onChange?: (html: string) => void\n  /** Placeholder text */\n  placeholder?: string\n  /** Toolbar items to display */\n  toolbar?: ToolbarItem[]\n  /** Hide the toolbar */\n  hideToolbar?: boolean\n  /** Make editor read-only */\n  readOnly?: boolean\n  /** Auto focus on mount */\n  autoFocus?: boolean\n  /** Minimum height of the editor */\n  minHeight?: string | number\n  /** Maximum height of the editor (enables scrolling) */\n  maxHeight?: string | number\n  /** Editor size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show border around editor */\n  bordered?: boolean\n  /** Callback with editor instance */\n  onEditorReady?: (editor: Editor) => void\n  'data-testid'?: string\n}\n\nconst defaultToolbar: ToolbarItem[] = [\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  '|',\n  'heading1',\n  'heading2',\n  '|',\n  'bulletList',\n  'orderedList',\n  'blockquote',\n  '|',\n  'link',\n  'code',\n  'codeBlock',\n  '|',\n  'undo',\n  'redo',\n]\n\nconst sizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n}\n\ninterface ToolbarButtonProps {\n  onClick: () => void\n  isActive?: boolean\n  disabled?: boolean\n  title: string\n  children: React.ReactNode\n}\n\nconst ToolbarButton: React.FC<ToolbarButtonProps> = ({\n  onClick,\n  isActive,\n  disabled,\n  title,\n  children,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    disabled={disabled}\n    title={title}\n    className={`\n      ${dBtn} ${dBtnGhost} ${dBtnXs} px-2 min-h-8 h-8\n      ${isActive ? 'bg-base-300 text-base-content' : 'text-base-content/70'}\n      ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n    `}\n  >\n    {children}\n  </button>\n)\n\nconst ToolbarDivider: React.FC = () => (\n  <div className=\"w-px h-6 bg-base-300 mx-1\" />\n)\n\n// Map editor size to icon pixel size\nconst editorSizeToIconSize: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number> = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 24,\n}\n\nconst EditorToolbar: React.FC<{\n  editor: Editor | null\n  toolbar: ToolbarItem[]\n  editorSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}> = ({ editor, toolbar, editorSize }) => {\n  const iconSize = editorSizeToIconSize[editorSize]\n  const setLink = useCallback(() => {\n    if (!editor) return\n\n    const previousUrl = editor.getAttributes('link').href\n    const url = window.prompt('URL', previousUrl)\n\n    if (url === null) return\n\n    if (url === '') {\n      editor.chain().focus().extendMarkRange('link').unsetLink().run()\n      return\n    }\n\n    editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n  }, [editor])\n\n  if (!editor) return null\n\n  const renderToolbarItem = (item: ToolbarItem, index: number) => {\n    if (item === '|') {\n      return <ToolbarDivider key={`divider-${index}`} />\n    }\n\n    const toolbarActions: Record<\n      Exclude<ToolbarItem, '|'>,\n      { icon: React.FC<{ size: number }>; action: () => void; isActive: () => boolean; canExecute: () => boolean; title: string }\n    > = {\n      bold: {\n        icon: BoldIcon,\n        action: () => editor.chain().focus().toggleBold().run(),\n        isActive: () => editor.isActive('bold'),\n        canExecute: () => editor.can().chain().focus().toggleBold().run(),\n        title: 'Bold',\n      },\n      italic: {\n        icon: ItalicIcon,\n        action: () => editor.chain().focus().toggleItalic().run(),\n        isActive: () => editor.isActive('italic'),\n        canExecute: () => editor.can().chain().focus().toggleItalic().run(),\n        title: 'Italic',\n      },\n      underline: {\n        icon: UnderlineIcon,\n        action: () => editor.chain().focus().toggleUnderline().run(),\n        isActive: () => editor.isActive('underline'),\n        canExecute: () => editor.can().chain().focus().toggleUnderline().run(),\n        title: 'Underline',\n      },\n      strikethrough: {\n        icon: StrikethroughIcon,\n        action: () => editor.chain().focus().toggleStrike().run(),\n        isActive: () => editor.isActive('strike'),\n        canExecute: () => editor.can().chain().focus().toggleStrike().run(),\n        title: 'Strikethrough',\n      },\n      code: {\n        icon: CodeBracketIcon,\n        action: () => editor.chain().focus().toggleCode().run(),\n        isActive: () => editor.isActive('code'),\n        canExecute: () => editor.can().chain().focus().toggleCode().run(),\n        title: 'Inline Code',\n      },\n      heading1: {\n        icon: H1Icon,\n        action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),\n        isActive: () => editor.isActive('heading', { level: 1 }),\n        canExecute: () => true,\n        title: 'Heading 1',\n      },\n      heading2: {\n        icon: H2Icon,\n        action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),\n        isActive: () => editor.isActive('heading', { level: 2 }),\n        canExecute: () => true,\n        title: 'Heading 2',\n      },\n      heading3: {\n        icon: H3Icon,\n        action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),\n        isActive: () => editor.isActive('heading', { level: 3 }),\n        canExecute: () => true,\n        title: 'Heading 3',\n      },\n      bulletList: {\n        icon: ListBulletIcon,\n        action: () => editor.chain().focus().toggleBulletList().run(),\n        isActive: () => editor.isActive('bulletList'),\n        canExecute: () => true,\n        title: 'Bullet List',\n      },\n      orderedList: {\n        icon: NumberedListIcon,\n        action: () => editor.chain().focus().toggleOrderedList().run(),\n        isActive: () => editor.isActive('orderedList'),\n        canExecute: () => true,\n        title: 'Numbered List',\n      },\n      blockquote: {\n        icon: Bars3BottomLeftIcon,\n        action: () => editor.chain().focus().toggleBlockquote().run(),\n        isActive: () => editor.isActive('blockquote'),\n        canExecute: () => true,\n        title: 'Blockquote',\n      },\n      codeBlock: {\n        icon: CommandLineIcon,\n        action: () => editor.chain().focus().toggleCodeBlock().run(),\n        isActive: () => editor.isActive('codeBlock'),\n        canExecute: () => true,\n        title: 'Code Block',\n      },\n      horizontalRule: {\n        icon: MinusIcon,\n        action: () => editor.chain().focus().setHorizontalRule().run(),\n        isActive: () => false,\n        canExecute: () => true,\n        title: 'Horizontal Rule',\n      },\n      link: {\n        icon: LinkIcon,\n        action: setLink,\n        isActive: () => editor.isActive('link'),\n        canExecute: () => true,\n        title: 'Add Link',\n      },\n      undo: {\n        icon: ArrowUturnLeftIcon,\n        action: () => editor.chain().focus().undo().run(),\n        isActive: () => false,\n        canExecute: () => editor.can().chain().focus().undo().run(),\n        title: 'Undo',\n      },\n      redo: {\n        icon: ArrowUturnRightIcon,\n        action: () => editor.chain().focus().redo().run(),\n        isActive: () => false,\n        canExecute: () => editor.can().chain().focus().redo().run(),\n        title: 'Redo',\n      },\n    }\n\n    const { icon: Icon, ...config } = toolbarActions[item]\n    return (\n      <ToolbarButton\n        key={item}\n        onClick={config.action}\n        isActive={config.isActive()}\n        disabled={!config.canExecute()}\n        title={config.title}\n      >\n        <Icon size={iconSize} />\n      </ToolbarButton>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-0.5 p-2 border-b border-base-300 bg-base-200/50\">\n      {toolbar.map((item, index) => renderToolbarItem(item, index))}\n    </div>\n  )\n}\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (\n    {\n      value = '',\n      onChange,\n      placeholder = 'Start typing...',\n      toolbar = defaultToolbar,\n      hideToolbar = false,\n      readOnly = false,\n      autoFocus = false,\n      minHeight = 200,\n      maxHeight,\n      size,\n      bordered = true,\n      onEditorReady,\n      className = '',\n      'data-testid': testId = 'rich-text-editor',\n      ...rest\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const editor = useEditor({\n      extensions: [\n        StarterKit.configure({\n          heading: {\n            levels: [1, 2, 3],\n          },\n        }),\n        Underline,\n        Link.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            class: `${dLink} ${dLinkPrimary}`,\n          },\n        }),\n        Placeholder.configure({\n          placeholder,\n          emptyEditorClass: 'is-editor-empty',\n        }),\n      ],\n      content: value,\n      editable: !readOnly,\n      autofocus: autoFocus,\n      onUpdate: ({ editor }) => {\n        onChange?.(editor.getHTML())\n      },\n      editorProps: {\n        attributes: {\n          class: `prose prose-sm max-w-none focus:outline-none ${sizeClasses[effectiveSize]}`,\n        },\n      },\n    })\n\n    useEffect(() => {\n      if (editor && onEditorReady) {\n        onEditorReady(editor)\n      }\n    }, [editor, onEditorReady])\n\n    // Sync value prop changes\n    useEffect(() => {\n      if (editor && value !== editor.getHTML()) {\n        editor.commands.setContent(value, false)\n      }\n    }, [value, editor])\n\n    // Sync editable state\n    useEffect(() => {\n      if (editor) {\n        editor.setEditable(!readOnly)\n      }\n    }, [readOnly, editor])\n\n    const minHeightStyle = typeof minHeight === 'number' ? `${minHeight}px` : minHeight\n    const maxHeightStyle = maxHeight\n      ? typeof maxHeight === 'number'\n        ? `${maxHeight}px`\n        : maxHeight\n      : undefined\n\n    return (\n      <div\n        ref={ref}\n        className={`\n          bg-base-100 rounded-lg overflow-hidden\n          ${bordered ? 'border border-base-300' : ''}\n          ${className}\n        `}\n        data-testid={testId}\n        {...rest}\n      >\n        {!hideToolbar && <EditorToolbar editor={editor} toolbar={toolbar} editorSize={effectiveSize} />}\n        <div\n          className={`\n            p-4 overflow-y-auto\n            ${maxHeightStyle ? 'overflow-y-auto' : ''}\n          `}\n          style={{\n            minHeight: minHeightStyle,\n            maxHeight: maxHeightStyle,\n          }}\n        >\n          <EditorContent\n            editor={editor}\n            className={`\n              [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none\n              [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]\n              [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-base-content/40\n              [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left\n              [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0\n              [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none\n              [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h1]:mt-4 [&_.ProseMirror_h1]:mb-2\n              [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h2]:mt-3 [&_.ProseMirror_h2]:mb-2\n              [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_h3]:mt-2 [&_.ProseMirror_h3]:mb-1\n              [&_.ProseMirror_p]:my-2\n              [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2\n              [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2\n              [&_.ProseMirror_li]:my-1\n              [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-base-300\n              [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2\n              [&_.ProseMirror_code]:bg-base-200 [&_.ProseMirror_code]:px-1 [&_.ProseMirror_code]:py-0.5\n              [&_.ProseMirror_code]:rounded [&_.ProseMirror_code]:font-mono [&_.ProseMirror_code]:text-sm\n              [&_.ProseMirror_pre]:bg-base-200 [&_.ProseMirror_pre]:p-4 [&_.ProseMirror_pre]:rounded-lg\n              [&_.ProseMirror_pre]:my-2 [&_.ProseMirror_pre]:overflow-x-auto\n              [&_.ProseMirror_pre_code]:bg-transparent [&_.ProseMirror_pre_code]:p-0\n              [&_.ProseMirror_hr]:border-base-300 [&_.ProseMirror_hr]:my-4\n              [&_.ProseMirror_a]:text-primary [&_.ProseMirror_a]:underline\n            `}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nRichTextEditor.displayName = 'RichTextEditor'\n\nexport default RichTextEditor\n"],"names":["dBtn","dBtnGhost","dBtnXs","dLink","dLinkPrimary","iconProps","size","BoldIcon","jsx","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeBracketIcon","H1Icon","H2Icon","H3Icon","ListBulletIcon","NumberedListIcon","Bars3BottomLeftIcon","CommandLineIcon","MinusIcon","LinkIcon","ArrowUturnLeftIcon","ArrowUturnRightIcon","defaultToolbar","sizeClasses","ToolbarButton","onClick","isActive","disabled","title","children","ToolbarDivider","editorSizeToIconSize","EditorToolbar","editor","toolbar","editorSize","iconSize","setLink","useCallback","previousUrl","url","renderToolbarItem","item","index","toolbarActions","Icon","config","RichTextEditor","forwardRef","value","onChange","placeholder","hideToolbar","readOnly","autoFocus","minHeight","maxHeight","bordered","onEditorReady","className","testId","rest","ref","componentSize","useConfig","effectiveSize","useEditor","StarterKit","Underline","Link","Placeholder","useEffect","minHeightStyle","maxHeightStyle","jsxs","EditorContent"],"mappings":"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"}

package/dist/components/Segmented.d.ts

@@ -21,7 +21,7 @@ export interface SegmentedProps {
     /** Callback when selection changes */
     onChange?: (value: SegmentedValue) => void;
     /** Size variant */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** Take full width of container */
     block?: boolean;
     /** Disable all options */