@customafk/lunas-ui 0.2.39 → 0.2.41

package/dist/{text-editor-CvJN3nSL.cjs.map → text-editor-DhTxCxvH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-editor-CvJN3nSL.cjs","names":["Popover","PopoverTrigger","Link2","PopoverContent","Link2Off","Undo","Redo","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuItem","Bold","Italic","Underline","Strikethrough","Code","List","ListOrdered","ListChecks","Quote","Code2","Minus","AlignLeft","AlignCenter","AlignRight","AlignJustify","Popover","PopoverTrigger","Palette","PopoverContent","Highlighter","base: AnyExtension[]","StarterKit","Underline","Placeholder","TextAlign","ListKeymap","TextStyle","Link","TaskList","TaskItem","Highlight","Color","CharacterCount","BubbleMenu","Bold","Italic","UnderlineIcon","Strikethrough","EditorContent"],"sources":["../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/text-editor.variants.ts","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ninterface ToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isActive?: boolean;\n}\n\nfunction ToolbarButton({ isActive, className, children, ...props }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toolbar-button\"\n      data-active={isActive || undefined}\n      className={cn(\n        'inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors',\n        'hover:bg-muted-muted hover:text-text-positive-strong',\n        'disabled:pointer-events-none disabled:opacity-40',\n        isActive && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction ToolbarDivider() {\n  return <div data-slot=\"toolbar-divider\" className=\"mx-0.5 h-5 w-px shrink-0 bg-border\" />;\n}\n\nexport { ToolbarButton, ToolbarDivider };\n// biome-ignore lint/style/useComponentExportOnlyModules: type export needed by sibling feature files\nexport type { ToolbarButtonProps };\n","'use client';\n\nimport { useCallback, useState } from 'react';\n\nimport { Link2, Link2Off } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { ToolbarButton } from './toolbar-primitives';\n\nexport interface LinkDialogProps {\n  editor: Editor;\n}\n\nfunction LinkDialog({ editor }: LinkDialogProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [url, setUrl] = useState('');\n\n  const isLinkActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('link'),\n  });\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (open) {\n        const existingHref = editor.getAttributes('link').href ?? '';\n        setUrl(existingHref);\n      }\n      setIsOpen(open);\n    },\n    [editor]\n  );\n\n  const handleApply = useCallback(() => {\n    const trimmed = url.trim();\n    if (!trimmed) return;\n    editor.chain().focus().setLink({ href: trimmed, target: '_blank' }).run();\n    setIsOpen(false);\n  }, [editor, url]);\n\n  const handleRemove = useCallback(() => {\n    editor.chain().focus().unsetLink().run();\n    setIsOpen(false);\n  }, [editor]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleApply();\n    }\n    if (e.key === 'Escape') {\n      setIsOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <ToolbarButton isActive={isLinkActive} title=\"Link (Ctrl+K)\" data-slot=\"toolbar-link-button\">\n          <Link2 className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      </PopoverTrigger>\n      <PopoverContent data-slot=\"link-dialog\" sideOffset={6} align=\"start\" className=\"w-72 p-3\">\n        <p className=\"mb-2 font-medium text-text-positive-strong text-xs\">{isLinkActive ? 'Edit Link' : 'Insert Link'}</p>\n        <div className=\"flex gap-1.5\">\n          <input\n            type=\"url\"\n            placeholder=\"https://example.com\"\n            value={url}\n            onChange={e => setUrl(e.target.value)}\n            onKeyDown={handleKeyDown}\n            autoFocus\n            className={cn(\n              'flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive',\n              'outline-none placeholder:text-text-positive-muted',\n              'focus:border-primary focus:ring-1 focus:ring-primary/30'\n            )}\n          />\n          <button\n            type=\"button\"\n            onClick={handleApply}\n            disabled={!url.trim()}\n            className={cn(\n              'rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs',\n              'transition-colors hover:bg-primary-strong',\n              'disabled:pointer-events-none disabled:opacity-50'\n            )}\n          >\n            Apply\n          </button>\n        </div>\n        {isLinkActive && (\n          <button type=\"button\" onClick={handleRemove} className=\"mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline\">\n            <Link2Off className=\"h-3 w-3\" />\n            Remove link\n          </button>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { LinkDialog };\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const textEditorVariants = cva(['flex flex-col overflow-hidden rounded-md'], {\n  variants: {\n    variant: {\n      outline: 'border border-border bg-background shadow-xs',\n      ghost: 'border-0',\n    },\n    size: {\n      sm: 'text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5',\n      md: '',\n      lg: 'text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'outline',\n    size: 'md',\n  },\n});\n\nexport type TextEditorVariantProps = VariantProps<typeof textEditorVariants>;\n","'use client';\n\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  ChevronDown,\n  Code,\n  Code2,\n  Highlighter,\n  Italic,\n  List,\n  ListChecks,\n  ListOrdered,\n  Minus,\n  Palette,\n  Quote,\n  Redo,\n  Strikethrough,\n  Underline,\n  Undo,\n} from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { LinkDialog } from './link-dialog';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nconst HIGHLIGHT_COLORS = [\n  { label: 'Yellow', value: '#fde047' },\n  { label: 'Green', value: '#86efac' },\n  { label: 'Blue', value: '#93c5fd' },\n  { label: 'Pink', value: '#f9a8d4' },\n  { label: 'Orange', value: '#fdba74' },\n  { label: 'Purple', value: '#c4b5fd' },\n  { label: 'Red', value: '#fca5a5' },\n  { label: 'Cyan', value: '#67e8f9' },\n  { label: 'Lime', value: '#bef264' },\n  { label: 'Gray', value: '#d1d5db' },\n];\n\nconst TEXT_COLORS = [\n  { label: 'Default', value: '' },\n  { label: 'Red', value: '#ef4444' },\n  { label: 'Orange', value: '#f97316' },\n  { label: 'Yellow', value: '#eab308' },\n  { label: 'Green', value: '#22c55e' },\n  { label: 'Blue', value: '#3b82f6' },\n  { label: 'Purple', value: '#a855f7' },\n  { label: 'Pink', value: '#ec4899' },\n  { label: 'Gray', value: '#6b7280' },\n  { label: 'Black', value: '#000000' },\n];\n\nexport interface TextEditorToolbarProps {\n  editor: Editor;\n  className?: string;\n  enableLink?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditorToolbar({ editor, className, enableLink, enableTaskList, enableHighlight, enableColor }: TextEditorToolbarProps) {\n  const isHeading1Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 1 }),\n  });\n  const isHeading2Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 2 }),\n  });\n  const isHeading3Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 3 }),\n  });\n  const isBoldActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bold'),\n  });\n  const isItalicActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('italic'),\n  });\n  const isUnderlineActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('underline'),\n  });\n  const isStrikeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('strike'),\n  });\n  const isCodeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('code'),\n  });\n  const isBulletListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bulletList'),\n  });\n  const isOrderedListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('orderedList'),\n  });\n  const isTaskListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('taskList'),\n  });\n  const isBlockquoteActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('blockquote'),\n  });\n  const isCodeBlockActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('codeBlock'),\n  });\n  const isAlignLeftActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'left' }),\n  });\n  const isAlignCenterActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'center' }),\n  });\n  const isAlignRightActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'right' }),\n  });\n  const isAlignJustifyActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'justify' }),\n  });\n\n  const headingLabel = isHeading1Active ? 'H1' : isHeading2Active ? 'H2' : isHeading3Active ? 'H3' : 'P';\n\n  return (\n    <div data-slot=\"text-editor-toolbar\" className={cn('flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5', className)}>\n      {/* History */}\n      <ToolbarButton onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()} title=\"Undo (Ctrl+Z)\">\n        <Undo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()} title=\"Redo (Ctrl+Y)\">\n        <Redo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Heading dropdown */}\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"toolbar-heading-trigger\"\n            className={cn(\n              'inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors',\n              'hover:bg-muted-muted hover:text-text-positive-strong',\n              'disabled:pointer-events-none disabled:opacity-40',\n              (isHeading1Active || isHeading2Active || isHeading3Active) && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary'\n            )}\n          >\n            <span className=\"w-5 text-center\">{headingLabel}</span>\n            <ChevronDown className=\"h-3 w-3 opacity-60\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => editor.chain().focus().setParagraph().run()}>\n            <span className=\"text-sm\">Paragraph</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}>\n            <span className=\"font-bold text-lg\">Heading 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}>\n            <span className=\"font-semibold text-base\">Heading 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}>\n            <span className=\"font-semibold text-sm\">Heading 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <ToolbarDivider />\n\n      {/* Text formatting */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={isBoldActive} title=\"Bold (Ctrl+B)\">\n        <Bold className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={isItalicActive} title=\"Italic (Ctrl+I)\">\n        <Italic className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={isUnderlineActive} title=\"Underline (Ctrl+U)\">\n        <Underline className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={isStrikeActive} title=\"Strikethrough\">\n        <Strikethrough className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCode().run()} isActive={isCodeActive} title=\"Inline Code\">\n        <Code className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Lists */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBulletList().run()} isActive={isBulletListActive} title=\"Bullet List\">\n        <List className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleOrderedList().run()} isActive={isOrderedListActive} title=\"Ordered List\">\n        <ListOrdered className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      {enableTaskList && (\n        <ToolbarButton onClick={() => editor.chain().focus().toggleTaskList().run()} isActive={isTaskListActive} title=\"Task List\">\n          <ListChecks className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      )}\n\n      <ToolbarDivider />\n\n      {/* Blocks */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBlockquote().run()} isActive={isBlockquoteActive} title=\"Blockquote\">\n        <Quote className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={isCodeBlockActive} title=\"Code Block\">\n        <Code2 className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setHorizontalRule().run()} title=\"Horizontal Rule\">\n        <Minus className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Text alignment */}\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('left').run()} isActive={isAlignLeftActive} title=\"Align Left\">\n        <AlignLeft className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('center').run()} isActive={isAlignCenterActive} title=\"Align Center\">\n        <AlignCenter className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('right').run()} isActive={isAlignRightActive} title=\"Align Right\">\n        <AlignRight className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('justify').run()} isActive={isAlignJustifyActive} title=\"Align Justify\">\n        <AlignJustify className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      {/* Link */}\n      {enableLink && (\n        <>\n          <ToolbarDivider />\n          <LinkDialog editor={editor} />\n        </>\n      )}\n\n      {/* Color & Highlight */}\n      {(enableColor || enableHighlight) && (\n        <>\n          <ToolbarDivider />\n          {enableColor && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Text Color\">\n                  <Palette className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Text Color</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {TEXT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => {\n                        if (!color.value) {\n                          editor.chain().focus().unsetColor().run();\n                        } else {\n                          editor.chain().focus().setColor(color.value).run();\n                        }\n                      }}\n                      className={cn(\n                        'h-6 w-6 rounded border border-border transition-transform hover:scale-110',\n                        !color.value && 'bg-background text-[10px] text-text-positive leading-none'\n                      )}\n                      style={color.value ? { backgroundColor: color.value } : undefined}\n                    >\n                      {!color.value && '∅'}\n                    </button>\n                  ))}\n                </div>\n              </PopoverContent>\n            </Popover>\n          )}\n          {enableHighlight && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Highlight\">\n                  <Highlighter className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Highlight</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {HIGHLIGHT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => editor.chain().focus().toggleHighlight({ color: color.value }).run()}\n                      className=\"h-6 w-6 rounded border border-border transition-transform hover:scale-110\"\n                      style={{ backgroundColor: color.value }}\n                    />\n                  ))}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.chain().focus().unsetHighlight().run()}\n                  className=\"mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted\"\n                >\n                  Clear highlight\n                </button>\n              </PopoverContent>\n            </Popover>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditorToolbar };\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Highlight } from '@tiptap/extension-highlight';\nimport { Link } from '@tiptap/extension-link';\nimport { ListKeymap } from '@tiptap/extension-list-keymap';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { TaskItem } from '@tiptap/extension-task-item';\nimport { TaskList } from '@tiptap/extension-task-list';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { Color, TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport { type AnyExtension, EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport StarterKit from '@tiptap/starter-kit';\nimport { LinkDialog } from './link-dialog';\nimport { type TextEditorVariantProps, textEditorVariants } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nexport interface TextEditorProps extends TextEditorVariantProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  showToolbar?: boolean;\n  className?: string;\n  toolbarClassName?: string;\n  editorClassName?: string;\n  // Character count\n  maxLength?: number;\n  showCharacterCount?: boolean;\n  onCharacterCount?: (stats: { characters: number; words: number }) => void;\n  // Feature flags\n  enableLink?: boolean;\n  enableBubbleMenu?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditor({\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Start writing...',\n  readOnly = false,\n  showToolbar = true,\n  variant,\n  size,\n  className,\n  toolbarClassName,\n  editorClassName,\n  maxLength,\n  showCharacterCount,\n  onCharacterCount,\n  enableLink,\n  enableBubbleMenu,\n  enableTaskList,\n  enableHighlight,\n  enableColor,\n}: TextEditorProps) {\n  const needsCharCount = maxLength !== undefined || showCharacterCount || onCharacterCount !== undefined;\n  const needsTextStyle = enableColor || enableHighlight;\n\n  const extensions = useMemo(() => {\n    const base: AnyExtension[] = [\n      StarterKit,\n      Underline,\n      Placeholder.configure({ placeholder }),\n      TextAlign.configure({ types: ['heading', 'paragraph'] }),\n      ListKeymap,\n    ];\n\n    if (needsTextStyle) base.push(TextStyle);\n    if (enableLink) {\n      base.push(Link.configure({ openOnClick: false, linkOnPaste: true, defaultProtocol: 'https' }));\n    }\n    if (enableTaskList) {\n      base.push(TaskList, TaskItem.configure({ nested: true }));\n    }\n    if (enableHighlight) {\n      base.push(Highlight.configure({ multicolor: true }));\n    }\n    if (enableColor) {\n      base.push(Color);\n    }\n    if (needsCharCount) {\n      base.push(CharacterCount.configure({ limit: maxLength }));\n    }\n\n    return base;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needsCharCount, placeholder, maxLength, enableHighlight, needsTextStyle, enableTaskList, enableLink, enableColor]);\n\n  const editor = useEditor({\n    extensions,\n    content: value ?? defaultValue,\n    editable: !readOnly,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      if (onCharacterCount) {\n        const storage = e.storage.characterCount;\n        onCharacterCount({ characters: storage.characters(), words: storage.words() });\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!editor || value === undefined) return;\n    if (editor.getHTML() === value) return;\n    editor.commands.setContent(value);\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(!readOnly);\n  }, [editor, readOnly]);\n\n  const charCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.characters() as number) : 0;\n    },\n  });\n\n  const wordCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.words() as number) : 0;\n    },\n  });\n\n  const showCharCount = showCharacterCount || maxLength !== undefined;\n  const isNearLimit = maxLength !== undefined && charCount > maxLength * 0.9;\n\n  return (\n    <div data-slot=\"text-editor\" className={cn('lunas-text-editor', textEditorVariants({ variant, size }), className)}>\n      {showToolbar && !readOnly && editor && (\n        <TextEditorToolbar\n          editor={editor}\n          className={toolbarClassName}\n          enableLink={enableLink}\n          enableTaskList={enableTaskList}\n          enableHighlight={enableHighlight}\n          enableColor={enableColor}\n        />\n      )}\n\n      {enableBubbleMenu && !readOnly && editor && (\n        <BubbleMenu\n          editor={editor}\n          options={{ placement: 'top' }}\n          className={cn('flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown')}\n        >\n          <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={editor.isActive('bold')} title=\"Bold (Ctrl+B)\">\n            <Bold className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={editor.isActive('italic')} title=\"Italic (Ctrl+I)\">\n            <Italic className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={editor.isActive('underline')} title=\"Underline (Ctrl+U)\">\n            <UnderlineIcon className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={editor.isActive('strike')} title=\"Strikethrough\">\n            <Strikethrough className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          {enableLink && (\n            <>\n              <ToolbarDivider />\n              <LinkDialog editor={editor} />\n            </>\n          )}\n        </BubbleMenu>\n      )}\n\n      <EditorContent editor={editor} data-slot=\"text-editor-content\" className={cn('flex-1 bg-white text-sm text-text-positive', editorClassName)} />\n\n      {showCharCount && needsCharCount && (\n        <div\n          data-slot=\"text-editor-footer\"\n          className=\"flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs\"\n        >\n          <span>{wordCount} words</span>\n          <span data-warning={isNearLimit || undefined} className=\"data-warning:text-warning-strong\">\n            {charCount}\n            {maxLength ? ` / ${maxLength}` : ''} characters\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditor };\n"],"mappings":"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"}
+{"version":3,"file":"text-editor-DhTxCxvH.cjs","names":["Popover","PopoverTrigger","Link2","PopoverContent","Link2Off","Undo","Redo","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuItem","Bold","Italic","Underline","Strikethrough","Code","List","ListOrdered","ListChecks","Quote","Code2","Minus","AlignLeft","AlignCenter","AlignRight","AlignJustify","Popover","PopoverTrigger","Palette","PopoverContent","Highlighter","base: AnyExtension[]","StarterKit","Underline","Placeholder","TextAlign","ListKeymap","TextStyle","Link","TaskList","TaskItem","Highlight","Color","CharacterCount","BubbleMenu","Bold","Italic","UnderlineIcon","Strikethrough","EditorContent"],"sources":["../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/text-editor.variants.ts","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ninterface ToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isActive?: boolean;\n}\n\nfunction ToolbarButton({ isActive, className, children, ...props }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toolbar-button\"\n      data-active={isActive || undefined}\n      className={cn(\n        'inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors',\n        'hover:bg-muted-muted hover:text-text-positive-strong',\n        'disabled:pointer-events-none disabled:opacity-40',\n        isActive && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction ToolbarDivider() {\n  return <div data-slot=\"toolbar-divider\" className=\"mx-0.5 h-5 w-px shrink-0 bg-border\" />;\n}\n\nexport { ToolbarButton, ToolbarDivider };\n// biome-ignore lint/style/useComponentExportOnlyModules: type export needed by sibling feature files\nexport type { ToolbarButtonProps };\n","'use client';\n\nimport { useCallback, useState } from 'react';\n\nimport { Link2, Link2Off } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { ToolbarButton } from './toolbar-primitives';\n\nexport interface LinkDialogProps {\n  editor: Editor;\n}\n\nfunction LinkDialog({ editor }: LinkDialogProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [url, setUrl] = useState('');\n\n  const isLinkActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('link'),\n  });\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (open) {\n        const existingHref = editor.getAttributes('link').href ?? '';\n        setUrl(existingHref);\n      }\n      setIsOpen(open);\n    },\n    [editor]\n  );\n\n  const handleApply = useCallback(() => {\n    const trimmed = url.trim();\n    if (!trimmed) return;\n    editor.chain().focus().setLink({ href: trimmed, target: '_blank' }).run();\n    setIsOpen(false);\n  }, [editor, url]);\n\n  const handleRemove = useCallback(() => {\n    editor.chain().focus().unsetLink().run();\n    setIsOpen(false);\n  }, [editor]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleApply();\n    }\n    if (e.key === 'Escape') {\n      setIsOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <ToolbarButton isActive={isLinkActive} title=\"Link (Ctrl+K)\" data-slot=\"toolbar-link-button\">\n          <Link2 className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      </PopoverTrigger>\n      <PopoverContent data-slot=\"link-dialog\" sideOffset={6} align=\"start\" className=\"w-72 p-3\">\n        <p className=\"mb-2 font-medium text-text-positive-strong text-xs\">{isLinkActive ? 'Edit Link' : 'Insert Link'}</p>\n        <div className=\"flex gap-1.5\">\n          <input\n            type=\"url\"\n            placeholder=\"https://example.com\"\n            value={url}\n            onChange={e => setUrl(e.target.value)}\n            onKeyDown={handleKeyDown}\n            autoFocus\n            className={cn(\n              'flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive',\n              'outline-none placeholder:text-text-positive-muted',\n              'focus:border-primary focus:ring-1 focus:ring-primary/30'\n            )}\n          />\n          <button\n            type=\"button\"\n            onClick={handleApply}\n            disabled={!url.trim()}\n            className={cn(\n              'rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs',\n              'transition-colors hover:bg-primary-strong',\n              'disabled:pointer-events-none disabled:opacity-50'\n            )}\n          >\n            Apply\n          </button>\n        </div>\n        {isLinkActive && (\n          <button type=\"button\" onClick={handleRemove} className=\"mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline\">\n            <Link2Off className=\"h-3 w-3\" />\n            Remove link\n          </button>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { LinkDialog };\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const textEditorVariants = cva(['flex flex-col overflow-hidden rounded-md'], {\n  variants: {\n    variant: {\n      outline: 'border border-border bg-background shadow-xs',\n      ghost: 'border-0',\n    },\n    size: {\n      sm: 'text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5',\n      md: '',\n      lg: 'text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'outline',\n    size: 'md',\n  },\n});\n\nexport type TextEditorVariantProps = VariantProps<typeof textEditorVariants>;\n","'use client';\n\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  ChevronDown,\n  Code,\n  Code2,\n  Highlighter,\n  Italic,\n  List,\n  ListChecks,\n  ListOrdered,\n  Minus,\n  Palette,\n  Quote,\n  Redo,\n  Strikethrough,\n  Underline,\n  Undo,\n} from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { LinkDialog } from './link-dialog';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nconst HIGHLIGHT_COLORS = [\n  { label: 'Yellow', value: '#fde047' },\n  { label: 'Green', value: '#86efac' },\n  { label: 'Blue', value: '#93c5fd' },\n  { label: 'Pink', value: '#f9a8d4' },\n  { label: 'Orange', value: '#fdba74' },\n  { label: 'Purple', value: '#c4b5fd' },\n  { label: 'Red', value: '#fca5a5' },\n  { label: 'Cyan', value: '#67e8f9' },\n  { label: 'Lime', value: '#bef264' },\n  { label: 'Gray', value: '#d1d5db' },\n];\n\nconst TEXT_COLORS = [\n  { label: 'Default', value: '' },\n  { label: 'Red', value: '#ef4444' },\n  { label: 'Orange', value: '#f97316' },\n  { label: 'Yellow', value: '#eab308' },\n  { label: 'Green', value: '#22c55e' },\n  { label: 'Blue', value: '#3b82f6' },\n  { label: 'Purple', value: '#a855f7' },\n  { label: 'Pink', value: '#ec4899' },\n  { label: 'Gray', value: '#6b7280' },\n  { label: 'Black', value: '#000000' },\n];\n\nexport interface TextEditorToolbarProps {\n  editor: Editor;\n  className?: string;\n  enableLink?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditorToolbar({ editor, className, enableLink, enableTaskList, enableHighlight, enableColor }: TextEditorToolbarProps) {\n  const isHeading1Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 1 }),\n  });\n  const isHeading2Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 2 }),\n  });\n  const isHeading3Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 3 }),\n  });\n  const isBoldActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bold'),\n  });\n  const isItalicActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('italic'),\n  });\n  const isUnderlineActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('underline'),\n  });\n  const isStrikeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('strike'),\n  });\n  const isCodeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('code'),\n  });\n  const isBulletListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bulletList'),\n  });\n  const isOrderedListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('orderedList'),\n  });\n  const isTaskListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('taskList'),\n  });\n  const isBlockquoteActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('blockquote'),\n  });\n  const isCodeBlockActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('codeBlock'),\n  });\n  const isAlignLeftActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'left' }),\n  });\n  const isAlignCenterActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'center' }),\n  });\n  const isAlignRightActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'right' }),\n  });\n  const isAlignJustifyActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'justify' }),\n  });\n\n  const headingLabel = isHeading1Active ? 'H1' : isHeading2Active ? 'H2' : isHeading3Active ? 'H3' : 'P';\n\n  return (\n    <div data-slot=\"text-editor-toolbar\" className={cn('flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5', className)}>\n      {/* History */}\n      <ToolbarButton onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()} title=\"Undo (Ctrl+Z)\">\n        <Undo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()} title=\"Redo (Ctrl+Y)\">\n        <Redo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Heading dropdown */}\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"toolbar-heading-trigger\"\n            className={cn(\n              'inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors',\n              'hover:bg-muted-muted hover:text-text-positive-strong',\n              'disabled:pointer-events-none disabled:opacity-40',\n              (isHeading1Active || isHeading2Active || isHeading3Active) && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary'\n            )}\n          >\n            <span className=\"w-5 text-center\">{headingLabel}</span>\n            <ChevronDown className=\"h-3 w-3 opacity-60\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => editor.chain().focus().setParagraph().run()}>\n            <span className=\"text-sm\">Paragraph</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}>\n            <span className=\"font-bold text-lg\">Heading 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}>\n            <span className=\"font-semibold text-base\">Heading 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}>\n            <span className=\"font-semibold text-sm\">Heading 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <ToolbarDivider />\n\n      {/* Text formatting */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={isBoldActive} title=\"Bold (Ctrl+B)\">\n        <Bold className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={isItalicActive} title=\"Italic (Ctrl+I)\">\n        <Italic className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={isUnderlineActive} title=\"Underline (Ctrl+U)\">\n        <Underline className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={isStrikeActive} title=\"Strikethrough\">\n        <Strikethrough className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCode().run()} isActive={isCodeActive} title=\"Inline Code\">\n        <Code className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Lists */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBulletList().run()} isActive={isBulletListActive} title=\"Bullet List\">\n        <List className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleOrderedList().run()} isActive={isOrderedListActive} title=\"Ordered List\">\n        <ListOrdered className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      {enableTaskList && (\n        <ToolbarButton onClick={() => editor.chain().focus().toggleTaskList().run()} isActive={isTaskListActive} title=\"Task List\">\n          <ListChecks className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      )}\n\n      <ToolbarDivider />\n\n      {/* Blocks */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBlockquote().run()} isActive={isBlockquoteActive} title=\"Blockquote\">\n        <Quote className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={isCodeBlockActive} title=\"Code Block\">\n        <Code2 className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setHorizontalRule().run()} title=\"Horizontal Rule\">\n        <Minus className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Text alignment */}\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('left').run()} isActive={isAlignLeftActive} title=\"Align Left\">\n        <AlignLeft className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('center').run()} isActive={isAlignCenterActive} title=\"Align Center\">\n        <AlignCenter className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('right').run()} isActive={isAlignRightActive} title=\"Align Right\">\n        <AlignRight className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('justify').run()} isActive={isAlignJustifyActive} title=\"Align Justify\">\n        <AlignJustify className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      {/* Link */}\n      {enableLink && (\n        <>\n          <ToolbarDivider />\n          <LinkDialog editor={editor} />\n        </>\n      )}\n\n      {/* Color & Highlight */}\n      {(enableColor || enableHighlight) && (\n        <>\n          <ToolbarDivider />\n          {enableColor && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Text Color\">\n                  <Palette className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Text Color</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {TEXT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => {\n                        if (!color.value) {\n                          editor.chain().focus().unsetColor().run();\n                        } else {\n                          editor.chain().focus().setColor(color.value).run();\n                        }\n                      }}\n                      className={cn(\n                        'h-6 w-6 rounded border border-border transition-transform hover:scale-110',\n                        !color.value && 'bg-background text-[10px] text-text-positive leading-none'\n                      )}\n                      style={color.value ? { backgroundColor: color.value } : undefined}\n                    >\n                      {!color.value && '∅'}\n                    </button>\n                  ))}\n                </div>\n              </PopoverContent>\n            </Popover>\n          )}\n          {enableHighlight && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Highlight\">\n                  <Highlighter className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Highlight</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {HIGHLIGHT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => editor.chain().focus().toggleHighlight({ color: color.value }).run()}\n                      className=\"h-6 w-6 rounded border border-border transition-transform hover:scale-110\"\n                      style={{ backgroundColor: color.value }}\n                    />\n                  ))}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.chain().focus().unsetHighlight().run()}\n                  className=\"mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted\"\n                >\n                  Clear highlight\n                </button>\n              </PopoverContent>\n            </Popover>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditorToolbar };\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Highlight } from '@tiptap/extension-highlight';\nimport { Link } from '@tiptap/extension-link';\nimport { ListKeymap } from '@tiptap/extension-list-keymap';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { TaskItem } from '@tiptap/extension-task-item';\nimport { TaskList } from '@tiptap/extension-task-list';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { Color, TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport { type AnyExtension, EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport StarterKit from '@tiptap/starter-kit';\nimport { LinkDialog } from './link-dialog';\nimport { type TextEditorVariantProps, textEditorVariants } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nexport interface TextEditorProps extends TextEditorVariantProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  showToolbar?: boolean;\n  className?: string;\n  toolbarClassName?: string;\n  editorClassName?: string;\n  // Character count\n  maxLength?: number;\n  showCharacterCount?: boolean;\n  onCharacterCount?: (stats: { characters: number; words: number }) => void;\n  // Feature flags\n  enableLink?: boolean;\n  enableBubbleMenu?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditor({\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Start writing...',\n  readOnly = false,\n  showToolbar = true,\n  variant,\n  size,\n  className,\n  toolbarClassName,\n  editorClassName,\n  maxLength,\n  showCharacterCount,\n  onCharacterCount,\n  enableLink,\n  enableBubbleMenu,\n  enableTaskList,\n  enableHighlight,\n  enableColor,\n}: TextEditorProps) {\n  const needsCharCount = maxLength !== undefined || showCharacterCount || onCharacterCount !== undefined;\n  const needsTextStyle = enableColor || enableHighlight;\n\n  const extensions = useMemo(() => {\n    const base: AnyExtension[] = [\n      StarterKit,\n      Underline,\n      Placeholder.configure({ placeholder }),\n      TextAlign.configure({ types: ['heading', 'paragraph'] }),\n      ListKeymap,\n    ];\n\n    if (needsTextStyle) base.push(TextStyle);\n    if (enableLink) {\n      base.push(Link.configure({ openOnClick: false, linkOnPaste: true, defaultProtocol: 'https' }));\n    }\n    if (enableTaskList) {\n      base.push(TaskList, TaskItem.configure({ nested: true }));\n    }\n    if (enableHighlight) {\n      base.push(Highlight.configure({ multicolor: true }));\n    }\n    if (enableColor) {\n      base.push(Color);\n    }\n    if (needsCharCount) {\n      base.push(CharacterCount.configure({ limit: maxLength }));\n    }\n\n    return base;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needsCharCount, placeholder, maxLength, enableHighlight, needsTextStyle, enableTaskList, enableLink, enableColor]);\n\n  const editor = useEditor({\n    extensions,\n    content: value ?? defaultValue,\n    editable: !readOnly,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      if (onCharacterCount) {\n        const storage = e.storage.characterCount;\n        onCharacterCount({ characters: storage.characters(), words: storage.words() });\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!editor || value === undefined) return;\n    if (editor.getHTML() === value) return;\n    editor.commands.setContent(value);\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(!readOnly);\n  }, [editor, readOnly]);\n\n  const charCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.characters() as number) : 0;\n    },\n  });\n\n  const wordCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.words() as number) : 0;\n    },\n  });\n\n  const showCharCount = showCharacterCount || maxLength !== undefined;\n  const isNearLimit = maxLength !== undefined && charCount > maxLength * 0.9;\n\n  return (\n    <div data-slot=\"text-editor\" className={cn('lunas-text-editor', textEditorVariants({ variant, size }), className)}>\n      {showToolbar && !readOnly && editor && (\n        <TextEditorToolbar\n          editor={editor}\n          className={toolbarClassName}\n          enableLink={enableLink}\n          enableTaskList={enableTaskList}\n          enableHighlight={enableHighlight}\n          enableColor={enableColor}\n        />\n      )}\n\n      {enableBubbleMenu && !readOnly && editor && (\n        <BubbleMenu\n          editor={editor}\n          options={{ placement: 'top' }}\n          className={cn('flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown')}\n        >\n          <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={editor.isActive('bold')} title=\"Bold (Ctrl+B)\">\n            <Bold className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={editor.isActive('italic')} title=\"Italic (Ctrl+I)\">\n            <Italic className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={editor.isActive('underline')} title=\"Underline (Ctrl+U)\">\n            <UnderlineIcon className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={editor.isActive('strike')} title=\"Strikethrough\">\n            <Strikethrough className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          {enableLink && (\n            <>\n              <ToolbarDivider />\n              <LinkDialog editor={editor} />\n            </>\n          )}\n        </BubbleMenu>\n      )}\n\n      <EditorContent editor={editor} data-slot=\"text-editor-content\" className={cn('flex-1 bg-white text-sm text-text-positive', editorClassName)} />\n\n      {showCharCount && needsCharCount && (\n        <div\n          data-slot=\"text-editor-footer\"\n          className=\"flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs\"\n        >\n          <span>{wordCount} words</span>\n          <span data-warning={isNearLimit || undefined} className=\"data-warning:text-warning-strong\">\n            {charCount}\n            {maxLength ? ` / ${maxLength}` : ''} characters\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditor };\n"],"mappings":"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"}

package/dist/text-editor-DwisU9_U.js

@@ -0,0 +1,2 @@
+import{AlignCenter as e,AlignJustify as t,AlignLeft as n,AlignRight as r,Bold as i,ChevronDown as a,Code as o,Code2 as s,Highlighter as c,Italic as l,Link2 as u,Link2Off as d,List as ee,ListChecks as f,ListOrdered as p,Minus as m,Palette as h,Quote as te,Redo as g,Strikethrough as ne,Underline as _,Undo as v}from"lucide-react";import{cn as y}from"@customafk/react-toolkit/utils";import{cva as b}from"class-variance-authority";import{Fragment as x,jsx as S,jsxs as C}from"react/jsx-runtime";import{useCallback as w,useEffect as T,useMemo as E,useState as D}from"react";import{DropdownMenu as O,DropdownMenuContent as k,DropdownMenuItem as A,DropdownMenuTrigger as re}from"@/components/ui/dropdown-menu";import{Popover as j,PopoverContent as M,PopoverTrigger as N}from"@/components/ui/popover";import{EditorContent as P,useEditor as F,useEditorState as I}from"@tiptap/react";import{CharacterCount as L}from"@tiptap/extension-character-count";import{Highlight as R}from"@tiptap/extension-highlight";import{Link as z}from"@tiptap/extension-link";import{ListKeymap as B}from"@tiptap/extension-list-keymap";import V from"@tiptap/extension-placeholder";import{TaskItem as H}from"@tiptap/extension-task-item";import{TaskList as U}from"@tiptap/extension-task-list";import W from"@tiptap/extension-text-align";import{Color as G,TextStyle as K}from"@tiptap/extension-text-style";import q from"@tiptap/extension-underline";import{BubbleMenu as J}from"@tiptap/react/menus";import Y from"@tiptap/starter-kit";function X({isActive:e,className:t,children:n,...r}){return S(`button`,{type:`button`,"data-slot":`toolbar-button`,"data-active":e||void 0,className:y(`inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors`,`hover:bg-muted-muted hover:text-text-positive-strong`,`disabled:pointer-events-none disabled:opacity-40`,e&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`,t),...r,children:n})}function Z(){return S(`div`,{"data-slot":`toolbar-divider`,className:`mx-0.5 h-5 w-px shrink-0 bg-border`})}function Q({editor:e}){let[t,n]=D(!1),[r,i]=D(``),a=I({editor:e,selector:e=>e.editor.isActive(`link`)}),o=w(t=>{t&&i(e.getAttributes(`link`).href??``),n(t)},[e]),s=w(()=>{let t=r.trim();t&&(e.chain().focus().setLink({href:t,target:`_blank`}).run(),n(!1))},[e,r]),c=w(()=>{e.chain().focus().unsetLink().run(),n(!1)},[e]),l=e=>{e.key===`Enter`&&(e.preventDefault(),s()),e.key===`Escape`&&n(!1)};return C(j,{open:t,onOpenChange:o,children:[S(N,{asChild:!0,children:S(X,{isActive:a,title:`Link (Ctrl+K)`,"data-slot":`toolbar-link-button`,children:S(u,{className:`h-3.5 w-3.5`})})}),C(M,{"data-slot":`link-dialog`,sideOffset:6,align:`start`,className:`w-72 p-3`,children:[S(`p`,{className:`mb-2 font-medium text-text-positive-strong text-xs`,children:a?`Edit Link`:`Insert Link`}),C(`div`,{className:`flex gap-1.5`,children:[S(`input`,{type:`url`,placeholder:`https://example.com`,value:r,onChange:e=>i(e.target.value),onKeyDown:l,autoFocus:!0,className:y(`flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive`,`outline-none placeholder:text-text-positive-muted`,`focus:border-primary focus:ring-1 focus:ring-primary/30`)}),S(`button`,{type:`button`,onClick:s,disabled:!r.trim(),className:y(`rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs`,`transition-colors hover:bg-primary-strong`,`disabled:pointer-events-none disabled:opacity-50`),children:`Apply`})]}),a&&C(`button`,{type:`button`,onClick:c,className:`mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline`,children:[S(d,{className:`h-3 w-3`}),`Remove link`]})]})]})}const ie=b([`flex flex-col overflow-hidden rounded-md`],{variants:{variant:{outline:`border border-border bg-background shadow-xs`,ghost:`border-0`},size:{sm:`text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5`,md:``,lg:`text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3`}},defaultVariants:{variant:`outline`,size:`md`}}),ae=[{label:`Yellow`,value:`#fde047`},{label:`Green`,value:`#86efac`},{label:`Blue`,value:`#93c5fd`},{label:`Pink`,value:`#f9a8d4`},{label:`Orange`,value:`#fdba74`},{label:`Purple`,value:`#c4b5fd`},{label:`Red`,value:`#fca5a5`},{label:`Cyan`,value:`#67e8f9`},{label:`Lime`,value:`#bef264`},{label:`Gray`,value:`#d1d5db`}],oe=[{label:`Default`,value:``},{label:`Red`,value:`#ef4444`},{label:`Orange`,value:`#f97316`},{label:`Yellow`,value:`#eab308`},{label:`Green`,value:`#22c55e`},{label:`Blue`,value:`#3b82f6`},{label:`Purple`,value:`#a855f7`},{label:`Pink`,value:`#ec4899`},{label:`Gray`,value:`#6b7280`},{label:`Black`,value:`#000000`}];function $({editor:u,className:d,enableLink:b,enableTaskList:w,enableHighlight:T,enableColor:E}){let D=I({editor:u,selector:e=>e.editor.isActive(`heading`,{level:1})}),P=I({editor:u,selector:e=>e.editor.isActive(`heading`,{level:2})}),F=I({editor:u,selector:e=>e.editor.isActive(`heading`,{level:3})}),L=I({editor:u,selector:e=>e.editor.isActive(`bold`)}),R=I({editor:u,selector:e=>e.editor.isActive(`italic`)}),z=I({editor:u,selector:e=>e.editor.isActive(`underline`)}),B=I({editor:u,selector:e=>e.editor.isActive(`strike`)}),V=I({editor:u,selector:e=>e.editor.isActive(`code`)}),H=I({editor:u,selector:e=>e.editor.isActive(`bulletList`)}),U=I({editor:u,selector:e=>e.editor.isActive(`orderedList`)}),W=I({editor:u,selector:e=>e.editor.isActive(`taskList`)}),G=I({editor:u,selector:e=>e.editor.isActive(`blockquote`)}),K=I({editor:u,selector:e=>e.editor.isActive(`codeBlock`)}),q=I({editor:u,selector:e=>e.editor.isActive({textAlign:`left`})}),J=I({editor:u,selector:e=>e.editor.isActive({textAlign:`center`})}),Y=I({editor:u,selector:e=>e.editor.isActive({textAlign:`right`})}),ie=I({editor:u,selector:e=>e.editor.isActive({textAlign:`justify`})}),$=D?`H1`:P?`H2`:F?`H3`:`P`;return C(`div`,{"data-slot":`text-editor-toolbar`,className:y(`flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5`,d),children:[S(X,{onClick:()=>u.chain().focus().undo().run(),disabled:!u.can().undo(),title:`Undo (Ctrl+Z)`,children:S(v,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().redo().run(),disabled:!u.can().redo(),title:`Redo (Ctrl+Y)`,children:S(g,{className:`h-3.5 w-3.5`})}),S(Z,{}),C(O,{children:[S(re,{asChild:!0,children:C(`button`,{type:`button`,"data-slot":`toolbar-heading-trigger`,className:y(`inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors`,`hover:bg-muted-muted hover:text-text-positive-strong`,`disabled:pointer-events-none disabled:opacity-40`,(D||P||F)&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`),children:[S(`span`,{className:`w-5 text-center`,children:$}),S(a,{className:`h-3 w-3 opacity-60`})]})}),C(k,{align:`start`,className:`min-w-32`,children:[S(A,{onClick:()=>u.chain().focus().setParagraph().run(),children:S(`span`,{className:`text-sm`,children:`Paragraph`})}),S(A,{onClick:()=>u.chain().focus().toggleHeading({level:1}).run(),children:S(`span`,{className:`font-bold text-lg`,children:`Heading 1`})}),S(A,{onClick:()=>u.chain().focus().toggleHeading({level:2}).run(),children:S(`span`,{className:`font-semibold text-base`,children:`Heading 2`})}),S(A,{onClick:()=>u.chain().focus().toggleHeading({level:3}).run(),children:S(`span`,{className:`font-semibold text-sm`,children:`Heading 3`})})]})]}),S(Z,{}),S(X,{onClick:()=>u.chain().focus().toggleBold().run(),isActive:L,title:`Bold (Ctrl+B)`,children:S(i,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleItalic().run(),isActive:R,title:`Italic (Ctrl+I)`,children:S(l,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleUnderline().run(),isActive:z,title:`Underline (Ctrl+U)`,children:S(_,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleStrike().run(),isActive:B,title:`Strikethrough`,children:S(ne,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleCode().run(),isActive:V,title:`Inline Code`,children:S(o,{className:`h-3.5 w-3.5`})}),S(Z,{}),S(X,{onClick:()=>u.chain().focus().toggleBulletList().run(),isActive:H,title:`Bullet List`,children:S(ee,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleOrderedList().run(),isActive:U,title:`Ordered List`,children:S(p,{className:`h-3.5 w-3.5`})}),w&&S(X,{onClick:()=>u.chain().focus().toggleTaskList().run(),isActive:W,title:`Task List`,children:S(f,{className:`h-3.5 w-3.5`})}),S(Z,{}),S(X,{onClick:()=>u.chain().focus().toggleBlockquote().run(),isActive:G,title:`Blockquote`,children:S(te,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().toggleCodeBlock().run(),isActive:K,title:`Code Block`,children:S(s,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().setHorizontalRule().run(),title:`Horizontal Rule`,children:S(m,{className:`h-3.5 w-3.5`})}),S(Z,{}),S(X,{onClick:()=>u.chain().focus().setTextAlign(`left`).run(),isActive:q,title:`Align Left`,children:S(n,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().setTextAlign(`center`).run(),isActive:J,title:`Align Center`,children:S(e,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().setTextAlign(`right`).run(),isActive:Y,title:`Align Right`,children:S(r,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>u.chain().focus().setTextAlign(`justify`).run(),isActive:ie,title:`Align Justify`,children:S(t,{className:`h-3.5 w-3.5`})}),b&&C(x,{children:[S(Z,{}),S(Q,{editor:u})]}),(E||T)&&C(x,{children:[S(Z,{}),E&&C(j,{children:[S(N,{asChild:!0,children:S(X,{title:`Text Color`,children:S(h,{className:`h-3.5 w-3.5`})})}),C(M,{align:`start`,className:`w-44 p-2`,children:[S(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Text Color`}),S(`div`,{className:`grid grid-cols-5 gap-1`,children:oe.map(e=>S(`button`,{type:`button`,title:e.label,onClick:()=>{e.value?u.chain().focus().setColor(e.value).run():u.chain().focus().unsetColor().run()},className:y(`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,!e.value&&`bg-background text-[10px] text-text-positive leading-none`),style:e.value?{backgroundColor:e.value}:void 0,children:!e.value&&`∅`},e.label))})]})]}),T&&C(j,{children:[S(N,{asChild:!0,children:S(X,{title:`Highlight`,children:S(c,{className:`h-3.5 w-3.5`})})}),C(M,{align:`start`,className:`w-44 p-2`,children:[S(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Highlight`}),S(`div`,{className:`grid grid-cols-5 gap-1`,children:ae.map(e=>S(`button`,{type:`button`,title:e.label,onClick:()=>u.chain().focus().toggleHighlight({color:e.value}).run(),className:`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,style:{backgroundColor:e.value}},e.label))}),S(`button`,{type:`button`,onClick:()=>u.chain().focus().unsetHighlight().run(),className:`mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted`,children:`Clear highlight`})]})]})]})]})}function se({value:e,defaultValue:t,onChange:n,placeholder:r=`Start writing...`,readOnly:a=!1,showToolbar:o=!0,variant:s,size:c,className:u,toolbarClassName:d,editorClassName:ee,maxLength:f,showCharacterCount:p,onCharacterCount:m,enableLink:h,enableBubbleMenu:te,enableTaskList:g,enableHighlight:v,enableColor:b}){let w=f!==void 0||p||m!==void 0,D=b||v,O=F({extensions:E(()=>{let e=[Y,q,V.configure({placeholder:r}),W.configure({types:[`heading`,`paragraph`]}),B];return D&&e.push(K),h&&e.push(z.configure({openOnClick:!1,linkOnPaste:!0,defaultProtocol:`https`})),g&&e.push(U,H.configure({nested:!0})),v&&e.push(R.configure({multicolor:!0})),b&&e.push(G),w&&e.push(L.configure({limit:f})),e},[w,r,f,v,D,g,h,b]),content:e??t,editable:!a,onUpdate:({editor:e})=>{if(n?.(e.getHTML()),m){let t=e.storage.characterCount;m({characters:t.characters(),words:t.words()})}}});T(()=>{!O||e===void 0||O.getHTML()!==e&&O.commands.setContent(e)},[O,e]),T(()=>{O&&O.setEditable(!a)},[O,a]);let k=I({editor:O,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.characters():0}}),A=I({editor:O,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.words():0}}),re=p||f!==void 0,j=f!==void 0&&k>f*.9;return C(`div`,{"data-slot":`text-editor`,className:y(`lunas-text-editor`,ie({variant:s,size:c}),u),children:[o&&!a&&O&&S($,{editor:O,className:d,enableLink:h,enableTaskList:g,enableHighlight:v,enableColor:b}),te&&!a&&O&&C(J,{editor:O,options:{placement:`top`},className:y(`flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown`),children:[S(X,{onClick:()=>O.chain().focus().toggleBold().run(),isActive:O.isActive(`bold`),title:`Bold (Ctrl+B)`,children:S(i,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>O.chain().focus().toggleItalic().run(),isActive:O.isActive(`italic`),title:`Italic (Ctrl+I)`,children:S(l,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>O.chain().focus().toggleUnderline().run(),isActive:O.isActive(`underline`),title:`Underline (Ctrl+U)`,children:S(_,{className:`h-3.5 w-3.5`})}),S(X,{onClick:()=>O.chain().focus().toggleStrike().run(),isActive:O.isActive(`strike`),title:`Strikethrough`,children:S(ne,{className:`h-3.5 w-3.5`})}),h&&C(x,{children:[S(Z,{}),S(Q,{editor:O})]})]}),S(P,{editor:O,"data-slot":`text-editor-content`,className:y(`flex-1 bg-white text-sm text-text-positive`,ee)}),re&&w&&C(`div`,{"data-slot":`text-editor-footer`,className:`flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs`,children:[C(`span`,{children:[A,` words`]}),C(`span`,{"data-warning":j||void 0,className:`data-warning:text-warning-strong`,children:[k,f?` / ${f}`:``,` characters`]})]})]})}export{$ as n,Q as r,se as t};
+//# sourceMappingURL=text-editor-DwisU9_U.js.map

package/dist/{text-editor-WbS7pJJs.js.map → text-editor-DwisU9_U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-editor-WbS7pJJs.js","names":["base: AnyExtension[]","Underline","UnderlineIcon"],"sources":["../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/text-editor.variants.ts","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ninterface ToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isActive?: boolean;\n}\n\nfunction ToolbarButton({ isActive, className, children, ...props }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toolbar-button\"\n      data-active={isActive || undefined}\n      className={cn(\n        'inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors',\n        'hover:bg-muted-muted hover:text-text-positive-strong',\n        'disabled:pointer-events-none disabled:opacity-40',\n        isActive && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction ToolbarDivider() {\n  return <div data-slot=\"toolbar-divider\" className=\"mx-0.5 h-5 w-px shrink-0 bg-border\" />;\n}\n\nexport { ToolbarButton, ToolbarDivider };\n// biome-ignore lint/style/useComponentExportOnlyModules: type export needed by sibling feature files\nexport type { ToolbarButtonProps };\n","'use client';\n\nimport { useCallback, useState } from 'react';\n\nimport { Link2, Link2Off } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { ToolbarButton } from './toolbar-primitives';\n\nexport interface LinkDialogProps {\n  editor: Editor;\n}\n\nfunction LinkDialog({ editor }: LinkDialogProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [url, setUrl] = useState('');\n\n  const isLinkActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('link'),\n  });\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (open) {\n        const existingHref = editor.getAttributes('link').href ?? '';\n        setUrl(existingHref);\n      }\n      setIsOpen(open);\n    },\n    [editor]\n  );\n\n  const handleApply = useCallback(() => {\n    const trimmed = url.trim();\n    if (!trimmed) return;\n    editor.chain().focus().setLink({ href: trimmed, target: '_blank' }).run();\n    setIsOpen(false);\n  }, [editor, url]);\n\n  const handleRemove = useCallback(() => {\n    editor.chain().focus().unsetLink().run();\n    setIsOpen(false);\n  }, [editor]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleApply();\n    }\n    if (e.key === 'Escape') {\n      setIsOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <ToolbarButton isActive={isLinkActive} title=\"Link (Ctrl+K)\" data-slot=\"toolbar-link-button\">\n          <Link2 className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      </PopoverTrigger>\n      <PopoverContent data-slot=\"link-dialog\" sideOffset={6} align=\"start\" className=\"w-72 p-3\">\n        <p className=\"mb-2 font-medium text-text-positive-strong text-xs\">{isLinkActive ? 'Edit Link' : 'Insert Link'}</p>\n        <div className=\"flex gap-1.5\">\n          <input\n            type=\"url\"\n            placeholder=\"https://example.com\"\n            value={url}\n            onChange={e => setUrl(e.target.value)}\n            onKeyDown={handleKeyDown}\n            autoFocus\n            className={cn(\n              'flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive',\n              'outline-none placeholder:text-text-positive-muted',\n              'focus:border-primary focus:ring-1 focus:ring-primary/30'\n            )}\n          />\n          <button\n            type=\"button\"\n            onClick={handleApply}\n            disabled={!url.trim()}\n            className={cn(\n              'rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs',\n              'transition-colors hover:bg-primary-strong',\n              'disabled:pointer-events-none disabled:opacity-50'\n            )}\n          >\n            Apply\n          </button>\n        </div>\n        {isLinkActive && (\n          <button type=\"button\" onClick={handleRemove} className=\"mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline\">\n            <Link2Off className=\"h-3 w-3\" />\n            Remove link\n          </button>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { LinkDialog };\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const textEditorVariants = cva(['flex flex-col overflow-hidden rounded-md'], {\n  variants: {\n    variant: {\n      outline: 'border border-border bg-background shadow-xs',\n      ghost: 'border-0',\n    },\n    size: {\n      sm: 'text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5',\n      md: '',\n      lg: 'text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'outline',\n    size: 'md',\n  },\n});\n\nexport type TextEditorVariantProps = VariantProps<typeof textEditorVariants>;\n","'use client';\n\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  ChevronDown,\n  Code,\n  Code2,\n  Highlighter,\n  Italic,\n  List,\n  ListChecks,\n  ListOrdered,\n  Minus,\n  Palette,\n  Quote,\n  Redo,\n  Strikethrough,\n  Underline,\n  Undo,\n} from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { LinkDialog } from './link-dialog';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nconst HIGHLIGHT_COLORS = [\n  { label: 'Yellow', value: '#fde047' },\n  { label: 'Green', value: '#86efac' },\n  { label: 'Blue', value: '#93c5fd' },\n  { label: 'Pink', value: '#f9a8d4' },\n  { label: 'Orange', value: '#fdba74' },\n  { label: 'Purple', value: '#c4b5fd' },\n  { label: 'Red', value: '#fca5a5' },\n  { label: 'Cyan', value: '#67e8f9' },\n  { label: 'Lime', value: '#bef264' },\n  { label: 'Gray', value: '#d1d5db' },\n];\n\nconst TEXT_COLORS = [\n  { label: 'Default', value: '' },\n  { label: 'Red', value: '#ef4444' },\n  { label: 'Orange', value: '#f97316' },\n  { label: 'Yellow', value: '#eab308' },\n  { label: 'Green', value: '#22c55e' },\n  { label: 'Blue', value: '#3b82f6' },\n  { label: 'Purple', value: '#a855f7' },\n  { label: 'Pink', value: '#ec4899' },\n  { label: 'Gray', value: '#6b7280' },\n  { label: 'Black', value: '#000000' },\n];\n\nexport interface TextEditorToolbarProps {\n  editor: Editor;\n  className?: string;\n  enableLink?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditorToolbar({ editor, className, enableLink, enableTaskList, enableHighlight, enableColor }: TextEditorToolbarProps) {\n  const isHeading1Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 1 }),\n  });\n  const isHeading2Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 2 }),\n  });\n  const isHeading3Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 3 }),\n  });\n  const isBoldActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bold'),\n  });\n  const isItalicActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('italic'),\n  });\n  const isUnderlineActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('underline'),\n  });\n  const isStrikeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('strike'),\n  });\n  const isCodeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('code'),\n  });\n  const isBulletListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bulletList'),\n  });\n  const isOrderedListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('orderedList'),\n  });\n  const isTaskListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('taskList'),\n  });\n  const isBlockquoteActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('blockquote'),\n  });\n  const isCodeBlockActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('codeBlock'),\n  });\n  const isAlignLeftActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'left' }),\n  });\n  const isAlignCenterActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'center' }),\n  });\n  const isAlignRightActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'right' }),\n  });\n  const isAlignJustifyActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'justify' }),\n  });\n\n  const headingLabel = isHeading1Active ? 'H1' : isHeading2Active ? 'H2' : isHeading3Active ? 'H3' : 'P';\n\n  return (\n    <div data-slot=\"text-editor-toolbar\" className={cn('flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5', className)}>\n      {/* History */}\n      <ToolbarButton onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()} title=\"Undo (Ctrl+Z)\">\n        <Undo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()} title=\"Redo (Ctrl+Y)\">\n        <Redo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Heading dropdown */}\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"toolbar-heading-trigger\"\n            className={cn(\n              'inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors',\n              'hover:bg-muted-muted hover:text-text-positive-strong',\n              'disabled:pointer-events-none disabled:opacity-40',\n              (isHeading1Active || isHeading2Active || isHeading3Active) && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary'\n            )}\n          >\n            <span className=\"w-5 text-center\">{headingLabel}</span>\n            <ChevronDown className=\"h-3 w-3 opacity-60\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => editor.chain().focus().setParagraph().run()}>\n            <span className=\"text-sm\">Paragraph</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}>\n            <span className=\"font-bold text-lg\">Heading 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}>\n            <span className=\"font-semibold text-base\">Heading 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}>\n            <span className=\"font-semibold text-sm\">Heading 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <ToolbarDivider />\n\n      {/* Text formatting */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={isBoldActive} title=\"Bold (Ctrl+B)\">\n        <Bold className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={isItalicActive} title=\"Italic (Ctrl+I)\">\n        <Italic className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={isUnderlineActive} title=\"Underline (Ctrl+U)\">\n        <Underline className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={isStrikeActive} title=\"Strikethrough\">\n        <Strikethrough className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCode().run()} isActive={isCodeActive} title=\"Inline Code\">\n        <Code className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Lists */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBulletList().run()} isActive={isBulletListActive} title=\"Bullet List\">\n        <List className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleOrderedList().run()} isActive={isOrderedListActive} title=\"Ordered List\">\n        <ListOrdered className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      {enableTaskList && (\n        <ToolbarButton onClick={() => editor.chain().focus().toggleTaskList().run()} isActive={isTaskListActive} title=\"Task List\">\n          <ListChecks className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      )}\n\n      <ToolbarDivider />\n\n      {/* Blocks */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBlockquote().run()} isActive={isBlockquoteActive} title=\"Blockquote\">\n        <Quote className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={isCodeBlockActive} title=\"Code Block\">\n        <Code2 className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setHorizontalRule().run()} title=\"Horizontal Rule\">\n        <Minus className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Text alignment */}\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('left').run()} isActive={isAlignLeftActive} title=\"Align Left\">\n        <AlignLeft className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('center').run()} isActive={isAlignCenterActive} title=\"Align Center\">\n        <AlignCenter className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('right').run()} isActive={isAlignRightActive} title=\"Align Right\">\n        <AlignRight className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('justify').run()} isActive={isAlignJustifyActive} title=\"Align Justify\">\n        <AlignJustify className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      {/* Link */}\n      {enableLink && (\n        <>\n          <ToolbarDivider />\n          <LinkDialog editor={editor} />\n        </>\n      )}\n\n      {/* Color & Highlight */}\n      {(enableColor || enableHighlight) && (\n        <>\n          <ToolbarDivider />\n          {enableColor && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Text Color\">\n                  <Palette className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Text Color</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {TEXT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => {\n                        if (!color.value) {\n                          editor.chain().focus().unsetColor().run();\n                        } else {\n                          editor.chain().focus().setColor(color.value).run();\n                        }\n                      }}\n                      className={cn(\n                        'h-6 w-6 rounded border border-border transition-transform hover:scale-110',\n                        !color.value && 'bg-background text-[10px] text-text-positive leading-none'\n                      )}\n                      style={color.value ? { backgroundColor: color.value } : undefined}\n                    >\n                      {!color.value && '∅'}\n                    </button>\n                  ))}\n                </div>\n              </PopoverContent>\n            </Popover>\n          )}\n          {enableHighlight && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Highlight\">\n                  <Highlighter className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Highlight</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {HIGHLIGHT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => editor.chain().focus().toggleHighlight({ color: color.value }).run()}\n                      className=\"h-6 w-6 rounded border border-border transition-transform hover:scale-110\"\n                      style={{ backgroundColor: color.value }}\n                    />\n                  ))}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.chain().focus().unsetHighlight().run()}\n                  className=\"mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted\"\n                >\n                  Clear highlight\n                </button>\n              </PopoverContent>\n            </Popover>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditorToolbar };\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Highlight } from '@tiptap/extension-highlight';\nimport { Link } from '@tiptap/extension-link';\nimport { ListKeymap } from '@tiptap/extension-list-keymap';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { TaskItem } from '@tiptap/extension-task-item';\nimport { TaskList } from '@tiptap/extension-task-list';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { Color, TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport { type AnyExtension, EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport StarterKit from '@tiptap/starter-kit';\nimport { LinkDialog } from './link-dialog';\nimport { type TextEditorVariantProps, textEditorVariants } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nexport interface TextEditorProps extends TextEditorVariantProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  showToolbar?: boolean;\n  className?: string;\n  toolbarClassName?: string;\n  editorClassName?: string;\n  // Character count\n  maxLength?: number;\n  showCharacterCount?: boolean;\n  onCharacterCount?: (stats: { characters: number; words: number }) => void;\n  // Feature flags\n  enableLink?: boolean;\n  enableBubbleMenu?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditor({\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Start writing...',\n  readOnly = false,\n  showToolbar = true,\n  variant,\n  size,\n  className,\n  toolbarClassName,\n  editorClassName,\n  maxLength,\n  showCharacterCount,\n  onCharacterCount,\n  enableLink,\n  enableBubbleMenu,\n  enableTaskList,\n  enableHighlight,\n  enableColor,\n}: TextEditorProps) {\n  const needsCharCount = maxLength !== undefined || showCharacterCount || onCharacterCount !== undefined;\n  const needsTextStyle = enableColor || enableHighlight;\n\n  const extensions = useMemo(() => {\n    const base: AnyExtension[] = [\n      StarterKit,\n      Underline,\n      Placeholder.configure({ placeholder }),\n      TextAlign.configure({ types: ['heading', 'paragraph'] }),\n      ListKeymap,\n    ];\n\n    if (needsTextStyle) base.push(TextStyle);\n    if (enableLink) {\n      base.push(Link.configure({ openOnClick: false, linkOnPaste: true, defaultProtocol: 'https' }));\n    }\n    if (enableTaskList) {\n      base.push(TaskList, TaskItem.configure({ nested: true }));\n    }\n    if (enableHighlight) {\n      base.push(Highlight.configure({ multicolor: true }));\n    }\n    if (enableColor) {\n      base.push(Color);\n    }\n    if (needsCharCount) {\n      base.push(CharacterCount.configure({ limit: maxLength }));\n    }\n\n    return base;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needsCharCount, placeholder, maxLength, enableHighlight, needsTextStyle, enableTaskList, enableLink, enableColor]);\n\n  const editor = useEditor({\n    extensions,\n    content: value ?? defaultValue,\n    editable: !readOnly,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      if (onCharacterCount) {\n        const storage = e.storage.characterCount;\n        onCharacterCount({ characters: storage.characters(), words: storage.words() });\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!editor || value === undefined) return;\n    if (editor.getHTML() === value) return;\n    editor.commands.setContent(value);\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(!readOnly);\n  }, [editor, readOnly]);\n\n  const charCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.characters() as number) : 0;\n    },\n  });\n\n  const wordCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.words() as number) : 0;\n    },\n  });\n\n  const showCharCount = showCharacterCount || maxLength !== undefined;\n  const isNearLimit = maxLength !== undefined && charCount > maxLength * 0.9;\n\n  return (\n    <div data-slot=\"text-editor\" className={cn('lunas-text-editor', textEditorVariants({ variant, size }), className)}>\n      {showToolbar && !readOnly && editor && (\n        <TextEditorToolbar\n          editor={editor}\n          className={toolbarClassName}\n          enableLink={enableLink}\n          enableTaskList={enableTaskList}\n          enableHighlight={enableHighlight}\n          enableColor={enableColor}\n        />\n      )}\n\n      {enableBubbleMenu && !readOnly && editor && (\n        <BubbleMenu\n          editor={editor}\n          options={{ placement: 'top' }}\n          className={cn('flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown')}\n        >\n          <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={editor.isActive('bold')} title=\"Bold (Ctrl+B)\">\n            <Bold className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={editor.isActive('italic')} title=\"Italic (Ctrl+I)\">\n            <Italic className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={editor.isActive('underline')} title=\"Underline (Ctrl+U)\">\n            <UnderlineIcon className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={editor.isActive('strike')} title=\"Strikethrough\">\n            <Strikethrough className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          {enableLink && (\n            <>\n              <ToolbarDivider />\n              <LinkDialog editor={editor} />\n            </>\n          )}\n        </BubbleMenu>\n      )}\n\n      <EditorContent editor={editor} data-slot=\"text-editor-content\" className={cn('flex-1 bg-white text-sm text-text-positive', editorClassName)} />\n\n      {showCharCount && needsCharCount && (\n        <div\n          data-slot=\"text-editor-footer\"\n          className=\"flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs\"\n        >\n          <span>{wordCount} words</span>\n          <span data-warning={isNearLimit || undefined} className=\"data-warning:text-warning-strong\">\n            {charCount}\n            {maxLength ? ` / ${maxLength}` : ''} characters\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditor };\n"],"mappings":"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"}
+{"version":3,"file":"text-editor-DwisU9_U.js","names":["base: AnyExtension[]","Underline","UnderlineIcon"],"sources":["../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/text-editor.variants.ts","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ninterface ToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isActive?: boolean;\n}\n\nfunction ToolbarButton({ isActive, className, children, ...props }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toolbar-button\"\n      data-active={isActive || undefined}\n      className={cn(\n        'inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors',\n        'hover:bg-muted-muted hover:text-text-positive-strong',\n        'disabled:pointer-events-none disabled:opacity-40',\n        isActive && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction ToolbarDivider() {\n  return <div data-slot=\"toolbar-divider\" className=\"mx-0.5 h-5 w-px shrink-0 bg-border\" />;\n}\n\nexport { ToolbarButton, ToolbarDivider };\n// biome-ignore lint/style/useComponentExportOnlyModules: type export needed by sibling feature files\nexport type { ToolbarButtonProps };\n","'use client';\n\nimport { useCallback, useState } from 'react';\n\nimport { Link2, Link2Off } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { ToolbarButton } from './toolbar-primitives';\n\nexport interface LinkDialogProps {\n  editor: Editor;\n}\n\nfunction LinkDialog({ editor }: LinkDialogProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [url, setUrl] = useState('');\n\n  const isLinkActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('link'),\n  });\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (open) {\n        const existingHref = editor.getAttributes('link').href ?? '';\n        setUrl(existingHref);\n      }\n      setIsOpen(open);\n    },\n    [editor]\n  );\n\n  const handleApply = useCallback(() => {\n    const trimmed = url.trim();\n    if (!trimmed) return;\n    editor.chain().focus().setLink({ href: trimmed, target: '_blank' }).run();\n    setIsOpen(false);\n  }, [editor, url]);\n\n  const handleRemove = useCallback(() => {\n    editor.chain().focus().unsetLink().run();\n    setIsOpen(false);\n  }, [editor]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleApply();\n    }\n    if (e.key === 'Escape') {\n      setIsOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <ToolbarButton isActive={isLinkActive} title=\"Link (Ctrl+K)\" data-slot=\"toolbar-link-button\">\n          <Link2 className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      </PopoverTrigger>\n      <PopoverContent data-slot=\"link-dialog\" sideOffset={6} align=\"start\" className=\"w-72 p-3\">\n        <p className=\"mb-2 font-medium text-text-positive-strong text-xs\">{isLinkActive ? 'Edit Link' : 'Insert Link'}</p>\n        <div className=\"flex gap-1.5\">\n          <input\n            type=\"url\"\n            placeholder=\"https://example.com\"\n            value={url}\n            onChange={e => setUrl(e.target.value)}\n            onKeyDown={handleKeyDown}\n            autoFocus\n            className={cn(\n              'flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive',\n              'outline-none placeholder:text-text-positive-muted',\n              'focus:border-primary focus:ring-1 focus:ring-primary/30'\n            )}\n          />\n          <button\n            type=\"button\"\n            onClick={handleApply}\n            disabled={!url.trim()}\n            className={cn(\n              'rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs',\n              'transition-colors hover:bg-primary-strong',\n              'disabled:pointer-events-none disabled:opacity-50'\n            )}\n          >\n            Apply\n          </button>\n        </div>\n        {isLinkActive && (\n          <button type=\"button\" onClick={handleRemove} className=\"mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline\">\n            <Link2Off className=\"h-3 w-3\" />\n            Remove link\n          </button>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { LinkDialog };\n","import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const textEditorVariants = cva(['flex flex-col overflow-hidden rounded-md'], {\n  variants: {\n    variant: {\n      outline: 'border border-border bg-background shadow-xs',\n      ghost: 'border-0',\n    },\n    size: {\n      sm: 'text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5',\n      md: '',\n      lg: 'text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'outline',\n    size: 'md',\n  },\n});\n\nexport type TextEditorVariantProps = VariantProps<typeof textEditorVariants>;\n","'use client';\n\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  ChevronDown,\n  Code,\n  Code2,\n  Highlighter,\n  Italic,\n  List,\n  ListChecks,\n  ListOrdered,\n  Minus,\n  Palette,\n  Quote,\n  Redo,\n  Strikethrough,\n  Underline,\n  Undo,\n} from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nimport { type Editor, useEditorState } from '@tiptap/react';\nimport { LinkDialog } from './link-dialog';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nconst HIGHLIGHT_COLORS = [\n  { label: 'Yellow', value: '#fde047' },\n  { label: 'Green', value: '#86efac' },\n  { label: 'Blue', value: '#93c5fd' },\n  { label: 'Pink', value: '#f9a8d4' },\n  { label: 'Orange', value: '#fdba74' },\n  { label: 'Purple', value: '#c4b5fd' },\n  { label: 'Red', value: '#fca5a5' },\n  { label: 'Cyan', value: '#67e8f9' },\n  { label: 'Lime', value: '#bef264' },\n  { label: 'Gray', value: '#d1d5db' },\n];\n\nconst TEXT_COLORS = [\n  { label: 'Default', value: '' },\n  { label: 'Red', value: '#ef4444' },\n  { label: 'Orange', value: '#f97316' },\n  { label: 'Yellow', value: '#eab308' },\n  { label: 'Green', value: '#22c55e' },\n  { label: 'Blue', value: '#3b82f6' },\n  { label: 'Purple', value: '#a855f7' },\n  { label: 'Pink', value: '#ec4899' },\n  { label: 'Gray', value: '#6b7280' },\n  { label: 'Black', value: '#000000' },\n];\n\nexport interface TextEditorToolbarProps {\n  editor: Editor;\n  className?: string;\n  enableLink?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditorToolbar({ editor, className, enableLink, enableTaskList, enableHighlight, enableColor }: TextEditorToolbarProps) {\n  const isHeading1Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 1 }),\n  });\n  const isHeading2Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 2 }),\n  });\n  const isHeading3Active = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('heading', { level: 3 }),\n  });\n  const isBoldActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bold'),\n  });\n  const isItalicActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('italic'),\n  });\n  const isUnderlineActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('underline'),\n  });\n  const isStrikeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('strike'),\n  });\n  const isCodeActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('code'),\n  });\n  const isBulletListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('bulletList'),\n  });\n  const isOrderedListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('orderedList'),\n  });\n  const isTaskListActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('taskList'),\n  });\n  const isBlockquoteActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('blockquote'),\n  });\n  const isCodeBlockActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive('codeBlock'),\n  });\n  const isAlignLeftActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'left' }),\n  });\n  const isAlignCenterActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'center' }),\n  });\n  const isAlignRightActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'right' }),\n  });\n  const isAlignJustifyActive = useEditorState({\n    editor,\n    selector: ctx => ctx.editor.isActive({ textAlign: 'justify' }),\n  });\n\n  const headingLabel = isHeading1Active ? 'H1' : isHeading2Active ? 'H2' : isHeading3Active ? 'H3' : 'P';\n\n  return (\n    <div data-slot=\"text-editor-toolbar\" className={cn('flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5', className)}>\n      {/* History */}\n      <ToolbarButton onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()} title=\"Undo (Ctrl+Z)\">\n        <Undo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()} title=\"Redo (Ctrl+Y)\">\n        <Redo className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Heading dropdown */}\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"toolbar-heading-trigger\"\n            className={cn(\n              'inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors',\n              'hover:bg-muted-muted hover:text-text-positive-strong',\n              'disabled:pointer-events-none disabled:opacity-40',\n              (isHeading1Active || isHeading2Active || isHeading3Active) && 'bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary'\n            )}\n          >\n            <span className=\"w-5 text-center\">{headingLabel}</span>\n            <ChevronDown className=\"h-3 w-3 opacity-60\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => editor.chain().focus().setParagraph().run()}>\n            <span className=\"text-sm\">Paragraph</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}>\n            <span className=\"font-bold text-lg\">Heading 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}>\n            <span className=\"font-semibold text-base\">Heading 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}>\n            <span className=\"font-semibold text-sm\">Heading 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <ToolbarDivider />\n\n      {/* Text formatting */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={isBoldActive} title=\"Bold (Ctrl+B)\">\n        <Bold className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={isItalicActive} title=\"Italic (Ctrl+I)\">\n        <Italic className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={isUnderlineActive} title=\"Underline (Ctrl+U)\">\n        <Underline className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={isStrikeActive} title=\"Strikethrough\">\n        <Strikethrough className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCode().run()} isActive={isCodeActive} title=\"Inline Code\">\n        <Code className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Lists */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBulletList().run()} isActive={isBulletListActive} title=\"Bullet List\">\n        <List className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleOrderedList().run()} isActive={isOrderedListActive} title=\"Ordered List\">\n        <ListOrdered className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      {enableTaskList && (\n        <ToolbarButton onClick={() => editor.chain().focus().toggleTaskList().run()} isActive={isTaskListActive} title=\"Task List\">\n          <ListChecks className=\"h-3.5 w-3.5\" />\n        </ToolbarButton>\n      )}\n\n      <ToolbarDivider />\n\n      {/* Blocks */}\n      <ToolbarButton onClick={() => editor.chain().focus().toggleBlockquote().run()} isActive={isBlockquoteActive} title=\"Blockquote\">\n        <Quote className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={isCodeBlockActive} title=\"Code Block\">\n        <Code2 className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setHorizontalRule().run()} title=\"Horizontal Rule\">\n        <Minus className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      <ToolbarDivider />\n\n      {/* Text alignment */}\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('left').run()} isActive={isAlignLeftActive} title=\"Align Left\">\n        <AlignLeft className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('center').run()} isActive={isAlignCenterActive} title=\"Align Center\">\n        <AlignCenter className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('right').run()} isActive={isAlignRightActive} title=\"Align Right\">\n        <AlignRight className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={() => editor.chain().focus().setTextAlign('justify').run()} isActive={isAlignJustifyActive} title=\"Align Justify\">\n        <AlignJustify className=\"h-3.5 w-3.5\" />\n      </ToolbarButton>\n\n      {/* Link */}\n      {enableLink && (\n        <>\n          <ToolbarDivider />\n          <LinkDialog editor={editor} />\n        </>\n      )}\n\n      {/* Color & Highlight */}\n      {(enableColor || enableHighlight) && (\n        <>\n          <ToolbarDivider />\n          {enableColor && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Text Color\">\n                  <Palette className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Text Color</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {TEXT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => {\n                        if (!color.value) {\n                          editor.chain().focus().unsetColor().run();\n                        } else {\n                          editor.chain().focus().setColor(color.value).run();\n                        }\n                      }}\n                      className={cn(\n                        'h-6 w-6 rounded border border-border transition-transform hover:scale-110',\n                        !color.value && 'bg-background text-[10px] text-text-positive leading-none'\n                      )}\n                      style={color.value ? { backgroundColor: color.value } : undefined}\n                    >\n                      {!color.value && '∅'}\n                    </button>\n                  ))}\n                </div>\n              </PopoverContent>\n            </Popover>\n          )}\n          {enableHighlight && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <ToolbarButton title=\"Highlight\">\n                  <Highlighter className=\"h-3.5 w-3.5\" />\n                </ToolbarButton>\n              </PopoverTrigger>\n              <PopoverContent align=\"start\" className=\"w-44 p-2\">\n                <p className=\"mb-1.5 font-medium text-text-positive-weak text-xs\">Highlight</p>\n                <div className=\"grid grid-cols-5 gap-1\">\n                  {HIGHLIGHT_COLORS.map(color => (\n                    <button\n                      key={color.label}\n                      type=\"button\"\n                      title={color.label}\n                      onClick={() => editor.chain().focus().toggleHighlight({ color: color.value }).run()}\n                      className=\"h-6 w-6 rounded border border-border transition-transform hover:scale-110\"\n                      style={{ backgroundColor: color.value }}\n                    />\n                  ))}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.chain().focus().unsetHighlight().run()}\n                  className=\"mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted\"\n                >\n                  Clear highlight\n                </button>\n              </PopoverContent>\n            </Popover>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditorToolbar };\n","'use client';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Highlight } from '@tiptap/extension-highlight';\nimport { Link } from '@tiptap/extension-link';\nimport { ListKeymap } from '@tiptap/extension-list-keymap';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { TaskItem } from '@tiptap/extension-task-item';\nimport { TaskList } from '@tiptap/extension-task-list';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { Color, TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport { type AnyExtension, EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport StarterKit from '@tiptap/starter-kit';\nimport { LinkDialog } from './link-dialog';\nimport { type TextEditorVariantProps, textEditorVariants } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { ToolbarButton, ToolbarDivider } from './toolbar-primitives';\n\nexport interface TextEditorProps extends TextEditorVariantProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  showToolbar?: boolean;\n  className?: string;\n  toolbarClassName?: string;\n  editorClassName?: string;\n  // Character count\n  maxLength?: number;\n  showCharacterCount?: boolean;\n  onCharacterCount?: (stats: { characters: number; words: number }) => void;\n  // Feature flags\n  enableLink?: boolean;\n  enableBubbleMenu?: boolean;\n  enableTaskList?: boolean;\n  enableHighlight?: boolean;\n  enableColor?: boolean;\n}\n\nfunction TextEditor({\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Start writing...',\n  readOnly = false,\n  showToolbar = true,\n  variant,\n  size,\n  className,\n  toolbarClassName,\n  editorClassName,\n  maxLength,\n  showCharacterCount,\n  onCharacterCount,\n  enableLink,\n  enableBubbleMenu,\n  enableTaskList,\n  enableHighlight,\n  enableColor,\n}: TextEditorProps) {\n  const needsCharCount = maxLength !== undefined || showCharacterCount || onCharacterCount !== undefined;\n  const needsTextStyle = enableColor || enableHighlight;\n\n  const extensions = useMemo(() => {\n    const base: AnyExtension[] = [\n      StarterKit,\n      Underline,\n      Placeholder.configure({ placeholder }),\n      TextAlign.configure({ types: ['heading', 'paragraph'] }),\n      ListKeymap,\n    ];\n\n    if (needsTextStyle) base.push(TextStyle);\n    if (enableLink) {\n      base.push(Link.configure({ openOnClick: false, linkOnPaste: true, defaultProtocol: 'https' }));\n    }\n    if (enableTaskList) {\n      base.push(TaskList, TaskItem.configure({ nested: true }));\n    }\n    if (enableHighlight) {\n      base.push(Highlight.configure({ multicolor: true }));\n    }\n    if (enableColor) {\n      base.push(Color);\n    }\n    if (needsCharCount) {\n      base.push(CharacterCount.configure({ limit: maxLength }));\n    }\n\n    return base;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needsCharCount, placeholder, maxLength, enableHighlight, needsTextStyle, enableTaskList, enableLink, enableColor]);\n\n  const editor = useEditor({\n    extensions,\n    content: value ?? defaultValue,\n    editable: !readOnly,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      if (onCharacterCount) {\n        const storage = e.storage.characterCount;\n        onCharacterCount({ characters: storage.characters(), words: storage.words() });\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (!editor || value === undefined) return;\n    if (editor.getHTML() === value) return;\n    editor.commands.setContent(value);\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(!readOnly);\n  }, [editor, readOnly]);\n\n  const charCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.characters() as number) : 0;\n    },\n  });\n\n  const wordCount = useEditorState({\n    editor,\n    selector: ctx => {\n      const storage = ctx.editor?.storage?.characterCount;\n      return storage ? (storage.words() as number) : 0;\n    },\n  });\n\n  const showCharCount = showCharacterCount || maxLength !== undefined;\n  const isNearLimit = maxLength !== undefined && charCount > maxLength * 0.9;\n\n  return (\n    <div data-slot=\"text-editor\" className={cn('lunas-text-editor', textEditorVariants({ variant, size }), className)}>\n      {showToolbar && !readOnly && editor && (\n        <TextEditorToolbar\n          editor={editor}\n          className={toolbarClassName}\n          enableLink={enableLink}\n          enableTaskList={enableTaskList}\n          enableHighlight={enableHighlight}\n          enableColor={enableColor}\n        />\n      )}\n\n      {enableBubbleMenu && !readOnly && editor && (\n        <BubbleMenu\n          editor={editor}\n          options={{ placement: 'top' }}\n          className={cn('flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown')}\n        >\n          <ToolbarButton onClick={() => editor.chain().focus().toggleBold().run()} isActive={editor.isActive('bold')} title=\"Bold (Ctrl+B)\">\n            <Bold className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleItalic().run()} isActive={editor.isActive('italic')} title=\"Italic (Ctrl+I)\">\n            <Italic className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleUnderline().run()} isActive={editor.isActive('underline')} title=\"Underline (Ctrl+U)\">\n            <UnderlineIcon className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          <ToolbarButton onClick={() => editor.chain().focus().toggleStrike().run()} isActive={editor.isActive('strike')} title=\"Strikethrough\">\n            <Strikethrough className=\"h-3.5 w-3.5\" />\n          </ToolbarButton>\n          {enableLink && (\n            <>\n              <ToolbarDivider />\n              <LinkDialog editor={editor} />\n            </>\n          )}\n        </BubbleMenu>\n      )}\n\n      <EditorContent editor={editor} data-slot=\"text-editor-content\" className={cn('flex-1 bg-white text-sm text-text-positive', editorClassName)} />\n\n      {showCharCount && needsCharCount && (\n        <div\n          data-slot=\"text-editor-footer\"\n          className=\"flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs\"\n        >\n          <span>{wordCount} words</span>\n          <span data-warning={isNearLimit || undefined} className=\"data-warning:text-warning-strong\">\n            {charCount}\n            {maxLength ? ` / ${maxLength}` : ''} characters\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { TextEditor };\n"],"mappings":"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"}

package/dist/typography/paragraph.cjs

@@ -1 +1 @@
-"use client";const e=require(`../paragraph-DvTZvbzw.cjs`);exports.Paragraph=e.t,exports.paragraphVariants=e.n;
+"use client";const e=require(`../paragraph-D0x3Jc6W.cjs`);exports.Paragraph=e.t,exports.paragraphVariants=e.n;

package/dist/typography/paragraph.d.cts

@@ -1,12 +1,12 @@
-import * as react32 from "react";
+import * as react27 from "react";
 import { ComponentPropsWithoutRef } from "react";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/typography/paragraph.d.ts
 declare const paragraphVariants: (props?: ({
   variant?: "xs" | "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 /**
  * Props for the {@link Paragraph} component.
  *
@@ -42,7 +42,7 @@ declare const Paragraph: ({
   variant,
   className,
   ...props
-}: ParagraphProps) => react32.JSX.Element;
+}: ParagraphProps) => react27.JSX.Element;
 //#endregion
 export { Paragraph, ParagraphProps, paragraphVariants };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.ts

@@ -1,6 +1,6 @@
-import * as react34 from "react";
-import { ComponentPropsWithoutRef } from "react";
 import { VariantProps } from "class-variance-authority";
+import * as react37 from "react";
+import { ComponentPropsWithoutRef } from "react";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
 //#region packages/components/typography/paragraph.d.ts
@@ -42,7 +42,7 @@ declare const Paragraph: ({
   variant,
   className,
   ...props
-}: ParagraphProps) => react34.JSX.Element;
+}: ParagraphProps) => react37.JSX.Element;
 //#endregion
 export { Paragraph, ParagraphProps, paragraphVariants };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/typography/paragraph.js

@@ -1 +1 @@
-"use client";import{n as e,t}from"../paragraph-Cc13ZI4d.js";export{t as Paragraph,e as paragraphVariants};
+"use client";import{n as e,t}from"../paragraph-ESjXXqHU.js";export{t as Paragraph,e as paragraphVariants};

package/dist/typography/title.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.cva)(`scroll-m-20 text-start text-balance text-text-positive-strong tracking-tight transition-colors`,{variants:{level:{1:`text-3xl leading-tight font-bold md:text-4xl`,2:`text-2xl leading-tight font-semibold md:text-3xl`,3:`text-xl leading-snug font-semibold md:text-2xl`,4:`text-lg leading-snug font-semibold md:text-xl`,5:`text-base leading-normal font-semibold md:text-lg`,6:`text-sm leading-normal font-semibold md:text-base`}},defaultVariants:{level:1}}),a=({level:e=1,className:n,children:a})=>(0,r.jsx)(`h`+e,{"data-slot":`title`,className:(0,t.cn)(i({level:e}),n),children:a});exports.Title=a;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.cva)(`scroll-m-20 text-start text-balance text-text-positive-strong tracking-tight transition-colors`,{variants:{level:{1:`text-3xl leading-tight font-bold md:text-4xl`,2:`text-2xl leading-tight font-semibold md:text-3xl`,3:`text-xl leading-snug font-semibold md:text-2xl`,4:`text-lg leading-snug font-semibold md:text-xl`,5:`text-base leading-normal font-semibold md:text-lg`,6:`text-sm leading-normal font-semibold md:text-base`}},defaultVariants:{level:1}}),a=({level:e=1,className:n,children:a})=>(0,r.jsx)(`h`+e,{"data-slot":`title`,className:(0,t.cn)(i({level:e}),n),children:a});exports.Title=a;
 //# sourceMappingURL=title.cjs.map

package/dist/ui/alert-dialog.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`),t=require(`../button.variants-4kw6plrv.cjs`),n=require(`../heading-tGTqk3pA.cjs`),r=require(`../paragraph-DvTZvbzw.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return(0,a.jsx)(o.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(o.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,i.cn)(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,i.cn)(n.t({level:`h3`}),e),...t})}function h({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,i.cn)(r.n({variant:`muted`}),`not-first:mt-0`,e),...t})}function g({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Action,{className:(0,i.cn)(t.n(),`min-w-24`,e),...n,autoFocus:!0,tabIndex:1})}function _({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Cancel,{className:(0,i.cn)(t.n({variant:`outline`,color:`muted`}),`min-w-24`,e),...n})}exports.AlertDialog=s,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=d,exports.AlertDialogDescription=h,exports.AlertDialogFooter=p,exports.AlertDialogHeader=f,exports.AlertDialogOverlay=u,exports.AlertDialogPortal=l,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../button.variants-DgVFNsVc.cjs`),n=require(`../heading-BX7ZVnVg.cjs`),r=require(`../paragraph-D0x3Jc6W.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return(0,a.jsx)(o.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(o.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,i.cn)(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,i.cn)(n.t({level:`h3`}),e),...t})}function h({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,i.cn)(r.n({variant:`muted`}),`not-first:mt-0`,e),...t})}function g({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Action,{className:(0,i.cn)(t.n(),`min-w-24`,e),...n,autoFocus:!0,tabIndex:1})}function _({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Cancel,{className:(0,i.cn)(t.n({variant:`outline`,color:`muted`}),`min-w-24`,e),...n})}exports.AlertDialog=s,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=d,exports.AlertDialogDescription=h,exports.AlertDialogFooter=p,exports.AlertDialogHeader=f,exports.AlertDialogOverlay=u,exports.AlertDialogPortal=l,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=c;
 //# sourceMappingURL=alert-dialog.cjs.map

package/dist/ui/alert-dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react35 from "react";
+import * as react54 from "react";
 import { AlertDialog as AlertDialog$1 } from "radix-ui";
 
 //#region packages/components/ui/alert-dialog.d.ts
@@ -36,55 +36,55 @@ import { AlertDialog as AlertDialog$1 } from "radix-ui";
  */
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react54.JSX.Element;
 /** Element that opens the alert dialog when clicked; typically wrapped with `asChild` around a `Button`. */
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react54.JSX.Element;
 /** Renders alert dialog overlay and content into a portal outside the normal React tree. */
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react54.JSX.Element;
 /** Semi-transparent backdrop rendered behind the alert dialog panel; pointer events are disabled to prevent accidental dismissal. */
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react54.JSX.Element;
 /** Animated panel that contains the alert dialog body; renders via `AlertDialogPortal` over `AlertDialogOverlay`. */
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react54.JSX.Element;
 /** Layout wrapper for the alert dialog title and description. */
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react35.JSX.Element;
+}: React.ComponentProps<'div'>): react54.JSX.Element;
 /** Layout wrapper for the cancel and action buttons at the bottom of the alert dialog. */
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react35.JSX.Element;
+}: React.ComponentProps<'div'>): react54.JSX.Element;
 /** Accessible heading for the alert dialog, styled with the h3 heading variant. */
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react54.JSX.Element;
 /** Muted supporting text that explains the consequences of the destructive action. */
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react54.JSX.Element;
 /** Confirm button that closes the dialog and proceeds with the action; auto-focused and styled as the primary action. */
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react54.JSX.Element;
 /** Cancel button that closes the alert dialog without performing the destructive action. */
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react35.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react54.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.cts.map