asterui 0.12.49 → 0.12.50

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 */

package/dist/components/Segmented.js

@@ -1,71 +1,73 @@
-import { jsx as b, jsxs as h } from "react/jsx-runtime";
-import { useState as p, useCallback as S, createContext as j, useContext as v } from "react";
-const C = j(null), I = () => {
-  const e = v(C);
+import { jsx as b, jsxs as B } from "react/jsx-runtime";
+import { useState as j, useCallback as v, createContext as z, useContext as I } from "react";
+import { useConfig as V } from "./ConfigProvider.js";
+const k = "join", g = "join-item", w = "btn", N = "btn-xs", D = "btn-sm", J = "btn-lg", X = "btn-xl", $ = "btn-active", x = z(null), y = () => {
+  const e = I(x);
   if (!e)
     throw new Error("Segmented.Item must be used within a Segmented component");
   return e;
-}, V = {
-  xs: "btn-xs",
-  sm: "btn-sm",
+}, A = {
+  xs: N,
+  sm: D,
   md: "",
-  lg: "btn-lg"
-}, k = ({
+  lg: J,
+  xl: X
+}, E = ({
   value: e,
-  disabled: o = !1,
-  icon: n,
-  children: l,
-  className: a = ""
+  disabled: l = !1,
+  icon: t,
+  children: c,
+  className: i = ""
 }) => {
-  const { value: i, onChange: d, size: r, disabled: c } = I(), s = i === e, t = c || o, m = () => {
-    t || d?.(e);
-  }, u = [
-    "join-item",
-    "btn",
-    V[r],
-    s ? "btn-active" : "",
-    a
+  const { value: a, onChange: d, size: r, disabled: m } = y(), s = a === e, o = m || l, u = () => {
+    o || d?.(e);
+  }, n = [
+    g,
+    w,
+    A[r],
+    s ? $ : "",
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ B(
     "button",
     {
       type: "button",
-      className: u,
-      disabled: t,
-      onClick: m,
+      className: n,
+      disabled: o,
+      onClick: u,
       "aria-pressed": s,
       "data-testid": `segmented-item-${e}`,
       children: [
-        n && /* @__PURE__ */ b("span", { className: "mr-1", children: n }),
-        l
+        t && /* @__PURE__ */ b("span", { className: "mr-1", children: t }),
+        c
       ]
     }
   );
-}, w = ({
+}, L = ({
   value: e,
-  defaultValue: o,
-  onChange: n,
-  size: l = "md",
-  block: a = !1,
-  disabled: i = !1,
+  defaultValue: l,
+  onChange: t,
+  size: c,
+  block: i = !1,
+  disabled: a = !1,
   className: d = "",
   children: r
 }) => {
-  const [c, s] = p(o), t = e !== void 0, m = t ? e : c, u = S(
-    (g) => {
-      t || s(g), n?.(g);
+  const { componentSize: m } = V(), s = c ?? m ?? "md", [o, u] = j(l), n = e !== void 0, C = n ? e : o, p = v(
+    (f) => {
+      n || u(f), t?.(f);
     },
-    [t, n]
-  ), f = {
-    value: m,
-    onChange: u,
-    size: l,
-    disabled: i
-  }, x = ["join", a ? "w-full [&>.join-item]:flex-1" : "", d].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(C.Provider, { value: f, children: /* @__PURE__ */ b("div", { className: x, role: "group", "data-testid": "segmented", children: r }) });
+    [n, t]
+  ), S = {
+    value: C,
+    onChange: p,
+    size: s,
+    disabled: a
+  }, h = [k, i ? `w-full [&>.${g}]:flex-1` : "", d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(x.Provider, { value: S, children: /* @__PURE__ */ b("div", { className: h, role: "group", "data-testid": "segmented", children: r }) });
 };
-w.Item = k;
+L.Item = E;
 export {
-  w as Segmented
+  L as Segmented
 };
 //# sourceMappingURL=Segmented.js.map

package/dist/components/Segmented.js.map

@@ -1 +1 @@
-{"version":3,"file":"Segmented.js","sources":["../../src/components/Segmented.tsx"],"sourcesContent":["import React, { useState, useCallback, createContext, useContext } from 'react'\n\nexport type SegmentedValue = string | number\n\ninterface SegmentedContextValue {\n  value?: SegmentedValue\n  onChange?: (value: SegmentedValue) => void\n  size: 'xs' | 'sm' | 'md' | 'lg'\n  disabled: boolean\n}\n\nconst SegmentedContext = createContext<SegmentedContextValue | null>(null)\n\nconst useSegmentedContext = () => {\n  const context = useContext(SegmentedContext)\n  if (!context) {\n    throw new Error('Segmented.Item must be used within a Segmented component')\n  }\n  return context\n}\n\nexport interface SegmentedItemProps {\n  /** Option value */\n  value: SegmentedValue\n  /** Disable this option */\n  disabled?: boolean\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Label content */\n  children: React.ReactNode\n  /** Additional CSS class */\n  className?: string\n}\n\nconst sizeClasses = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: '',\n  lg: 'btn-lg',\n}\n\nconst SegmentedItem: React.FC<SegmentedItemProps> = ({\n  value,\n  disabled: itemDisabled = false,\n  icon,\n  children,\n  className = '',\n}) => {\n  const { value: selectedValue, onChange, size, disabled: groupDisabled } = useSegmentedContext()\n\n  const isSelected = selectedValue === value\n  const isDisabled = groupDisabled || itemDisabled\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onChange?.(value)\n    }\n  }\n\n  const buttonClasses = [\n    'join-item',\n    'btn',\n    sizeClasses[size],\n    isSelected ? 'btn-active' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClasses}\n      disabled={isDisabled}\n      onClick={handleClick}\n      aria-pressed={isSelected}\n      data-testid={`segmented-item-${value}`}\n    >\n      {icon && <span className=\"mr-1\">{icon}</span>}\n      {children}\n    </button>\n  )\n}\n\nexport interface SegmentedProps {\n  /** Currently selected value (controlled) */\n  value?: SegmentedValue\n  /** Default selected value (uncontrolled) */\n  defaultValue?: SegmentedValue\n  /** Callback when selection changes */\n  onChange?: (value: SegmentedValue) => void\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Take full width of container */\n  block?: boolean\n  /** Disable all options */\n  disabled?: boolean\n  /** Additional CSS class */\n  className?: string\n  /** Segmented.Item children */\n  children: React.ReactNode\n}\n\nexport const Segmented: React.FC<SegmentedProps> & { Item: typeof SegmentedItem } = ({\n  value,\n  defaultValue,\n  onChange,\n  size = 'md',\n  block = false,\n  disabled = false,\n  className = '',\n  children,\n}) => {\n  const [internalValue, setInternalValue] = useState<SegmentedValue | undefined>(defaultValue)\n\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  const handleChange = useCallback(\n    (newValue: SegmentedValue) => {\n      if (!isControlled) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [isControlled, onChange]\n  )\n\n  const contextValue: SegmentedContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    disabled,\n  }\n\n  const containerClasses = ['join', block ? 'w-full [&>.join-item]:flex-1' : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <SegmentedContext.Provider value={contextValue}>\n      <div className={containerClasses} role=\"group\" data-testid=\"segmented\">\n        {children}\n      </div>\n    </SegmentedContext.Provider>\n  )\n}\n\nSegmented.Item = SegmentedItem\n"],"names":["SegmentedContext","createContext","useSegmentedContext","context","useContext","sizeClasses","SegmentedItem","value","itemDisabled","icon","children","className","selectedValue","onChange","size","groupDisabled","isSelected","isDisabled","handleClick","buttonClasses","jsxs","jsx","Segmented","defaultValue","block","disabled","internalValue","setInternalValue","useState","isControlled","currentValue","handleChange","useCallback","newValue","contextValue","containerClasses"],"mappings":";;AAWA,MAAMA,IAAmBC,EAA4C,IAAI,GAEnEC,IAAsB,MAAM;AAChC,QAAMC,IAAUC,EAAWJ,CAAgB;AAC3C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,0DAA0D;AAE5E,SAAOA;AACT,GAeME,IAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAUC,IAAe;AAAA,EACzB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAe,UAAAC,GAAU,MAAAC,GAAM,UAAUC,EAAA,IAAkBb,EAAA,GAEpEc,IAAaJ,MAAkBL,GAC/BU,IAAaF,KAAiBP,GAE9BU,IAAc,MAAM;AACxB,IAAKD,KACHJ,IAAWN,CAAK;AAAA,EAEpB,GAEMY,IAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACAd,EAAYS,CAAI;AAAA,IAChBE,IAAa,eAAe;AAAA,IAC5BL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWD;AAAA,MACX,UAAUF;AAAA,MACV,SAASC;AAAA,MACT,gBAAcF;AAAA,MACd,eAAa,kBAAkBT,CAAK;AAAA,MAEnC,UAAA;AAAA,QAAAE,KAAQ,gBAAAY,EAAC,QAAA,EAAK,WAAU,QAAQ,UAAAZ,GAAK;AAAA,QACrCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,GAqBaY,IAAuE,CAAC;AAAA,EACnF,OAAAf;AAAA,EACA,cAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAU,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAd,IAAY;AAAA,EACZ,UAAAD;AACF,MAAM;AACJ,QAAM,CAACgB,GAAeC,CAAgB,IAAIC,EAAqCL,CAAY,GAErFM,IAAetB,MAAU,QACzBuB,IAAeD,IAAetB,IAAQmB,GAEtCK,IAAeC;AAAA,IACnB,CAACC,MAA6B;AAC5B,MAAKJ,KACHF,EAAiBM,CAAQ,GAE3BpB,IAAWoB,CAAQ;AAAA,IACrB;AAAA,IACA,CAACJ,GAAchB,CAAQ;AAAA,EAAA,GAGnBqB,IAAsC;AAAA,IAC1C,OAAOJ;AAAA,IACP,UAAUC;AAAA,IACV,MAAAjB;AAAA,IACA,UAAAW;AAAA,EAAA,GAGIU,IAAmB,CAAC,QAAQX,IAAQ,iCAAiC,IAAIb,CAAS,EACrF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAACrB,EAAiB,UAAjB,EAA0B,OAAOkC,GAChC,UAAA,gBAAAb,EAAC,OAAA,EAAI,WAAWc,GAAkB,MAAK,SAAQ,eAAY,aACxD,UAAAzB,GACH,GACF;AAEJ;AAEAY,EAAU,OAAOhB;"}
+{"version":3,"file":"Segmented.js","sources":["../../src/components/Segmented.tsx"],"sourcesContent":["import React, { useState, useCallback, createContext, useContext } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dJoin = 'join'\nconst dJoinItem = 'join-item'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\n\nexport type SegmentedValue = string | number\n\ninterface SegmentedContextValue {\n  value?: SegmentedValue\n  onChange?: (value: SegmentedValue) => void\n  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled: boolean\n}\n\nconst SegmentedContext = createContext<SegmentedContextValue | null>(null)\n\nconst useSegmentedContext = () => {\n  const context = useContext(SegmentedContext)\n  if (!context) {\n    throw new Error('Segmented.Item must be used within a Segmented component')\n  }\n  return context\n}\n\nexport interface SegmentedItemProps {\n  /** Option value */\n  value: SegmentedValue\n  /** Disable this option */\n  disabled?: boolean\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Label content */\n  children: React.ReactNode\n  /** Additional CSS class */\n  className?: string\n}\n\nconst sizeClasses = {\n  xs: dBtnXs,\n  sm: dBtnSm,\n  md: '',\n  lg: dBtnLg,\n  xl: dBtnXl,\n}\n\nconst SegmentedItem: React.FC<SegmentedItemProps> = ({\n  value,\n  disabled: itemDisabled = false,\n  icon,\n  children,\n  className = '',\n}) => {\n  const { value: selectedValue, onChange, size, disabled: groupDisabled } = useSegmentedContext()\n\n  const isSelected = selectedValue === value\n  const isDisabled = groupDisabled || itemDisabled\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onChange?.(value)\n    }\n  }\n\n  const buttonClasses = [\n    dJoinItem,\n    dBtn,\n    sizeClasses[size],\n    isSelected ? dBtnActive : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClasses}\n      disabled={isDisabled}\n      onClick={handleClick}\n      aria-pressed={isSelected}\n      data-testid={`segmented-item-${value}`}\n    >\n      {icon && <span className=\"mr-1\">{icon}</span>}\n      {children}\n    </button>\n  )\n}\n\nexport interface SegmentedProps {\n  /** Currently selected value (controlled) */\n  value?: SegmentedValue\n  /** Default selected value (uncontrolled) */\n  defaultValue?: SegmentedValue\n  /** Callback when selection changes */\n  onChange?: (value: SegmentedValue) => void\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Take full width of container */\n  block?: boolean\n  /** Disable all options */\n  disabled?: boolean\n  /** Additional CSS class */\n  className?: string\n  /** Segmented.Item children */\n  children: React.ReactNode\n}\n\nexport const Segmented: React.FC<SegmentedProps> & { Item: typeof SegmentedItem } = ({\n  value,\n  defaultValue,\n  onChange,\n  size,\n  block = false,\n  disabled = false,\n  className = '',\n  children,\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const [internalValue, setInternalValue] = useState<SegmentedValue | undefined>(defaultValue)\n\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  const handleChange = useCallback(\n    (newValue: SegmentedValue) => {\n      if (!isControlled) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [isControlled, onChange]\n  )\n\n  const contextValue: SegmentedContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    size: effectiveSize,\n    disabled,\n  }\n\n  const containerClasses = [dJoin, block ? `w-full [&>.${dJoinItem}]:flex-1` : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <SegmentedContext.Provider value={contextValue}>\n      <div className={containerClasses} role=\"group\" data-testid=\"segmented\">\n        {children}\n      </div>\n    </SegmentedContext.Provider>\n  )\n}\n\nSegmented.Item = SegmentedItem\n"],"names":["dJoin","dJoinItem","dBtn","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnActive","SegmentedContext","createContext","useSegmentedContext","context","useContext","sizeClasses","SegmentedItem","value","itemDisabled","icon","children","className","selectedValue","onChange","size","groupDisabled","isSelected","isDisabled","handleClick","buttonClasses","jsxs","jsx","Segmented","defaultValue","block","disabled","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","isControlled","currentValue","handleChange","useCallback","newValue","contextValue","containerClasses"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAY,aACZC,IAAO,OACPC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAa,cAWbC,IAAmBC,EAA4C,IAAI,GAEnEC,IAAsB,MAAM;AAChC,QAAMC,IAAUC,EAAWJ,CAAgB;AAC3C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,0DAA0D;AAE5E,SAAOA;AACT,GAeME,IAAc;AAAA,EAClB,IAAIV;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAI;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEMQ,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAUC,IAAe;AAAA,EACzB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAe,UAAAC,GAAU,MAAAC,GAAM,UAAUC,EAAA,IAAkBb,EAAA,GAEpEc,IAAaJ,MAAkBL,GAC/BU,IAAaF,KAAiBP,GAE9BU,IAAc,MAAM;AACxB,IAAKD,KACHJ,IAAWN,CAAK;AAAA,EAEpB,GAEMY,IAAgB;AAAA,IACpB1B;AAAA,IACAC;AAAA,IACAW,EAAYS,CAAI;AAAA,IAChBE,IAAajB,IAAa;AAAA,IAC1BY;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWD;AAAA,MACX,UAAUF;AAAA,MACV,SAASC;AAAA,MACT,gBAAcF;AAAA,MACd,eAAa,kBAAkBT,CAAK;AAAA,MAEnC,UAAA;AAAA,QAAAE,KAAQ,gBAAAY,EAAC,QAAA,EAAK,WAAU,QAAQ,UAAAZ,GAAK;AAAA,QACrCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,GAqBaY,IAAuE,CAAC;AAAA,EACnF,OAAAf;AAAA,EACA,cAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,MAAAC;AAAA,EACA,OAAAU,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAd,IAAY;AAAA,EACZ,UAAAD;AACF,MAAM;AACJ,QAAM,EAAE,eAAAgB,EAAA,IAAkBC,EAAA,GACpBC,IAAgBd,KAAQY,KAAiB,MAEzC,CAACG,GAAeC,CAAgB,IAAIC,EAAqCR,CAAY,GAErFS,IAAezB,MAAU,QACzB0B,IAAeD,IAAezB,IAAQsB,GAEtCK,IAAeC;AAAA,IACnB,CAACC,MAA6B;AAC5B,MAAKJ,KACHF,EAAiBM,CAAQ,GAE3BvB,IAAWuB,CAAQ;AAAA,IACrB;AAAA,IACA,CAACJ,GAAcnB,CAAQ;AAAA,EAAA,GAGnBwB,IAAsC;AAAA,IAC1C,OAAOJ;AAAA,IACP,UAAUC;AAAA,IACV,MAAMN;AAAA,IACN,UAAAH;AAAA,EAAA,GAGIa,IAAmB,CAAC9C,GAAOgC,IAAQ,cAAc/B,CAAS,aAAa,IAAIkB,CAAS,EACvF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAACrB,EAAiB,UAAjB,EAA0B,OAAOqC,GAChC,UAAA,gBAAAhB,EAAC,OAAA,EAAI,WAAWiB,GAAkB,MAAK,SAAQ,eAAY,aACxD,UAAA5B,GACH,GACF;AAEJ;AAEAY,EAAU,OAAOhB;"}