@customafk/lunas-ui 0.2.34 → 0.2.36

package/dist/text-editor-DqyiYNen.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dropdown-menu-Bz7oMQ36.cjs`),n=require(`./popover-fsTCOb6a.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`class-variance-authority`),s=require(`react/jsx-runtime`),c=require(`@tiptap/react`),l=require(`@tiptap/react/menus`),u=require(`@tiptap/extension-character-count`),d=require(`@tiptap/extension-text-style`),f=require(`@tiptap/extension-highlight`),p=require(`@tiptap/extension-link`),m=require(`@tiptap/extension-list-keymap`),h=require(`@tiptap/extension-placeholder`);h=e.t(h);let g=require(`@tiptap/extension-task-item`),_=require(`@tiptap/extension-task-list`),v=require(`@tiptap/extension-text-align`);v=e.t(v);let y=require(`@tiptap/extension-underline`);y=e.t(y);let b=require(`@tiptap/starter-kit`);b=e.t(b);const x=(0,o.cva)([`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`}});function S({isActive:e,className:t,children:n,...r}){return(0,s.jsx)(`button`,{type:`button`,"data-slot":`toolbar-button`,"data-active":e||void 0,className:(0,a.cn)(`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 C(){return(0,s.jsx)(`div`,{"data-slot":`toolbar-divider`,className:`mx-0.5 h-5 w-px shrink-0 bg-border`})}function w({editor:e}){let[t,o]=(0,i.useState)(!1),[l,u]=(0,i.useState)(``),d=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`link`)}),f=(0,i.useCallback)(t=>{t&&u(e.getAttributes(`link`).href??``),o(t)},[e]),p=(0,i.useCallback)(()=>{let t=l.trim();t&&(e.chain().focus().setLink({href:t,target:`_blank`}).run(),o(!1))},[e,l]),m=(0,i.useCallback)(()=>{e.chain().focus().unsetLink().run(),o(!1)},[e]),h=e=>{e.key===`Enter`&&(e.preventDefault(),p()),e.key===`Escape`&&o(!1)};return(0,s.jsxs)(n.t,{open:t,onOpenChange:f,children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{isActive:d,title:`Link (Ctrl+K)`,"data-slot":`toolbar-link-button`,children:(0,s.jsx)(r.Link2,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{"data-slot":`link-dialog`,sideOffset:6,align:`start`,className:`w-72 p-3`,children:[(0,s.jsx)(`p`,{className:`mb-2 font-medium text-text-positive-strong text-xs`,children:d?`Edit Link`:`Insert Link`}),(0,s.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,s.jsx)(`input`,{type:`url`,placeholder:`https://example.com`,value:l,onChange:e=>u(e.target.value),onKeyDown:h,autoFocus:!0,className:(0,a.cn)(`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`)}),(0,s.jsx)(`button`,{type:`button`,onClick:p,disabled:!l.trim(),className:(0,a.cn)(`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`})]}),d&&(0,s.jsxs)(`button`,{type:`button`,onClick:m,className:`mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline`,children:[(0,s.jsx)(r.Link2Off,{className:`h-3 w-3`}),`Remove link`]})]})]})}const T=[{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`}],E=[{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 D({editor:e,className:i,enableLink:o,enableTaskList:l,enableHighlight:u,enableColor:d}){let f=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:1})}),p=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:2})}),m=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:3})}),h=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`bold`)}),g=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`italic`)}),_=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`underline`)}),v=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`strike`)}),y=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`code`)}),b=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`bulletList`)}),x=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`orderedList`)}),D=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`taskList`)}),O=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`blockquote`)}),k=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`codeBlock`)}),A=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`left`})}),j=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`center`})}),M=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`right`})}),N=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`justify`})}),P=f?`H1`:p?`H2`:m?`H3`:`P`;return(0,s.jsxs)(`div`,{"data-slot":`text-editor-toolbar`,className:(0,a.cn)(`flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5`,i),children:[(0,s.jsx)(S,{onClick:()=>e.chain().focus().undo().run(),disabled:!e.can().undo(),title:`Undo (Ctrl+Z)`,children:(0,s.jsx)(r.Undo,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().redo().run(),disabled:!e.can().redo(),title:`Redo (Ctrl+Y)`,children:(0,s.jsx)(r.Redo,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsxs)(t.t,{children:[(0,s.jsx)(t.h,{asChild:!0,children:(0,s.jsxs)(`button`,{type:`button`,"data-slot":`toolbar-heading-trigger`,className:(0,a.cn)(`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`,(f||p||m)&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`),children:[(0,s.jsx)(`span`,{className:`w-5 text-center`,children:P}),(0,s.jsx)(r.ChevronDown,{className:`h-3 w-3 opacity-60`})]})}),(0,s.jsxs)(t.r,{align:`start`,className:`min-w-32`,children:[(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().setParagraph().run(),children:(0,s.jsx)(`span`,{className:`text-sm`,children:`Paragraph`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:1}).run(),children:(0,s.jsx)(`span`,{className:`font-bold text-lg`,children:`Heading 1`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:2}).run(),children:(0,s.jsx)(`span`,{className:`font-semibold text-base`,children:`Heading 2`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:3}).run(),children:(0,s.jsx)(`span`,{className:`font-semibold text-sm`,children:`Heading 3`})})]})]}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBold().run(),isActive:h,title:`Bold (Ctrl+B)`,children:(0,s.jsx)(r.Bold,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleItalic().run(),isActive:g,title:`Italic (Ctrl+I)`,children:(0,s.jsx)(r.Italic,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleUnderline().run(),isActive:_,title:`Underline (Ctrl+U)`,children:(0,s.jsx)(r.Underline,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleStrike().run(),isActive:v,title:`Strikethrough`,children:(0,s.jsx)(r.Strikethrough,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleCode().run(),isActive:y,title:`Inline Code`,children:(0,s.jsx)(r.Code,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBulletList().run(),isActive:b,title:`Bullet List`,children:(0,s.jsx)(r.List,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleOrderedList().run(),isActive:x,title:`Ordered List`,children:(0,s.jsx)(r.ListOrdered,{className:`h-3.5 w-3.5`})}),l&&(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleTaskList().run(),isActive:D,title:`Task List`,children:(0,s.jsx)(r.ListChecks,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBlockquote().run(),isActive:O,title:`Blockquote`,children:(0,s.jsx)(r.Quote,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleCodeBlock().run(),isActive:k,title:`Code Block`,children:(0,s.jsx)(r.Code2,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setHorizontalRule().run(),title:`Horizontal Rule`,children:(0,s.jsx)(r.Minus,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`left`).run(),isActive:A,title:`Align Left`,children:(0,s.jsx)(r.AlignLeft,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`center`).run(),isActive:j,title:`Align Center`,children:(0,s.jsx)(r.AlignCenter,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`right`).run(),isActive:M,title:`Align Right`,children:(0,s.jsx)(r.AlignRight,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`justify`).run(),isActive:N,title:`Align Justify`,children:(0,s.jsx)(r.AlignJustify,{className:`h-3.5 w-3.5`})}),o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),(0,s.jsx)(w,{editor:e})]}),(d||u)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),d&&(0,s.jsxs)(n.t,{children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{title:`Text Color`,children:(0,s.jsx)(r.Palette,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{align:`start`,className:`w-44 p-2`,children:[(0,s.jsx)(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Text Color`}),(0,s.jsx)(`div`,{className:`grid grid-cols-5 gap-1`,children:E.map(t=>(0,s.jsx)(`button`,{type:`button`,title:t.label,onClick:()=>{t.value?e.chain().focus().setColor(t.value).run():e.chain().focus().unsetColor().run()},className:(0,a.cn)(`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,!t.value&&`bg-background text-[10px] text-text-positive leading-none`),style:t.value?{backgroundColor:t.value}:void 0,children:!t.value&&`∅`},t.label))})]})]}),u&&(0,s.jsxs)(n.t,{children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{title:`Highlight`,children:(0,s.jsx)(r.Highlighter,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{align:`start`,className:`w-44 p-2`,children:[(0,s.jsx)(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Highlight`}),(0,s.jsx)(`div`,{className:`grid grid-cols-5 gap-1`,children:T.map(t=>(0,s.jsx)(`button`,{type:`button`,title:t.label,onClick:()=>e.chain().focus().toggleHighlight({color:t.value}).run(),className:`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,style:{backgroundColor:t.value}},t.label))}),(0,s.jsx)(`button`,{type:`button`,onClick:()=>e.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 O({value:e,defaultValue:t,onChange:n,placeholder:o=`Start writing...`,readOnly:T=!1,showToolbar:E=!0,variant:O,size:k,className:A,toolbarClassName:j,editorClassName:M,maxLength:N,showCharacterCount:P,onCharacterCount:F,enableLink:I,enableBubbleMenu:L,enableTaskList:R,enableHighlight:z,enableColor:B}){let V=N!==void 0||P||F!==void 0,H=B||z,U=(0,c.useEditor)({extensions:(0,i.useMemo)(()=>{let e=[b.default,y.default,h.default.configure({placeholder:o}),v.default.configure({types:[`heading`,`paragraph`]}),m.ListKeymap];return H&&e.push(d.TextStyle),I&&e.push(p.Link.configure({openOnClick:!1,linkOnPaste:!0,defaultProtocol:`https`})),R&&e.push(_.TaskList,g.TaskItem.configure({nested:!0})),z&&e.push(f.Highlight.configure({multicolor:!0})),B&&e.push(d.Color),V&&e.push(u.CharacterCount.configure({limit:N})),e},[V,o,N,z,H,R,I,B]),content:e??t,editable:!T,onUpdate:({editor:e})=>{if(n?.(e.getHTML()),F){let t=e.storage.characterCount;F({characters:t.characters(),words:t.words()})}}});(0,i.useEffect)(()=>{!U||e===void 0||U.getHTML()!==e&&U.commands.setContent(e)},[U,e]),(0,i.useEffect)(()=>{U&&U.setEditable(!T)},[U,T]);let W=(0,c.useEditorState)({editor:U,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.characters():0}}),G=(0,c.useEditorState)({editor:U,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.words():0}}),K=P||N!==void 0,q=N!==void 0&&W>N*.9;return(0,s.jsxs)(`div`,{"data-slot":`text-editor`,className:(0,a.cn)(`lunas-text-editor`,x({variant:O,size:k}),A),children:[E&&!T&&U&&(0,s.jsx)(D,{editor:U,className:j,enableLink:I,enableTaskList:R,enableHighlight:z,enableColor:B}),L&&!T&&U&&(0,s.jsxs)(l.BubbleMenu,{editor:U,options:{placement:`top`},className:(0,a.cn)(`flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown`),children:[(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleBold().run(),isActive:U.isActive(`bold`),title:`Bold (Ctrl+B)`,children:(0,s.jsx)(r.Bold,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleItalic().run(),isActive:U.isActive(`italic`),title:`Italic (Ctrl+I)`,children:(0,s.jsx)(r.Italic,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleUnderline().run(),isActive:U.isActive(`underline`),title:`Underline (Ctrl+U)`,children:(0,s.jsx)(r.Underline,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleStrike().run(),isActive:U.isActive(`strike`),title:`Strikethrough`,children:(0,s.jsx)(r.Strikethrough,{className:`h-3.5 w-3.5`})}),I&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),(0,s.jsx)(w,{editor:U})]})]}),(0,s.jsx)(c.EditorContent,{editor:U,"data-slot":`text-editor-content`,className:(0,a.cn)(`flex-1 bg-white text-sm text-text-positive`,M)}),K&&V&&(0,s.jsxs)(`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:[(0,s.jsxs)(`span`,{children:[G,` words`]}),(0,s.jsxs)(`span`,{"data-warning":q||void 0,className:`data-warning:text-warning-strong`,children:[W,N?` / ${N}`:``,` characters`]})]})]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}});
+//# sourceMappingURL=text-editor-DqyiYNen.cjs.map

package/dist/text-editor-DqyiYNen.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-DqyiYNen.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/text-editor.variants.ts","../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["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 { 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 { useEditorState, type Editor } from '@tiptap/react';\nimport { Link2, Link2Off } from 'lucide-react';\nimport { useCallback, useState } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\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","'use client';\n\nimport { useEditorState, type Editor } from '@tiptap/react';\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';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\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 { EditorContent, useEditor, useEditorState, type AnyExtension } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Color } from '@tiptap/extension-text-style';\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 { TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\nimport { useEffect, useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { textEditorVariants, type TextEditorVariantProps } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { LinkDialog } from './link-dialog';\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[] = [StarterKit, Underline, Placeholder.configure({ placeholder }), TextAlign.configure({ types: ['heading', 'paragraph'] }), ListKeymap]\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-HGUUElOS.mjs

@@ -0,0 +1,2 @@
+import{a as e,h as t,r as n,t as r}from"./dropdown-menu-C6tRSumY.mjs";import{a as i,i as a,t as o}from"./popover-DwgdOX8a.mjs";import{AlignCenter as s,AlignJustify as c,AlignLeft as l,AlignRight as u,Bold as d,ChevronDown as f,Code as p,Code2 as m,Highlighter as h,Italic as ee,Link2 as g,Link2Off as _,List as v,ListChecks as y,ListOrdered as b,Minus as x,Palette as S,Quote as C,Redo as te,Strikethrough as w,Underline as ne,Undo as re}from"lucide-react";import{useCallback as T,useEffect as E,useMemo as D,useState as O}from"react";import{cn as k}from"@customafk/react-toolkit/utils";import{cva as A}from"class-variance-authority";import{Fragment as j,jsx as M,jsxs as N}from"react/jsx-runtime";import{EditorContent as P,useEditor as F,useEditorState as I}from"@tiptap/react";import{BubbleMenu as L}from"@tiptap/react/menus";import{CharacterCount as R}from"@tiptap/extension-character-count";import{Color as z,TextStyle as B}from"@tiptap/extension-text-style";import{Highlight as V}from"@tiptap/extension-highlight";import{Link as H}from"@tiptap/extension-link";import{ListKeymap as U}from"@tiptap/extension-list-keymap";import W from"@tiptap/extension-placeholder";import{TaskItem as G}from"@tiptap/extension-task-item";import{TaskList as K}from"@tiptap/extension-task-list";import q from"@tiptap/extension-text-align";import J from"@tiptap/extension-underline";import Y from"@tiptap/starter-kit";const ie=A([`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`}});function X({isActive:e,className:t,children:n,...r}){return M(`button`,{type:`button`,"data-slot":`toolbar-button`,"data-active":e||void 0,className:k(`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 M(`div`,{"data-slot":`toolbar-divider`,className:`mx-0.5 h-5 w-px shrink-0 bg-border`})}function Q({editor:e}){let[t,n]=O(!1),[r,s]=O(``),c=I({editor:e,selector:e=>e.editor.isActive(`link`)}),l=T(t=>{t&&s(e.getAttributes(`link`).href??``),n(t)},[e]),u=T(()=>{let t=r.trim();t&&(e.chain().focus().setLink({href:t,target:`_blank`}).run(),n(!1))},[e,r]),d=T(()=>{e.chain().focus().unsetLink().run(),n(!1)},[e]),f=e=>{e.key===`Enter`&&(e.preventDefault(),u()),e.key===`Escape`&&n(!1)};return N(o,{open:t,onOpenChange:l,children:[M(i,{asChild:!0,children:M(X,{isActive:c,title:`Link (Ctrl+K)`,"data-slot":`toolbar-link-button`,children:M(g,{className:`h-3.5 w-3.5`})})}),N(a,{"data-slot":`link-dialog`,sideOffset:6,align:`start`,className:`w-72 p-3`,children:[M(`p`,{className:`mb-2 font-medium text-text-positive-strong text-xs`,children:c?`Edit Link`:`Insert Link`}),N(`div`,{className:`flex gap-1.5`,children:[M(`input`,{type:`url`,placeholder:`https://example.com`,value:r,onChange:e=>s(e.target.value),onKeyDown:f,autoFocus:!0,className:k(`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`)}),M(`button`,{type:`button`,onClick:u,disabled:!r.trim(),className:k(`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`})]}),c&&N(`button`,{type:`button`,onClick:d,className:`mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline`,children:[M(_,{className:`h-3 w-3`}),`Remove link`]})]})]})}const 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:g,className:_,enableLink:T,enableTaskList:E,enableHighlight:D,enableColor:O}){let A=I({editor:g,selector:e=>e.editor.isActive(`heading`,{level:1})}),P=I({editor:g,selector:e=>e.editor.isActive(`heading`,{level:2})}),F=I({editor:g,selector:e=>e.editor.isActive(`heading`,{level:3})}),L=I({editor:g,selector:e=>e.editor.isActive(`bold`)}),R=I({editor:g,selector:e=>e.editor.isActive(`italic`)}),z=I({editor:g,selector:e=>e.editor.isActive(`underline`)}),B=I({editor:g,selector:e=>e.editor.isActive(`strike`)}),V=I({editor:g,selector:e=>e.editor.isActive(`code`)}),H=I({editor:g,selector:e=>e.editor.isActive(`bulletList`)}),U=I({editor:g,selector:e=>e.editor.isActive(`orderedList`)}),W=I({editor:g,selector:e=>e.editor.isActive(`taskList`)}),G=I({editor:g,selector:e=>e.editor.isActive(`blockquote`)}),K=I({editor:g,selector:e=>e.editor.isActive(`codeBlock`)}),q=I({editor:g,selector:e=>e.editor.isActive({textAlign:`left`})}),J=I({editor:g,selector:e=>e.editor.isActive({textAlign:`center`})}),Y=I({editor:g,selector:e=>e.editor.isActive({textAlign:`right`})}),ie=I({editor:g,selector:e=>e.editor.isActive({textAlign:`justify`})}),$=A?`H1`:P?`H2`:F?`H3`:`P`;return N(`div`,{"data-slot":`text-editor-toolbar`,className:k(`flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5`,_),children:[M(X,{onClick:()=>g.chain().focus().undo().run(),disabled:!g.can().undo(),title:`Undo (Ctrl+Z)`,children:M(re,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().redo().run(),disabled:!g.can().redo(),title:`Redo (Ctrl+Y)`,children:M(te,{className:`h-3.5 w-3.5`})}),M(Z,{}),N(r,{children:[M(t,{asChild:!0,children:N(`button`,{type:`button`,"data-slot":`toolbar-heading-trigger`,className:k(`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`,(A||P||F)&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`),children:[M(`span`,{className:`w-5 text-center`,children:$}),M(f,{className:`h-3 w-3 opacity-60`})]})}),N(n,{align:`start`,className:`min-w-32`,children:[M(e,{onClick:()=>g.chain().focus().setParagraph().run(),children:M(`span`,{className:`text-sm`,children:`Paragraph`})}),M(e,{onClick:()=>g.chain().focus().toggleHeading({level:1}).run(),children:M(`span`,{className:`font-bold text-lg`,children:`Heading 1`})}),M(e,{onClick:()=>g.chain().focus().toggleHeading({level:2}).run(),children:M(`span`,{className:`font-semibold text-base`,children:`Heading 2`})}),M(e,{onClick:()=>g.chain().focus().toggleHeading({level:3}).run(),children:M(`span`,{className:`font-semibold text-sm`,children:`Heading 3`})})]})]}),M(Z,{}),M(X,{onClick:()=>g.chain().focus().toggleBold().run(),isActive:L,title:`Bold (Ctrl+B)`,children:M(d,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleItalic().run(),isActive:R,title:`Italic (Ctrl+I)`,children:M(ee,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleUnderline().run(),isActive:z,title:`Underline (Ctrl+U)`,children:M(ne,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleStrike().run(),isActive:B,title:`Strikethrough`,children:M(w,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleCode().run(),isActive:V,title:`Inline Code`,children:M(p,{className:`h-3.5 w-3.5`})}),M(Z,{}),M(X,{onClick:()=>g.chain().focus().toggleBulletList().run(),isActive:H,title:`Bullet List`,children:M(v,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleOrderedList().run(),isActive:U,title:`Ordered List`,children:M(b,{className:`h-3.5 w-3.5`})}),E&&M(X,{onClick:()=>g.chain().focus().toggleTaskList().run(),isActive:W,title:`Task List`,children:M(y,{className:`h-3.5 w-3.5`})}),M(Z,{}),M(X,{onClick:()=>g.chain().focus().toggleBlockquote().run(),isActive:G,title:`Blockquote`,children:M(C,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().toggleCodeBlock().run(),isActive:K,title:`Code Block`,children:M(m,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().setHorizontalRule().run(),title:`Horizontal Rule`,children:M(x,{className:`h-3.5 w-3.5`})}),M(Z,{}),M(X,{onClick:()=>g.chain().focus().setTextAlign(`left`).run(),isActive:q,title:`Align Left`,children:M(l,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().setTextAlign(`center`).run(),isActive:J,title:`Align Center`,children:M(s,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().setTextAlign(`right`).run(),isActive:Y,title:`Align Right`,children:M(u,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>g.chain().focus().setTextAlign(`justify`).run(),isActive:ie,title:`Align Justify`,children:M(c,{className:`h-3.5 w-3.5`})}),T&&N(j,{children:[M(Z,{}),M(Q,{editor:g})]}),(O||D)&&N(j,{children:[M(Z,{}),O&&N(o,{children:[M(i,{asChild:!0,children:M(X,{title:`Text Color`,children:M(S,{className:`h-3.5 w-3.5`})})}),N(a,{align:`start`,className:`w-44 p-2`,children:[M(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Text Color`}),M(`div`,{className:`grid grid-cols-5 gap-1`,children:oe.map(e=>M(`button`,{type:`button`,title:e.label,onClick:()=>{e.value?g.chain().focus().setColor(e.value).run():g.chain().focus().unsetColor().run()},className:k(`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))})]})]}),D&&N(o,{children:[M(i,{asChild:!0,children:M(X,{title:`Highlight`,children:M(h,{className:`h-3.5 w-3.5`})})}),N(a,{align:`start`,className:`w-44 p-2`,children:[M(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Highlight`}),M(`div`,{className:`grid grid-cols-5 gap-1`,children:ae.map(e=>M(`button`,{type:`button`,title:e.label,onClick:()=>g.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))}),M(`button`,{type:`button`,onClick:()=>g.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:i=!1,showToolbar:a=!0,variant:o,size:s,className:c,toolbarClassName:l,editorClassName:u,maxLength:f,showCharacterCount:p,onCharacterCount:m,enableLink:h,enableBubbleMenu:g,enableTaskList:_,enableHighlight:v,enableColor:y}){let b=f!==void 0||p||m!==void 0,x=y||v,S=F({extensions:D(()=>{let e=[Y,J,W.configure({placeholder:r}),q.configure({types:[`heading`,`paragraph`]}),U];return x&&e.push(B),h&&e.push(H.configure({openOnClick:!1,linkOnPaste:!0,defaultProtocol:`https`})),_&&e.push(K,G.configure({nested:!0})),v&&e.push(V.configure({multicolor:!0})),y&&e.push(z),b&&e.push(R.configure({limit:f})),e},[b,r,f,v,x,_,h,y]),content:e??t,editable:!i,onUpdate:({editor:e})=>{if(n?.(e.getHTML()),m){let t=e.storage.characterCount;m({characters:t.characters(),words:t.words()})}}});E(()=>{!S||e===void 0||S.getHTML()!==e&&S.commands.setContent(e)},[S,e]),E(()=>{S&&S.setEditable(!i)},[S,i]);let C=I({editor:S,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.characters():0}}),te=I({editor:S,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.words():0}}),re=p||f!==void 0,T=f!==void 0&&C>f*.9;return N(`div`,{"data-slot":`text-editor`,className:k(`lunas-text-editor`,ie({variant:o,size:s}),c),children:[a&&!i&&S&&M($,{editor:S,className:l,enableLink:h,enableTaskList:_,enableHighlight:v,enableColor:y}),g&&!i&&S&&N(L,{editor:S,options:{placement:`top`},className:k(`flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown`),children:[M(X,{onClick:()=>S.chain().focus().toggleBold().run(),isActive:S.isActive(`bold`),title:`Bold (Ctrl+B)`,children:M(d,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>S.chain().focus().toggleItalic().run(),isActive:S.isActive(`italic`),title:`Italic (Ctrl+I)`,children:M(ee,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>S.chain().focus().toggleUnderline().run(),isActive:S.isActive(`underline`),title:`Underline (Ctrl+U)`,children:M(ne,{className:`h-3.5 w-3.5`})}),M(X,{onClick:()=>S.chain().focus().toggleStrike().run(),isActive:S.isActive(`strike`),title:`Strikethrough`,children:M(w,{className:`h-3.5 w-3.5`})}),h&&N(j,{children:[M(Z,{}),M(Q,{editor:S})]})]}),M(P,{editor:S,"data-slot":`text-editor-content`,className:k(`flex-1 bg-white text-sm text-text-positive`,u)}),re&&b&&N(`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:[N(`span`,{children:[te,` words`]}),N(`span`,{"data-warning":T||void 0,className:`data-warning:text-warning-strong`,children:[C,f?` / ${f}`:``,` characters`]})]})]})}export{$ as n,Q as r,se as t};
+//# sourceMappingURL=text-editor-HGUUElOS.mjs.map

package/dist/text-editor-HGUUElOS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-HGUUElOS.mjs","names":["base: AnyExtension[]","Underline","UnderlineIcon"],"sources":["../packages/components/features/text-editor/text-editor.variants.ts","../packages/components/features/text-editor/toolbar-primitives.tsx","../packages/components/features/text-editor/link-dialog.tsx","../packages/components/features/text-editor/toolbar.tsx","../packages/components/features/text-editor/text-editor.tsx"],"sourcesContent":["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 { 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 { useEditorState, type Editor } from '@tiptap/react';\nimport { Link2, Link2Off } from 'lucide-react';\nimport { useCallback, useState } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\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","'use client';\n\nimport { useEditorState, type Editor } from '@tiptap/react';\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';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\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 { EditorContent, useEditor, useEditorState, type AnyExtension } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport { Color } from '@tiptap/extension-text-style';\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 { TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport { Bold, Italic, Strikethrough, Underline as UnderlineIcon } from 'lucide-react';\nimport { useEffect, useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { textEditorVariants, type TextEditorVariantProps } from './text-editor.variants';\nimport { TextEditorToolbar } from './toolbar';\nimport { LinkDialog } from './link-dialog';\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[] = [StarterKit, Underline, Placeholder.configure({ placeholder }), TextAlign.configure({ types: ['heading', 'paragraph'] }), ListKeymap]\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/{textarea-B8eQoQaZ.mjs → textarea-7HDXcaK9.mjs}

@@ -1,2 +1,2 @@
 import{useCallback as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";function r({className:r,onChange:i,onValueChange:a,...o}){let s=e(e=>{i?.(e),a?.(e.target.value)},[i,a]);return n(`textarea`,{"data-slot":`textarea`,className:t(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,r),...o,onChange:s})}export{r as t};
-//# sourceMappingURL=textarea-B8eQoQaZ.mjs.map
+//# sourceMappingURL=textarea-7HDXcaK9.mjs.map

package/dist/{textarea-B8eQoQaZ.mjs.map → textarea-7HDXcaK9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-B8eQoQaZ.mjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"gIAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAC,WAAA,CACC,YAAU,WACV,UAAW,EAET,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}
+{"version":3,"file":"textarea-7HDXcaK9.mjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"gIAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAC,WAAA,CACC,YAAU,WACV,UAAW,EAET,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/{textarea-BB2WynyM.cjs → textarea-Byo8E8oi.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);function i({className:e,onChange:i,onValueChange:a,...o}){let s=(0,t.useCallback)(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:(0,n.cn)(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,e),...o,onChange:s})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=textarea-BB2WynyM.cjs.map
+//# sourceMappingURL=textarea-Byo8E8oi.cjs.map

package/dist/{textarea-BB2WynyM.cjs.map → textarea-Byo8E8oi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-BB2WynyM.cjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"0IAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,WAAA,EAAA,EAAA,IAEE,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}
+{"version":3,"file":"textarea-Byo8E8oi.cjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"0IAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,WAAA,EAAA,EAAA,IAEE,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/{types-DmTyKdm7.d.mts → types-YLu40dXY.d.mts}

@@ -21,4 +21,4 @@ declare enum ECountry {
 type AnyEntity = any;
 //#endregion
 export { ECountry as n, ERole as r, AnyEntity as t };
-//# sourceMappingURL=types-DmTyKdm7.d.mts.map
+//# sourceMappingURL=types-YLu40dXY.d.mts.map

package/dist/typography/paragraph.d.cts

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

package/dist/typography/paragraph.d.mts

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

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

@@ -1,4 +1,4 @@
-import * as react172 from "react";
+import * as react91 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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react91.JSX.Element;
 /** Layout wrapper for the alert dialog title and description. */
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react172.JSX.Element;
+}: React.ComponentProps<'div'>): react91.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'>): react172.JSX.Element;
+}: React.ComponentProps<'div'>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react91.JSX.Element;
 /** Muted supporting text that explains the consequences of the destructive action. */
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react91.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>): react172.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react91.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react34 from "react";
+import * as react291 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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react291.JSX.Element;
 /** Layout wrapper for the alert dialog title and description. */
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react34.JSX.Element;
+}: React.ComponentProps<'div'>): react291.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'>): react34.JSX.Element;
+}: React.ComponentProps<'div'>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react291.JSX.Element;
 /** Muted supporting text that explains the consequences of the destructive action. */
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react291.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>): react34.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react291.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.mts.map

package/dist/ui/alert.cjs

@@ -1 +1 @@
-"use client";const e=require(`../alert-4rfsFtN6.cjs`);exports.Alert=e.t,exports.AlertDescription=e.n,exports.AlertTitle=e.r;
+"use client";const e=require(`../alert-DubR6Szk.cjs`);exports.Alert=e.t,exports.AlertDescription=e.n,exports.AlertTitle=e.r;

package/dist/ui/alert.d.cts

@@ -1,2 +1,2 @@
-import { a as AlertTitle, i as AlertProps, n as AlertDescription, o as AlertTitleProps, r as AlertDescriptionProps, t as Alert } from "../alert-BFLT5Jqg.cjs";
+import { a as AlertTitle, i as AlertProps, n as AlertDescription, o as AlertTitleProps, r as AlertDescriptionProps, t as Alert } from "../alert-ArM88PNb.cjs";
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };

package/dist/ui/alert.d.mts

@@ -1,2 +1,2 @@
-import { a as AlertTitle, i as AlertProps, n as AlertDescription, o as AlertTitleProps, r as AlertDescriptionProps, t as Alert } from "../alert-DmaYqfy7.mjs";
+import { a as AlertTitle, i as AlertProps, n as AlertDescription, o as AlertTitleProps, r as AlertDescriptionProps, t as Alert } from "../alert-oiaUJxqr.mjs";
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };

package/dist/ui/alert.mjs

@@ -1 +1 @@
-"use client";import{n as e,r as t,t as n}from"../alert-BbInRLt4.mjs";export{n as Alert,e as AlertDescription,t as AlertTitle};
+"use client";import{n as e,r as t,t as n}from"../alert-BbvPwf2x.mjs";export{n as Alert,e as AlertDescription,t as AlertTitle};

package/dist/ui/aspect-ratio.d.cts

@@ -1,4 +1,4 @@
-import * as react162 from "react";
+import * as react104 from "react";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
@@ -18,7 +18,7 @@ import { AspectRatio as AspectRatio$1 } from "radix-ui";
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react162.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react104.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.cts.map

package/dist/ui/aspect-ratio.d.mts

@@ -1,4 +1,4 @@
-import * as react79 from "react";
+import * as react152 from "react";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
@@ -18,7 +18,7 @@ import { AspectRatio as AspectRatio$1 } from "radix-ui";
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react79.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react152.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.mts.map

package/dist/ui/avatar.cjs

@@ -1 +1 @@
-"use client";const e=require(`../avatar-aVxo69zP.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;
+"use client";const e=require(`../avatar-CqRl9dge.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;