formanitor 0.1.11 → 0.2.0

package/dist/chunk-MIUUO4CI.mjs

@@ -0,0 +1,361 @@
+import { VoiceMicButton } from './chunk-ZSOIQVB3.mjs';
+import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-XR2ZM654.mjs';
+import { Button } from './chunk-GXXWMHAA.mjs';
+import { useField, useFormStore } from './chunk-ZGPHTPAN.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import * as React from 'react';
+import { useMemo, useEffect, useReducer } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Underline from '@tiptap/extension-underline';
+import { TableRow, TableHeader, TableCell, Table } from '@tiptap/extension-table';
+import { Undo, Redo, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, Table as Table$1, Rows2, Columns2, TableRowsSplit, TableColumnsSplit, Trash2 } from 'lucide-react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+function isEmptyHtml(html) {
+  const t = html.trim();
+  return t === "" || t === "<p></p>" || t === "<p><br></p>" || t === '<p><br class="ProseMirror-trailingBreak"></p>';
+}
+function buildRichTextExtensions(placeholder, tables) {
+  const base = [
+    StarterKit.configure({
+      // Disable headings entirely so the UI/content can't introduce H2/H3.
+      heading: false,
+      bulletList: {
+        HTMLAttributes: {
+          class: "list-disc pl-6 my-2"
+        }
+      },
+      orderedList: {
+        HTMLAttributes: {
+          class: "list-decimal pl-6 my-2"
+        }
+      },
+      listItem: {
+        HTMLAttributes: {
+          class: "my-1"
+        }
+      }
+    }),
+    Underline,
+    Placeholder.configure({
+      placeholder
+    })
+  ];
+  if (!tables) return base;
+  return [
+    ...base,
+    Table.configure({
+      resizable: true,
+      /** Wider hit zone along column borders (default 5px). */
+      handleWidth: 8,
+      cellMinWidth: 50
+    }),
+    TableRow,
+    TableHeader,
+    TableCell
+  ];
+}
+function RichTextToolbar({
+  editor,
+  disabled,
+  tablesEnabled
+}) {
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  useEffect(() => {
+    if (!editor) return;
+    const handler = () => rerender();
+    editor.on("selectionUpdate", handler);
+    editor.on("transaction", handler);
+    return () => {
+      editor.off("selectionUpdate", handler);
+      editor.off("transaction", handler);
+    };
+  }, [editor]);
+  if (!editor) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 border-b border-input bg-muted/30 px-2 py-1.5 min-h-[42px]" });
+  }
+  const fmtBtn = (active, onClick, icon, title) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: active ? "secondary" : "outline",
+      size: "icon",
+      className: "h-8 w-8 shrink-0",
+      disabled,
+      title,
+      onClick: () => {
+        if (!disabled) onClick();
+      },
+      children: icon
+    }
+  );
+  const inTable = tablesEnabled && editor.isActive("table");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-1 border-b border-input bg-muted/30 px-2 py-1.5",
+      role: "toolbar",
+      "aria-label": "Rich text formatting",
+      children: [
+        fmtBtn(
+          editor.isActive("bold"),
+          () => editor.chain().focus().toggleBold().run(),
+          /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" }),
+          "Bold"
+        ),
+        fmtBtn(
+          editor.isActive("italic"),
+          () => editor.chain().focus().toggleItalic().run(),
+          /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" }),
+          "Italic"
+        ),
+        fmtBtn(
+          editor.isActive("underline"),
+          () => editor.chain().focus().toggleUnderline().run(),
+          /* @__PURE__ */ jsx(Underline$1, { className: "h-4 w-4" }),
+          "Underline"
+        ),
+        fmtBtn(
+          editor.isActive("strike"),
+          () => editor.chain().focus().toggleStrike().run(),
+          /* @__PURE__ */ jsx(Strikethrough, { className: "h-4 w-4" }),
+          "Strikethrough"
+        ),
+        /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        fmtBtn(
+          editor.isActive("bulletList"),
+          () => editor.chain().focus().toggleBulletList().run(),
+          /* @__PURE__ */ jsx(List, { className: "h-4 w-4" }),
+          "Bullet list"
+        ),
+        fmtBtn(
+          editor.isActive("orderedList"),
+          () => editor.chain().focus().toggleOrderedList().run(),
+          /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" }),
+          "Numbered list"
+        ),
+        tablesEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+          !inTable ? fmtBtn(
+            false,
+            () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+            /* @__PURE__ */ jsx(Table$1, { className: "h-4 w-4" }),
+            "Insert table"
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addRowAfter().run(),
+              /* @__PURE__ */ jsx(Rows2, { className: "h-4 w-4" }),
+              "Add row below"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addColumnAfter().run(),
+              /* @__PURE__ */ jsx(Columns2, { className: "h-4 w-4" }),
+              "Add column right"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteRow().run(),
+              /* @__PURE__ */ jsx(TableRowsSplit, { className: "h-4 w-4" }),
+              "Delete row"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteColumn().run(),
+              /* @__PURE__ */ jsx(TableColumnsSplit, { className: "h-4 w-4" }),
+              "Delete column"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteTable().run(),
+              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+              "Delete table"
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8 shrink-0",
+            disabled: disabled || !editor.can().undo(),
+            title: "Undo",
+            onClick: () => editor.chain().focus().undo().run(),
+            children: /* @__PURE__ */ jsx(Undo, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8 shrink-0",
+            disabled: disabled || !editor.can().redo(),
+            title: "Redo",
+            onClick: () => editor.chain().focus().redo().run(),
+            children: /* @__PURE__ */ jsx(Redo, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+var RichTextWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const store = useFormStore();
+  const hasVoice = !!(fieldDef?.voice && store.getVoice());
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef;
+  const placeholder = def?.placeholder ?? "Start typing\u2026";
+  const minHeight = def?.minHeight ?? 160;
+  const tablesEnabled = !!def?.tables;
+  const extensions = useMemo(
+    () => buildRichTextExtensions(placeholder, tablesEnabled),
+    [placeholder, tablesEnabled]
+  );
+  const stringValue = typeof value === "string" ? value : "";
+  const editor = useEditor(
+    {
+      extensions,
+      content: stringValue || "",
+      editable: !disabled,
+      immediatelyRender: false,
+      onUpdate: ({ editor: ed }) => {
+        const html = ed.getHTML();
+        setValue(isEmptyHtml(html) ? "" : html);
+      },
+      onBlur: () => setTouched(),
+      editorProps: {
+        attributes: {
+          id: fieldId,
+          class: "tiptap focus:outline-none",
+          style: `min-height: ${minHeight}px`
+        }
+      }
+    },
+    [extensions, fieldId]
+  );
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    editor.setEditable(!disabled);
+  }, [editor, disabled]);
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    el.style.minHeight = `${minHeight}px`;
+  }, [editor, minHeight]);
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    const handler = (e) => {
+      const { text } = e.detail;
+      if (!text) return;
+      const currentText = editor.getText();
+      const prefix = currentText.length > 0 && !/\s$/.test(currentText) ? " " : "";
+      editor.chain().focus().insertContent(prefix + text).run();
+    };
+    el.addEventListener("insertTranscript", handler);
+    return () => el.removeEventListener("insertTranscript", handler);
+  }, [editor]);
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const fromForm = stringValue;
+    const fromEditor = editor.getHTML();
+    if (isEmptyHtml(fromForm) && isEmptyHtml(fromEditor)) return;
+    if (fromForm && fromForm !== fromEditor) {
+      editor.commands.setContent(fromForm, { emitUpdate: false });
+    }
+    if (!fromForm && !isEmptyHtml(fromEditor)) {
+      editor.commands.setContent("", { emitUpdate: false });
+    }
+  }, [stringValue, editor]);
+  if (!fieldDef) return null;
+  const showLabel = isLabelVisible(fieldDef);
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+  ] });
+  const labelEl = /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: labelContent });
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    hasVoice ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      showLabel ? labelEl : null,
+      /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+    ] }) : showLabel ? labelEl : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: fieldControlClass(
+          fieldDef,
+          cn(
+            "rounded-md border border-input bg-background text-sm ring-offset-background overflow-hidden",
+            showError && "border-red-500",
+            disabled && "opacity-60"
+          )
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            RichTextToolbar,
+            {
+              editor,
+              disabled,
+              tablesEnabled
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "px-3 py-2",
+                "[&_.ProseMirror]:outline-none",
+                "[&_.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]:list-item",
+                "[&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-muted-foreground/40 [&_.ProseMirror_blockquote]:pl-3 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0"
+              ),
+              children: /* @__PURE__ */ jsx(EditorContent, { editor })
+            }
+          )
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { RichTextWidget };
+//# sourceMappingURL=chunk-MIUUO4CI.mjs.map
+//# sourceMappingURL=chunk-MIUUO4CI.mjs.map

package/dist/chunk-MIUUO4CI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/separator.tsx","../src/ui/widgets/RichTextWidget.tsx"],"names":["jsx","UnderlineIcon","TableIcon"],"mappings":"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","file":"chunk-MIUUO4CI.mjs","sourcesContent":["import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../../core/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n\n","import React, { useEffect, useMemo, useReducer } from 'react';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Underline from '@tiptap/extension-underline';\nimport { Table, TableRow, TableHeader, TableCell } from '@tiptap/extension-table';\nimport type { Extensions } from '@tiptap/core';\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  List,\n  ListOrdered,\n  Undo,\n  Redo,\n  Table as TableIcon,\n  Rows2,\n  Columns2,\n  TableRowsSplit,\n  TableColumnsSplit,\n  Trash2,\n} from 'lucide-react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFormStore } from '../../react/FormProvider';\nimport { VoiceMicButton } from '../../react/VoiceMicButton';\nimport { Label } from '../shadcn/label';\nimport { Button } from '../shadcn/button';\nimport { Separator } from '../shadcn/separator';\nimport { cn } from '../../core/utils';\nimport type { Editor } from '@tiptap/core';\nimport type { RichTextFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nfunction isEmptyHtml(html: string): boolean {\n  const t = html.trim();\n  return (\n    t === '' ||\n    t === '<p></p>' ||\n    t === '<p><br></p>' ||\n    t === '<p><br class=\"ProseMirror-trailingBreak\"></p>'\n  );\n}\n\nfunction buildRichTextExtensions(placeholder: string, tables: boolean): Extensions {\n  const base: Extensions = [\n    StarterKit.configure({\n      // Disable headings entirely so the UI/content can't introduce H2/H3.\n      heading: false,\n      bulletList: {\n        HTMLAttributes: {\n          class: 'list-disc pl-6 my-2',\n        },\n      },\n      orderedList: {\n        HTMLAttributes: {\n          class: 'list-decimal pl-6 my-2',\n        },\n      },\n      listItem: {\n        HTMLAttributes: {\n          class: 'my-1',\n        },\n      },\n    }),\n    Underline,\n    Placeholder.configure({\n      placeholder,\n    }),\n  ];\n\n  if (!tables) return base;\n\n  return [\n    ...base,\n    Table.configure({\n      resizable: true,\n      /** Wider hit zone along column borders (default 5px). */\n      handleWidth: 8,\n      cellMinWidth: 50,\n    }),\n    TableRow,\n    TableHeader,\n    TableCell,\n  ];\n}\n\nfunction RichTextToolbar({\n  editor,\n  disabled,\n  tablesEnabled,\n}: {\n  editor: Editor | null;\n  disabled: boolean;\n  tablesEnabled: boolean;\n}) {\n  const [, rerender] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (!editor) return;\n    const handler = () => rerender();\n    editor.on('selectionUpdate', handler);\n    editor.on('transaction', handler);\n    return () => {\n      editor.off('selectionUpdate', handler);\n      editor.off('transaction', handler);\n    };\n  }, [editor]);\n\n  if (!editor) {\n    return (\n      <div className=\"flex flex-wrap gap-1 border-b border-input bg-muted/30 px-2 py-1.5 min-h-[42px]\" />\n    );\n  }\n\n  const fmtBtn = (active: boolean, onClick: () => void, icon: React.ReactNode, title: string) => (\n    <Button\n      type=\"button\"\n      variant={active ? 'secondary' : 'outline'}\n      size=\"icon\"\n      className=\"h-8 w-8 shrink-0\"\n      disabled={disabled}\n      title={title}\n      onClick={() => {\n        if (!disabled) onClick();\n      }}\n    >\n      {icon}\n    </Button>\n  );\n\n  const inTable = tablesEnabled && editor.isActive('table');\n\n  return (\n    <div\n      className=\"flex flex-wrap items-center gap-1 border-b border-input bg-muted/30 px-2 py-1.5\"\n      role=\"toolbar\"\n      aria-label=\"Rich text formatting\"\n    >\n      {fmtBtn(\n        editor.isActive('bold'),\n        () => editor.chain().focus().toggleBold().run(),\n        <Bold className=\"h-4 w-4\" />,\n        'Bold',\n      )}\n      {fmtBtn(\n        editor.isActive('italic'),\n        () => editor.chain().focus().toggleItalic().run(),\n        <Italic className=\"h-4 w-4\" />,\n        'Italic',\n      )}\n      {fmtBtn(\n        editor.isActive('underline'),\n        () => editor.chain().focus().toggleUnderline().run(),\n        <UnderlineIcon className=\"h-4 w-4\" />,\n        'Underline',\n      )}\n      {fmtBtn(\n        editor.isActive('strike'),\n        () => editor.chain().focus().toggleStrike().run(),\n        <Strikethrough className=\"h-4 w-4\" />,\n        'Strikethrough',\n      )}\n\n      <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n\n      {fmtBtn(\n        editor.isActive('bulletList'),\n        () => editor.chain().focus().toggleBulletList().run(),\n        <List className=\"h-4 w-4\" />,\n        'Bullet list',\n      )}\n      {fmtBtn(\n        editor.isActive('orderedList'),\n        () => editor.chain().focus().toggleOrderedList().run(),\n        <ListOrdered className=\"h-4 w-4\" />,\n        'Numbered list',\n      )}\n\n      {tablesEnabled && (\n        <>\n          <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n          {!inTable ? (\n            fmtBtn(\n              false,\n              () =>\n                editor\n                  .chain()\n                  .focus()\n                  .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n                  .run(),\n              <TableIcon className=\"h-4 w-4\" />,\n              'Insert table',\n            )\n          ) : (\n            <>\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().addRowAfter().run(),\n                <Rows2 className=\"h-4 w-4\" />,\n                'Add row below',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().addColumnAfter().run(),\n                <Columns2 className=\"h-4 w-4\" />,\n                'Add column right',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteRow().run(),\n                <TableRowsSplit className=\"h-4 w-4\" />,\n                'Delete row',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteColumn().run(),\n                <TableColumnsSplit className=\"h-4 w-4\" />,\n                'Delete column',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteTable().run(),\n                <Trash2 className=\"h-4 w-4\" />,\n                'Delete table',\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"h-8 w-8 shrink-0\"\n        disabled={disabled || !editor.can().undo()}\n        title=\"Undo\"\n        onClick={() => editor.chain().focus().undo().run()}\n      >\n        <Undo className=\"h-4 w-4\" />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"h-8 w-8 shrink-0\"\n        disabled={disabled || !editor.can().redo()}\n        title=\"Redo\"\n        onClick={() => editor.chain().focus().redo().run()}\n      >\n        <Redo className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\nexport const RichTextWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const store = useFormStore();\n  const hasVoice = !!(fieldDef?.voice && store.getVoice());\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const def = fieldDef as RichTextFieldDef | undefined;\n  const placeholder = def?.placeholder ?? 'Start typing…';\n  const minHeight = def?.minHeight ?? 160;\n  const tablesEnabled = !!def?.tables;\n\n  const extensions = useMemo(\n    () => buildRichTextExtensions(placeholder, tablesEnabled),\n    [placeholder, tablesEnabled],\n  );\n\n  const stringValue = typeof value === 'string' ? value : '';\n\n  const editor = useEditor(\n    {\n      extensions,\n      content: stringValue || '',\n      editable: !disabled,\n      immediatelyRender: false,\n      onUpdate: ({ editor: ed }) => {\n        const html = ed.getHTML();\n        setValue(isEmptyHtml(html) ? '' : html);\n      },\n      onBlur: () => setTouched(),\n      editorProps: {\n        attributes: {\n          id: fieldId,\n          class: 'tiptap focus:outline-none',\n          style: `min-height: ${minHeight}px`,\n        },\n      },\n    },\n    [extensions, fieldId],\n  );\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.setEditable(!disabled);\n  }, [editor, disabled]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const el = editor.view.dom as HTMLElement;\n    el.style.minHeight = `${minHeight}px`;\n  }, [editor, minHeight]);\n\n  // Listen for a custom 'insertTranscript' event dispatched by external hooks\n  // (e.g. voice recording) so the widget controls its own insertion logic.\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const el = editor.view.dom as HTMLElement;\n    const handler = (e: Event) => {\n      const { text } = (e as CustomEvent<{ text: string }>).detail;\n      if (!text) return;\n      const currentText = editor.getText();\n      const prefix = currentText.length > 0 && !/\\s$/.test(currentText) ? ' ' : '';\n      editor.chain().focus().insertContent(prefix + text).run();\n    };\n    el.addEventListener('insertTranscript', handler);\n    return () => el.removeEventListener('insertTranscript', handler);\n  }, [editor]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const fromForm = stringValue;\n    const fromEditor = editor.getHTML();\n    if (isEmptyHtml(fromForm) && isEmptyHtml(fromEditor)) return;\n    if (fromForm && fromForm !== fromEditor) {\n      editor.commands.setContent(fromForm, { emitUpdate: false });\n    }\n    if (!fromForm && !isEmptyHtml(fromEditor)) {\n      editor.commands.setContent('', { emitUpdate: false });\n    }\n  }, [stringValue, editor]);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  const labelContent = (\n    <>\n      {fieldDef.label}{' '}\n      <FieldRequiredIndicator fieldDef={fieldDef} />\n    </>\n  );\n\n  const labelEl = (\n    <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n      {labelContent}\n    </Label>\n  );\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {hasVoice ? (\n        <div className=\"flex items-center justify-between\">\n          {showLabel ? labelEl : null}\n          <VoiceMicButton fieldId={fieldId} onTranscriptReady={setValue} />\n        </div>\n      ) : showLabel ? (\n        labelEl\n      ) : null}\n      <div\n        className={fieldControlClass(\n          fieldDef,\n          cn(\n            'rounded-md border border-input bg-background text-sm ring-offset-background overflow-hidden',\n            showError && 'border-red-500',\n            disabled && 'opacity-60',\n          ),\n        )}\n      >\n        <RichTextToolbar\n          editor={editor}\n          disabled={disabled}\n          tablesEnabled={tablesEnabled}\n        />\n        <div\n          className={cn(\n            'px-3 py-2',\n            '[&_.ProseMirror]:outline-none',\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]:list-item',\n            '[&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-muted-foreground/40 [&_.ProseMirror_blockquote]:pl-3 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0',\n          )}\n        >\n          <EditorContent editor={editor} />\n        </div>\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n// Re-exported from a lightweight module so read-only consumers can use it\n// without pulling in the TipTap/ProseMirror editor.\nexport { richTextHtmlClassName } from './richTextClassName';\n"]}

package/dist/chunk-N4L76SHJ.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+var Slider = React__namespace.forwardRef(({ className, trackClassName, thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SliderPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SliderPrimitive__namespace.Track,
+        {
+          className: chunkFHHISVCH_cjs.cn(
+            "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",
+            trackClassName
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "absolute h-full bg-primary" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SliderPrimitive__namespace.Thumb,
+        {
+          className: chunkFHHISVCH_cjs.cn(
+            "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+            thumbClassName
+          )
+        }
+      )
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-N4L76SHJ.cjs.map
+//# sourceMappingURL=chunk-N4L76SHJ.cjs.map

package/dist/chunk-N4L76SHJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/slider.tsx"],"names":["React","jsxs","SliderPrimitive","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,MAAA,GAAeA,gBAAA,CAAA,UAAA,CAGnB,CAAC,EAAE,SAAA,EAAW,gBAAgB,cAAA,EAAgB,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1DC,eAAA;AAAA,EAAiBC,0BAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,0DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAAiBF,0BAAA,CAAA,KAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAWC,oBAAA;AAAA,YACT,mEAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAAC,cAAA,CAAiBF,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,4BAAA,EAA6B;AAAA;AAAA,OAChE;AAAA,sBACAE,cAAA;AAAA,QAAiBF,0BAAA,CAAA,KAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAWC,oBAAA;AAAA,YACT,gQAAA;AAAA,YACA;AAAA;AACF;AAAA;AACF;AAAA;AACF,CACD;AACD,MAAA,CAAO,cAA8BD,0BAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-N4L76SHJ.cjs","sourcesContent":["import * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"../../core/utils\"\n\ntype SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & {\n  trackClassName?: string;\n  thumbClassName?: string;\n};\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, trackClassName, thumbClassName, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track\n      className={cn(\n        \"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200\",\n        trackClassName\n      )}\n    >\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb\n      className={cn(\n        \"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n        thumbClassName\n      )}\n    />\n  </SliderPrimitive.Root>\n))\nSlider.displayName = SliderPrimitive.Root.displayName\n\nexport { Slider }\n\n"]}

package/dist/chunk-NJJTIL3U.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var chunkQKJ7BQSR_cjs = require('./chunk-QKJ7BQSR.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Panel({
+  title,
+  right,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-[#D0D0D0] bg-[#FEE8EC]/50 px-3 py-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-slate-700", children: title }),
+      right
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-xs", children })
+  ] });
+}
+function ChipRow({
+  options,
+  selected,
+  onToggle,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: options.map((o) => {
+    const on = !!selected[o.key];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onToggle(o.key),
+        disabled,
+        className: chunkFHHISVCH_cjs.cn(
+          "rounded-full border px-3 py-1 text-[11px] transition-colors",
+          on ? "border-rose-500 bg-rose-50 text-rose-700" : "border-slate-300 bg-white text-slate-600 hover:bg-slate-50"
+        ),
+        children: o.label
+      },
+      o.key
+    );
+  }) });
+}
+
+// src/ui/widgets/_obgSymptomsSync.ts
+var SYMPTOMS_FIELD = "symptoms";
+function useObgSymptomsSync() {
+  const symptomsField = chunkIDSBJOFY_cjs.useField(SYMPTOMS_FIELD);
+  const writeSymptoms = (prev, next, overrideProse) => {
+    if (symptomsField.disabled) return;
+    const cur = typeof symptomsField.value === "string" ? symptomsField.value : "";
+    const { prose: curProse } = chunkIDSBJOFY_cjs.parseProseAndChipTokens(
+      cur,
+      chunkQKJ7BQSR_cjs.OBG_ZONE_ALLOWED_CHIP_LABELS
+    );
+    const prevProse = chunkQKJ7BQSR_cjs.formatObgPathwayProse(prev);
+    const generatedProse = chunkQKJ7BQSR_cjs.formatObgPathwayProse(next);
+    const isAutoOwned = curProse === "" || curProse === prevProse;
+    const proseInput = overrideProse !== void 0 ? overrideProse : isAutoOwned ? generatedProse : curProse;
+    const chipLabels = next.zones.map(chunkQKJ7BQSR_cjs.obgZoneLabel);
+    const composed = chunkIDSBJOFY_cjs.composeProseAndChips(proseInput, chipLabels);
+    if (composed !== cur) symptomsField.setValue(composed);
+  };
+  return { writeSymptoms, symptomsField };
+}
+
+exports.ChipRow = ChipRow;
+exports.Panel = Panel;
+exports.useObgSymptomsSync = useObgSymptomsSync;
+//# sourceMappingURL=chunk-NJJTIL3U.cjs.map
+//# sourceMappingURL=chunk-NJJTIL3U.cjs.map

package/dist/chunk-NJJTIL3U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/_obgPanels.tsx","../src/ui/widgets/_obgSymptomsSync.ts"],"names":["jsxs","jsx","cn","useField","parseProseAndChipTokens","OBG_ZONE_ALLOWED_CHIP_LABELS","formatObgPathwayProse","obgZoneLabel","composeProseAndChips"],"mappings":";;;;;;;;AAGO,SAAS,KAAA,CAAM;AAAA,EACpB,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yFAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7D;AAAA,KAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAS;AAAA,GAAA,EACzC,CAAA;AAEJ;AAEO,SAAS,OAAA,CAAQ;AAAA,EACtB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,wBACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,IAAA,MAAM,EAAA,GAAK,CAAC,CAAC,QAAA,CAAS,EAAE,GAAG,CAAA;AAC3B,IAAA,uBACEA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA;AAAA,QAC7B,QAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,6DAAA;AAAA,UACA,KACI,0CAAA,GACA;AAAA,SACN;AAAA,QAEC,QAAA,EAAA,CAAA,CAAE;AAAA,OAAA;AAAA,MAXE,CAAA,CAAE;AAAA,KAYT;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;;AC7CA,IAAM,cAAA,GAAiB,UAAA;AAgBhB,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,aAAA,GAAgBC,2BAAS,cAAc,CAAA;AAE7C,EAAA,MAAM,aAAA,GAAgB,CACpB,IAAA,EACA,IAAA,EACA,aAAA,KACG;AACH,IAAA,IAAI,cAAc,QAAA,EAAU;AAC5B,IAAA,MAAM,MACJ,OAAO,aAAA,CAAc,KAAA,KAAU,QAAA,GAAW,cAAc,KAAA,GAAQ,EAAA;AAClE,IAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAIC,yCAAA;AAAA,MAC1B,GAAA;AAAA,MACAC;AAAA,KACF;AAEA,IAAA,MAAM,SAAA,GAAYC,wCAAsB,IAAI,CAAA;AAC5C,IAAA,MAAM,cAAA,GAAiBA,wCAAsB,IAAI,CAAA;AACjD,IAAA,MAAM,WAAA,GAAc,QAAA,KAAa,EAAA,IAAM,QAAA,KAAa,SAAA;AAEpD,IAAA,MAAM,UAAA,GACJ,aAAA,KAAkB,MAAA,GACd,aAAA,GACA,cACE,cAAA,GACA,QAAA;AAER,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,GAAA,CAAIC,8BAAY,CAAA;AAC9C,IAAA,MAAM,QAAA,GAAWC,sCAAA,CAAqB,UAAA,EAAY,UAAU,CAAA;AAC5D,IAAA,IAAI,QAAA,KAAa,GAAA,EAAK,aAAA,CAAc,QAAA,CAAS,QAAQ,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,OAAO,EAAE,eAAe,aAAA,EAAc;AACxC","file":"chunk-NJJTIL3U.cjs","sourcesContent":["import React from 'react';\nimport { cn } from '../../core/utils';\n\nexport function Panel({\n  title,\n  right,\n  children,\n}: {\n  title: string;\n  right?: React.ReactNode;\n  children: React.ReactNode;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-md border border-[#D0D0D0] bg-white\">\n      <div className=\"flex items-center justify-between border-b border-[#D0D0D0] bg-[#FEE8EC]/50 px-3 py-1.5\">\n        <span className=\"text-xs font-semibold text-slate-700\">{title}</span>\n        {right}\n      </div>\n      <div className=\"p-3 text-xs\">{children}</div>\n    </div>\n  );\n}\n\nexport function ChipRow({\n  options,\n  selected,\n  onToggle,\n  disabled,\n}: {\n  options: { key: string; label: string }[];\n  selected: Record<string, boolean>;\n  onToggle: (key: string) => void;\n  disabled?: boolean;\n}) {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      {options.map((o) => {\n        const on = !!selected[o.key];\n        return (\n          <button\n            key={o.key}\n            type=\"button\"\n            onClick={() => onToggle(o.key)}\n            disabled={disabled}\n            className={cn(\n              'rounded-full border px-3 py-1 text-[11px] transition-colors',\n              on\n                ? 'border-rose-500 bg-rose-50 text-rose-700'\n                : 'border-slate-300 bg-white text-slate-600 hover:bg-slate-50',\n            )}\n          >\n            {o.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n","import { useField } from '../../react/useField';\nimport {\n  formatObgPathwayProse,\n  obgZoneLabel,\n  OBG_ZONE_ALLOWED_CHIP_LABELS,\n  type ObgPathwayValue,\n} from '../../core/obgPathway';\nimport {\n  composeProseAndChips,\n  parseProseAndChipTokens,\n} from '../../core/suggestionTokens';\n\nconst SYMPTOMS_FIELD = 'symptoms';\n\n/**\n * Mirror an OBG pathway value into the `symptoms` (HOPC) textarea as\n * prose + chips. Multiple widgets (OBGPathwayWidget, AntenatalPanels) write\n * through this hook simultaneously, so the \"is current prose user-owned?\"\n * check is stateless: we compare the current prose against the prose that\n * the *previous* pathway value would have generated. If they match, the\n * textarea is still auto-owned and may be refreshed; otherwise the user has\n * edited prose and we preserve it (only the chip line is kept in sync).\n *\n * Because `formatObgPathwayProse` is deterministic, this approach is\n * correct across multiple writers and across remounts without any shared\n * ref — a previous `lastAutoProseRef`-based design fought itself when\n * OBGPathwayWidget and AntenatalPanels both wrote on the same tick.\n */\nexport function useObgSymptomsSync() {\n  const symptomsField = useField(SYMPTOMS_FIELD);\n\n  const writeSymptoms = (\n    prev: ObgPathwayValue,\n    next: ObgPathwayValue,\n    overrideProse?: string,\n  ) => {\n    if (symptomsField.disabled) return;\n    const cur =\n      typeof symptomsField.value === 'string' ? symptomsField.value : '';\n    const { prose: curProse } = parseProseAndChipTokens(\n      cur,\n      OBG_ZONE_ALLOWED_CHIP_LABELS,\n    );\n\n    const prevProse = formatObgPathwayProse(prev);\n    const generatedProse = formatObgPathwayProse(next);\n    const isAutoOwned = curProse === '' || curProse === prevProse;\n\n    const proseInput =\n      overrideProse !== undefined\n        ? overrideProse\n        : isAutoOwned\n          ? generatedProse\n          : curProse;\n\n    const chipLabels = next.zones.map(obgZoneLabel);\n    const composed = composeProseAndChips(proseInput, chipLabels);\n    if (composed !== cur) symptomsField.setValue(composed);\n  };\n\n  return { writeSymptoms, symptomsField };\n}\n"]}

package/dist/chunk-O3VQBPEW.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: chunkFHHISVCH_cjs.cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-O3VQBPEW.cjs.map
+//# sourceMappingURL=chunk-O3VQBPEW.cjs.map

package/dist/chunk-O3VQBPEW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/button.tsx"],"names":["cva","React","Slot","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB,wRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,WAAA,EACE,oEAAA;AAAA,QACF,OAAA,EACE,gFAAA;AAAA,QACF,SAAA,EACE,8DAAA;AAAA,QACF,KAAA,EAAO,8CAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,gBAAA;AAAA,QACT,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,QAAA;AAC9B,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,qBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QAC1D,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-O3VQBPEW.cjs","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../core/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n\n"]}