tembro 4.0.1 → 4.1.0

package/dist/src/components/modern/rich-text-editor.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@tiptap/react"),o=require("@tiptap/starter-kit");o=e.__toESM(o,1);let s=require("@tiptap/extension-link");s=e.__toESM(s,1);let c=require("@tiptap/extension-placeholder");c=e.__toESM(c,1);function l(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}function u(e,t){return t===`html`?e:`<p>${l(e)}</p>`}function d({editor:e,onLinkRequest:t,label:n}){let a=e.getAttributes(`link`).href,o=[{label:`Undo`,icon:r.Undo2Icon,disabled:!e.can().undo(),run:()=>e.chain().focus().undo().run()},{label:`Redo`,icon:r.Redo2Icon,disabled:!e.can().redo(),run:()=>e.chain().focus().redo().run()},{label:`Bold`,icon:r.BoldIcon,active:e.isActive(`bold`),run:()=>e.chain().focus().toggleBold().run()},{label:`Italic`,icon:r.ItalicIcon,active:e.isActive(`italic`),run:()=>e.chain().focus().toggleItalic().run()},{label:`Strike`,icon:r.StrikethroughIcon,active:e.isActive(`strike`),run:()=>e.chain().focus().toggleStrike().run()},{label:`Inline code`,icon:r.CodeIcon,active:e.isActive(`code`),run:()=>e.chain().focus().toggleCode().run()},{label:`Heading`,icon:r.Heading2Icon,active:e.isActive(`heading`,{level:2}),run:()=>e.chain().focus().toggleHeading({level:2}).run()},{label:`Bullet list`,icon:r.ListIcon,active:e.isActive(`bulletList`),run:()=>e.chain().focus().toggleBulletList().run()},{label:`Ordered list`,icon:r.ListOrderedIcon,active:e.isActive(`orderedList`),run:()=>e.chain().focus().toggleOrderedList().run()},{label:`Blockquote`,icon:r.QuoteIcon,active:e.isActive(`blockquote`),run:()=>e.chain().focus().toggleBlockquote().run()}];return t&&o.push({label:`Set link`,icon:r.LinkIcon,active:e.isActive(`link`),run:()=>{let n=t(a);n!=null&&(n.trim()?e.chain().focus().extendMarkRange(`link`).setLink({href:n.trim()}).run():e.chain().focus().unsetLink().run())}}),e.isActive(`link`)&&o.push({label:`Remove link`,icon:r.UnlinkIcon,run:()=>e.chain().focus().unsetLink().run()}),(0,i.jsx)(`div`,{role:`toolbar`,"aria-label":n,className:`flex flex-wrap gap-1 border-b p-1.5`,children:o.map(e=>{let t=e.icon;return(0,i.jsx)(`button`,{type:`button`,title:e.label,"aria-label":e.label,"aria-pressed":e.active||void 0,disabled:e.disabled,className:`inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40`,onClick:e.run,children:(0,i.jsx)(t,{className:`size-4`})},e.label)})})}function f({value:e,defaultValue:r=``,onValueChange:l,output:f=`html`,placeholder:p=`Start typing...`,editable:m=!0,autoFocus:h=!1,minHeight:g=144,onLinkRequest:_,labels:v,className:y,...b}){let x=e??r,S=(0,a.useEditor)({immediatelyRender:!0,autofocus:h,editable:m,editorProps:{attributes:{"aria-label":v?.editor??`Rich text editor`,role:`textbox`}},content:u(x,f),extensions:[o.default.configure({link:!1}),s.default.configure({openOnClick:!1,autolink:!0,defaultProtocol:`https`}),c.default.configure({placeholder:p})],onUpdate:({editor:e})=>{l?.(f===`html`?e.getHTML():e.getText())}});return n.useEffect(()=>{!S||e===void 0||(f===`html`?S.getHTML():S.getText())!==e&&S.commands.setContent(u(e,f),{emitUpdate:!1})},[S,f,e]),n.useEffect(()=>{S?.setEditable(m)},[m,S]),(0,i.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":!m||void 0,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring data-[disabled]:opacity-60`,y),...b,children:[S&&m?(0,i.jsx)(d,{editor:S,onLinkRequest:_,label:v?.toolbar??`Text formatting`}):null,(0,i.jsx)(a.EditorContent,{editor:S,"aria-label":v?.editor??`Rich text editor`,className:`[&_.tiptap]:px-3 [&_.tiptap]:py-2.5 [&_.tiptap]:outline-none [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6`,style:{minHeight:g}})]})}function p(e){let[r,a]=n.useState(!1);return n.useEffect(()=>{a(!0)},[]),r?(0,i.jsx)(f,{...e}):(0,i.jsx)(`div`,{"data-slot":`rich-text-editor`,"data-state":`loading`,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm`,e.className),style:{minHeight:e.minHeight??144},"aria-busy":`true`})}exports.EditorToolbar=d,exports.RichTextEditor=p;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@tiptap/react"),o=require("@tiptap/starter-kit");o=e.__toESM(o,1);let s=require("@tiptap/extension-link");s=e.__toESM(s,1);let c=require("@tiptap/extension-placeholder");c=e.__toESM(c,1);var l=[`history`,`bold`,`italic`,`strike`,`code`,`heading1`,`heading2`,`heading3`,`paragraph`,`bulletList`,`orderedList`,`blockquote`,`codeBlock`,`horizontalRule`,`link`,`clearFormatting`];function u(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}function d(e,t){return t===`html`?e:`<p>${u(e)}</p>`}function f({editor:e,onLinkRequest:a,label:o,features:s=l,sticky:c=!1,size:u=`default`}){let[,d]=n.useReducer(e=>e+1,0);n.useEffect(()=>{let t=()=>d();return e.on(`transaction`,t),e.on(`selectionUpdate`,t),()=>{e.off(`transaction`,t),e.off(`selectionUpdate`,t)}},[e]);let f=e.getAttributes(`link`).href,p=[{feature:`history`,group:`history`,label:`Undo`,icon:r.Undo2Icon,disabled:!e.can().undo(),run:()=>e.chain().focus().undo().run()},{feature:`history`,group:`history`,label:`Redo`,icon:r.Redo2Icon,disabled:!e.can().redo(),run:()=>e.chain().focus().redo().run()},{feature:`bold`,group:`marks`,label:`Bold`,icon:r.BoldIcon,active:e.isActive(`bold`),run:()=>e.chain().focus().toggleBold().run()},{feature:`italic`,group:`marks`,label:`Italic`,icon:r.ItalicIcon,active:e.isActive(`italic`),run:()=>e.chain().focus().toggleItalic().run()},{feature:`strike`,group:`marks`,label:`Strike`,icon:r.StrikethroughIcon,active:e.isActive(`strike`),run:()=>e.chain().focus().toggleStrike().run()},{feature:`code`,group:`marks`,label:`Inline code`,icon:r.Code2Icon,active:e.isActive(`code`),run:()=>e.chain().focus().toggleCode().run()},{feature:`paragraph`,group:`blocks`,label:`Paragraph`,icon:r.PilcrowIcon,active:e.isActive(`paragraph`),run:()=>e.chain().focus().setParagraph().run()},{feature:`heading1`,group:`blocks`,label:`Heading 1`,icon:r.Heading1Icon,active:e.isActive(`heading`,{level:1}),run:()=>e.chain().focus().toggleHeading({level:1}).run()},{feature:`heading2`,group:`blocks`,label:`Heading 2`,icon:r.Heading2Icon,active:e.isActive(`heading`,{level:2}),run:()=>e.chain().focus().toggleHeading({level:2}).run()},{feature:`heading3`,group:`blocks`,label:`Heading 3`,icon:r.Heading3Icon,active:e.isActive(`heading`,{level:3}),run:()=>e.chain().focus().toggleHeading({level:3}).run()},{feature:`bulletList`,group:`lists`,label:`Bullet list`,icon:r.ListIcon,active:e.isActive(`bulletList`),run:()=>e.chain().focus().toggleBulletList().run()},{feature:`orderedList`,group:`lists`,label:`Ordered list`,icon:r.ListOrderedIcon,active:e.isActive(`orderedList`),run:()=>e.chain().focus().toggleOrderedList().run()},{feature:`blockquote`,group:`lists`,label:`Blockquote`,icon:r.QuoteIcon,active:e.isActive(`blockquote`),run:()=>e.chain().focus().toggleBlockquote().run()},{feature:`codeBlock`,group:`insert`,label:`Code block`,icon:r.Code2Icon,active:e.isActive(`codeBlock`),run:()=>e.chain().focus().toggleCodeBlock().run()},{feature:`horizontalRule`,group:`insert`,label:`Horizontal rule`,icon:r.MinusIcon,run:()=>e.chain().focus().setHorizontalRule().run()},{feature:`clearFormatting`,group:`clear`,label:`Clear formatting`,icon:r.EraserIcon,run:()=>e.chain().focus().unsetAllMarks().clearNodes().run()}];a&&s.includes(`link`)&&p.push({feature:`link`,group:`link`,label:`Set link`,icon:r.LinkIcon,active:e.isActive(`link`),run:()=>{let t=a(f);t!=null&&(t.trim()?e.chain().focus().extendMarkRange(`link`).setLink({href:t.trim()}).run():e.chain().focus().unsetLink().run())}}),e.isActive(`link`)&&p.push({feature:`link`,group:`link`,label:`Remove link`,icon:r.UnlinkIcon,run:()=>e.chain().focus().unsetLink().run()});let m=p.filter(e=>s.includes(e.feature));return(0,i.jsx)(`div`,{role:`toolbar`,"aria-label":o,"data-size":u,"data-sticky":c||void 0,className:t.cn(`flex flex-wrap items-center gap-1 border-b bg-background/95 p-1.5`,c&&`sticky top-0 z-10 backdrop-blur`,u===`compact`&&`flex-nowrap overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`),children:m.map((e,r)=>{let a=e.icon,o=r>0&&m[r-1]?.group!==e.group;return(0,i.jsxs)(n.Fragment,{children:[o?(0,i.jsx)(`span`,{role:`separator`,"aria-orientation":`vertical`,className:`mx-0.5 h-5 w-px shrink-0 bg-border`}):null,(0,i.jsx)(`button`,{type:`button`,title:e.label,"aria-label":e.label,"aria-pressed":e.active||void 0,disabled:e.disabled,className:t.cn(`grid size-8 shrink-0 place-items-center rounded-md p-0 text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40`,u===`compact`&&`size-7`),onClick:e.run,children:(0,i.jsx)(a,{className:`size-4`})})]},e.label)})})}function p({value:e,defaultValue:r=``,onValueChange:u,output:p=`html`,placeholder:m=`Start typing...`,editable:h=!0,autoFocus:g=!1,minHeight:_=144,maxHeight:v,maxLength:y,toolbar:b=!0,stickyToolbar:x=!1,toolbarSize:S=`default`,features:C=l,showCharacterCount:w=!1,showWordCount:T=!1,onLinkRequest:E,labels:D,className:O,...k}){let A=e??r,j=(0,a.useEditor)({immediatelyRender:!0,autofocus:g,editable:h,editorProps:{attributes:{"aria-label":D?.editor??`Rich text editor`,role:`textbox`}},content:d(A,p),extensions:[o.default.configure({link:!1}),s.default.configure({openOnClick:!1,autolink:!0,defaultProtocol:`https`}),c.default.configure({placeholder:m})],onUpdate:({editor:e})=>{u?.(p===`html`?e.getHTML():e.getText())}}),[,M]=n.useReducer(e=>e+1,0);return n.useEffect(()=>{if(!j)return;let e=()=>M();return j.on(`update`,e),()=>{j.off(`update`,e)}},[j]),n.useEffect(()=>{!j||e===void 0||(p===`html`?j.getHTML():j.getText())!==e&&j.commands.setContent(d(e,p),{emitUpdate:!1})},[j,p,e]),n.useEffect(()=>{j?.setEditable(h)},[h,j]),(0,i.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":!h||void 0,"data-over-limit":j&&y!==void 0&&j.getText().length>y||void 0,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/25 data-[disabled]:opacity-60 data-[over-limit=true]:border-destructive`,O),...k,children:[j&&h&&b?(0,i.jsx)(f,{editor:j,onLinkRequest:E,label:D?.toolbar??`Text formatting`,features:C,sticky:x,size:S}):null,(0,i.jsx)(a.EditorContent,{editor:j,"aria-label":D?.editor??`Rich text editor`,className:`overflow-y-auto [&_.tiptap]:min-h-[var(--editor-min-height)] [&_.tiptap]:px-3.5 [&_.tiptap]:py-3 [&_.tiptap]:text-sm [&_.tiptap]:leading-6 [&_.tiptap]:outline-none [&_.tiptap>*+*]:mt-2 [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:border-primary/50 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_code]:rounded [&_.tiptap_code]:bg-muted [&_.tiptap_code]:px-1 [&_.tiptap_code]:py-0.5 [&_.tiptap_h1]:text-2xl [&_.tiptap_h1]:font-semibold [&_.tiptap_h2]:text-xl [&_.tiptap_h2]:font-semibold [&_.tiptap_h3]:text-lg [&_.tiptap_h3]:font-semibold [&_.tiptap_hr]:my-4 [&_.tiptap_hr]:border-border [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_pre]:overflow-x-auto [&_.tiptap_pre]:rounded-md [&_.tiptap_pre]:bg-muted [&_.tiptap_pre]:p-3 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6`,style:{"--editor-min-height":`${_}px`,maxHeight:v}}),j&&(w||T||y!==void 0)?(0,i.jsxs)(`div`,{"data-slot":`rich-text-editor-footer`,className:`flex items-center justify-end gap-3 border-t bg-muted/20 px-3 py-1.5 text-[11px] text-muted-foreground`,children:[T?(0,i.jsxs)(`span`,{children:[j.getText().trim()?j.getText().trim().split(/\s+/).length:0,` words`]}):null,w||y!==void 0?(0,i.jsxs)(`span`,{className:t.cn(y!==void 0&&j.getText().length>y&&`font-medium text-destructive`),children:[j.getText().length,y===void 0?` characters`:`/${y}`]}):null]}):null]})}function m(e){let[r,a]=n.useState(!1);return n.useEffect(()=>{a(!0)},[]),r?(0,i.jsx)(p,{...e}):(0,i.jsx)(`div`,{"data-slot":`rich-text-editor`,"data-state":`loading`,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm`,e.className),style:{minHeight:e.minHeight??144},"aria-busy":`true`})}exports.EditorToolbar=f,exports.RichTextEditor=m;

package/dist/src/components/modern/rich-text-editor.js

@@ -1,166 +1,293 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
-import { BoldIcon as n, CodeIcon as r, Heading2Icon as i, ItalicIcon as a, LinkIcon as o, ListIcon as s, ListOrderedIcon as c, QuoteIcon as l, Redo2Icon as u, StrikethroughIcon as d, Undo2Icon as f, UnlinkIcon as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EditorContent as g, useEditor as _ } from "@tiptap/react";
-import v from "@tiptap/starter-kit";
-import y from "@tiptap/extension-link";
-import b from "@tiptap/extension-placeholder";
+import { BoldIcon as n, Code2Icon as r, EraserIcon as i, Heading1Icon as a, Heading2Icon as o, Heading3Icon as s, ItalicIcon as c, LinkIcon as l, ListIcon as u, ListOrderedIcon as d, MinusIcon as f, PilcrowIcon as p, QuoteIcon as m, Redo2Icon as h, StrikethroughIcon as g, Undo2Icon as _, UnlinkIcon as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EditorContent as x, useEditor as S } from "@tiptap/react";
+import C from "@tiptap/starter-kit";
+import w from "@tiptap/extension-link";
+import T from "@tiptap/extension-placeholder";
 //#region src/components/modern/rich-text-editor.tsx
-function x(e) {
+var E = [
+	"history",
+	"bold",
+	"italic",
+	"strike",
+	"code",
+	"heading1",
+	"heading2",
+	"heading3",
+	"paragraph",
+	"bulletList",
+	"orderedList",
+	"blockquote",
+	"codeBlock",
+	"horizontalRule",
+	"link",
+	"clearFormatting"
+];
+function D(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
-function S(e, t) {
-	return t === "html" ? e : `<p>${x(e)}</p>`;
+function O(e, t) {
+	return t === "html" ? e : `<p>${D(e)}</p>`;
 }
-function C({ editor: e, onLinkRequest: t, label: h }) {
-	let g = e.getAttributes("link").href, _ = [
+function k({ editor: x, onLinkRequest: S, label: C, features: w = E, sticky: T = !1, size: D = "default" }) {
+	let [, O] = t.useReducer((e) => e + 1, 0);
+	t.useEffect(() => {
+		let e = () => O();
+		return x.on("transaction", e), x.on("selectionUpdate", e), () => {
+			x.off("transaction", e), x.off("selectionUpdate", e);
+		};
+	}, [x]);
+	let k = x.getAttributes("link").href, A = [
 		{
+			feature: "history",
+			group: "history",
 			label: "Undo",
-			icon: f,
-			disabled: !e.can().undo(),
-			run: () => e.chain().focus().undo().run()
+			icon: _,
+			disabled: !x.can().undo(),
+			run: () => x.chain().focus().undo().run()
 		},
 		{
+			feature: "history",
+			group: "history",
 			label: "Redo",
-			icon: u,
-			disabled: !e.can().redo(),
-			run: () => e.chain().focus().redo().run()
+			icon: h,
+			disabled: !x.can().redo(),
+			run: () => x.chain().focus().redo().run()
 		},
 		{
+			feature: "bold",
+			group: "marks",
 			label: "Bold",
 			icon: n,
-			active: e.isActive("bold"),
-			run: () => e.chain().focus().toggleBold().run()
+			active: x.isActive("bold"),
+			run: () => x.chain().focus().toggleBold().run()
 		},
 		{
+			feature: "italic",
+			group: "marks",
 			label: "Italic",
-			icon: a,
-			active: e.isActive("italic"),
-			run: () => e.chain().focus().toggleItalic().run()
+			icon: c,
+			active: x.isActive("italic"),
+			run: () => x.chain().focus().toggleItalic().run()
 		},
 		{
+			feature: "strike",
+			group: "marks",
 			label: "Strike",
-			icon: d,
-			active: e.isActive("strike"),
-			run: () => e.chain().focus().toggleStrike().run()
+			icon: g,
+			active: x.isActive("strike"),
+			run: () => x.chain().focus().toggleStrike().run()
 		},
 		{
+			feature: "code",
+			group: "marks",
 			label: "Inline code",
 			icon: r,
-			active: e.isActive("code"),
-			run: () => e.chain().focus().toggleCode().run()
+			active: x.isActive("code"),
+			run: () => x.chain().focus().toggleCode().run()
 		},
 		{
-			label: "Heading",
-			icon: i,
-			active: e.isActive("heading", { level: 2 }),
-			run: () => e.chain().focus().toggleHeading({ level: 2 }).run()
+			feature: "paragraph",
+			group: "blocks",
+			label: "Paragraph",
+			icon: p,
+			active: x.isActive("paragraph"),
+			run: () => x.chain().focus().setParagraph().run()
 		},
 		{
-			label: "Bullet list",
+			feature: "heading1",
+			group: "blocks",
+			label: "Heading 1",
+			icon: a,
+			active: x.isActive("heading", { level: 1 }),
+			run: () => x.chain().focus().toggleHeading({ level: 1 }).run()
+		},
+		{
+			feature: "heading2",
+			group: "blocks",
+			label: "Heading 2",
+			icon: o,
+			active: x.isActive("heading", { level: 2 }),
+			run: () => x.chain().focus().toggleHeading({ level: 2 }).run()
+		},
+		{
+			feature: "heading3",
+			group: "blocks",
+			label: "Heading 3",
 			icon: s,
-			active: e.isActive("bulletList"),
-			run: () => e.chain().focus().toggleBulletList().run()
+			active: x.isActive("heading", { level: 3 }),
+			run: () => x.chain().focus().toggleHeading({ level: 3 }).run()
+		},
+		{
+			feature: "bulletList",
+			group: "lists",
+			label: "Bullet list",
+			icon: u,
+			active: x.isActive("bulletList"),
+			run: () => x.chain().focus().toggleBulletList().run()
 		},
 		{
+			feature: "orderedList",
+			group: "lists",
 			label: "Ordered list",
-			icon: c,
-			active: e.isActive("orderedList"),
-			run: () => e.chain().focus().toggleOrderedList().run()
+			icon: d,
+			active: x.isActive("orderedList"),
+			run: () => x.chain().focus().toggleOrderedList().run()
 		},
 		{
+			feature: "blockquote",
+			group: "lists",
 			label: "Blockquote",
-			icon: l,
-			active: e.isActive("blockquote"),
-			run: () => e.chain().focus().toggleBlockquote().run()
+			icon: m,
+			active: x.isActive("blockquote"),
+			run: () => x.chain().focus().toggleBlockquote().run()
+		},
+		{
+			feature: "codeBlock",
+			group: "insert",
+			label: "Code block",
+			icon: r,
+			active: x.isActive("codeBlock"),
+			run: () => x.chain().focus().toggleCodeBlock().run()
+		},
+		{
+			feature: "horizontalRule",
+			group: "insert",
+			label: "Horizontal rule",
+			icon: f,
+			run: () => x.chain().focus().setHorizontalRule().run()
+		},
+		{
+			feature: "clearFormatting",
+			group: "clear",
+			label: "Clear formatting",
+			icon: i,
+			run: () => x.chain().focus().unsetAllMarks().clearNodes().run()
 		}
 	];
-	return t && _.push({
+	S && w.includes("link") && A.push({
+		feature: "link",
+		group: "link",
 		label: "Set link",
-		icon: o,
-		active: e.isActive("link"),
+		icon: l,
+		active: x.isActive("link"),
 		run: () => {
-			let n = t(g);
-			n != null && (n.trim() ? e.chain().focus().extendMarkRange("link").setLink({ href: n.trim() }).run() : e.chain().focus().unsetLink().run());
+			let e = S(k);
+			e != null && (e.trim() ? x.chain().focus().extendMarkRange("link").setLink({ href: e.trim() }).run() : x.chain().focus().unsetLink().run());
 		}
-	}), e.isActive("link") && _.push({
+	}), x.isActive("link") && A.push({
+		feature: "link",
+		group: "link",
 		label: "Remove link",
-		icon: p,
-		run: () => e.chain().focus().unsetLink().run()
-	}), /* @__PURE__ */ m("div", {
+		icon: v,
+		run: () => x.chain().focus().unsetLink().run()
+	});
+	let j = A.filter((e) => w.includes(e.feature));
+	return /* @__PURE__ */ y("div", {
 		role: "toolbar",
-		"aria-label": h,
-		className: "flex flex-wrap gap-1 border-b p-1.5",
-		children: _.map((e) => {
-			let t = e.icon;
-			return /* @__PURE__ */ m("button", {
+		"aria-label": C,
+		"data-size": D,
+		"data-sticky": T || void 0,
+		className: e("flex flex-wrap items-center gap-1 border-b bg-background/95 p-1.5", T && "sticky top-0 z-10 backdrop-blur", D === "compact" && "flex-nowrap overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"),
+		children: j.map((n, r) => {
+			let i = n.icon, a = r > 0 && j[r - 1]?.group !== n.group;
+			return /* @__PURE__ */ b(t.Fragment, { children: [a ? /* @__PURE__ */ y("span", {
+				role: "separator",
+				"aria-orientation": "vertical",
+				className: "mx-0.5 h-5 w-px shrink-0 bg-border"
+			}) : null, /* @__PURE__ */ y("button", {
 				type: "button",
-				title: e.label,
-				"aria-label": e.label,
-				"aria-pressed": e.active || void 0,
-				disabled: e.disabled,
-				className: "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40",
-				onClick: e.run,
-				children: /* @__PURE__ */ m(t, { className: "size-4" })
-			}, e.label);
+				title: n.label,
+				"aria-label": n.label,
+				"aria-pressed": n.active || void 0,
+				disabled: n.disabled,
+				className: e("grid size-8 shrink-0 place-items-center rounded-md p-0 text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40", D === "compact" && "size-7"),
+				onClick: n.run,
+				children: /* @__PURE__ */ y(i, { className: "size-4" })
+			})] }, n.label);
 		})
 	});
 }
-function w({ value: n, defaultValue: r = "", onValueChange: i, output: a = "html", placeholder: o = "Start typing...", editable: s = !0, autoFocus: c = !1, minHeight: l = 144, onLinkRequest: u, labels: d, className: f, ...p }) {
-	let x = n ?? r, w = _({
+function A({ value: n, defaultValue: r = "", onValueChange: i, output: a = "html", placeholder: o = "Start typing...", editable: s = !0, autoFocus: c = !1, minHeight: l = 144, maxHeight: u, maxLength: d, toolbar: f = !0, stickyToolbar: p = !1, toolbarSize: m = "default", features: h = E, showCharacterCount: g = !1, showWordCount: _ = !1, onLinkRequest: v, labels: D, className: A, ...j }) {
+	let M = n ?? r, N = S({
 		immediatelyRender: !0,
 		autofocus: c,
 		editable: s,
 		editorProps: { attributes: {
-			"aria-label": d?.editor ?? "Rich text editor",
+			"aria-label": D?.editor ?? "Rich text editor",
 			role: "textbox"
 		} },
-		content: S(x, a),
+		content: O(M, a),
 		extensions: [
-			v.configure({ link: !1 }),
-			y.configure({
+			C.configure({ link: !1 }),
+			w.configure({
 				openOnClick: !1,
 				autolink: !0,
 				defaultProtocol: "https"
 			}),
-			b.configure({ placeholder: o })
+			T.configure({ placeholder: o })
 		],
 		onUpdate: ({ editor: e }) => {
 			i?.(a === "html" ? e.getHTML() : e.getText());
 		}
-	});
+	}), [, P] = t.useReducer((e) => e + 1, 0);
 	return t.useEffect(() => {
-		!w || n === void 0 || (a === "html" ? w.getHTML() : w.getText()) !== n && w.commands.setContent(S(n, a), { emitUpdate: !1 });
+		if (!N) return;
+		let e = () => P();
+		return N.on("update", e), () => {
+			N.off("update", e);
+		};
+	}, [N]), t.useEffect(() => {
+		!N || n === void 0 || (a === "html" ? N.getHTML() : N.getText()) !== n && N.commands.setContent(O(n, a), { emitUpdate: !1 });
 	}, [
-		w,
+		N,
 		a,
 		n
 	]), t.useEffect(() => {
-		w?.setEditable(s);
-	}, [s, w]), /* @__PURE__ */ h("div", {
+		N?.setEditable(s);
+	}, [s, N]), /* @__PURE__ */ b("div", {
 		"data-slot": "rich-text-editor",
 		"data-disabled": !s || void 0,
-		className: e("overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring data-[disabled]:opacity-60", f),
-		...p,
-		children: [w && s ? /* @__PURE__ */ m(C, {
-			editor: w,
-			onLinkRequest: u,
-			label: d?.toolbar ?? "Text formatting"
-		}) : null, /* @__PURE__ */ m(g, {
-			editor: w,
-			"aria-label": d?.editor ?? "Rich text editor",
-			className: "[&_.tiptap]:px-3 [&_.tiptap]:py-2.5 [&_.tiptap]:outline-none [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6",
-			style: { minHeight: l }
-		})]
+		"data-over-limit": N && d !== void 0 && N.getText().length > d || void 0,
+		className: e("overflow-hidden rounded-md border bg-background shadow-sm transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/25 data-[disabled]:opacity-60 data-[over-limit=true]:border-destructive", A),
+		...j,
+		children: [
+			N && s && f ? /* @__PURE__ */ y(k, {
+				editor: N,
+				onLinkRequest: v,
+				label: D?.toolbar ?? "Text formatting",
+				features: h,
+				sticky: p,
+				size: m
+			}) : null,
+			/* @__PURE__ */ y(x, {
+				editor: N,
+				"aria-label": D?.editor ?? "Rich text editor",
+				className: "overflow-y-auto [&_.tiptap]:min-h-[var(--editor-min-height)] [&_.tiptap]:px-3.5 [&_.tiptap]:py-3 [&_.tiptap]:text-sm [&_.tiptap]:leading-6 [&_.tiptap]:outline-none [&_.tiptap>*+*]:mt-2 [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:border-primary/50 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_code]:rounded [&_.tiptap_code]:bg-muted [&_.tiptap_code]:px-1 [&_.tiptap_code]:py-0.5 [&_.tiptap_h1]:text-2xl [&_.tiptap_h1]:font-semibold [&_.tiptap_h2]:text-xl [&_.tiptap_h2]:font-semibold [&_.tiptap_h3]:text-lg [&_.tiptap_h3]:font-semibold [&_.tiptap_hr]:my-4 [&_.tiptap_hr]:border-border [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_pre]:overflow-x-auto [&_.tiptap_pre]:rounded-md [&_.tiptap_pre]:bg-muted [&_.tiptap_pre]:p-3 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6",
+				style: {
+					"--editor-min-height": `${l}px`,
+					maxHeight: u
+				}
+			}),
+			N && (g || _ || d !== void 0) ? /* @__PURE__ */ b("div", {
+				"data-slot": "rich-text-editor-footer",
+				className: "flex items-center justify-end gap-3 border-t bg-muted/20 px-3 py-1.5 text-[11px] text-muted-foreground",
+				children: [_ ? /* @__PURE__ */ b("span", { children: [N.getText().trim() ? N.getText().trim().split(/\s+/).length : 0, " words"] }) : null, g || d !== void 0 ? /* @__PURE__ */ b("span", {
+					className: e(d !== void 0 && N.getText().length > d && "font-medium text-destructive"),
+					children: [N.getText().length, d === void 0 ? " characters" : `/${d}`]
+				}) : null]
+			}) : null
+		]
 	});
 }
-function T(n) {
+function j(n) {
 	let [r, i] = t.useState(!1);
 	return t.useEffect(() => {
 		i(!0);
-	}, []), r ? /* @__PURE__ */ m(w, { ...n }) : /* @__PURE__ */ m("div", {
+	}, []), r ? /* @__PURE__ */ y(A, { ...n }) : /* @__PURE__ */ y("div", {
 		"data-slot": "rich-text-editor",
 		"data-state": "loading",
 		className: e("overflow-hidden rounded-md border bg-background shadow-sm", n.className),
@@ -169,4 +296,4 @@ function T(n) {
 	});
 }
 //#endregion
-export { C as EditorToolbar, T as RichTextEditor };
+export { k as EditorToolbar, j as RichTextEditor };

package/dist/src/components/theme-provider.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=`tembro-theme`,i=t.createContext(null);function a(){return typeof window>`u`?`light`:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function o(){if(typeof window>`u`)return`system`;let e=window.localStorage.getItem(r);return e===`light`||e===`dark`||e===`system`?e:`system`}function s({children:e}){let[s,c]=t.useState(o),[l,u]=t.useState(!1),[d,f]=t.useState(a),p=s===`system`?d:s;t.useEffect(()=>{u(!0)},[]),t.useEffect(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>f(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),t.useEffect(()=>{let e=window.document.documentElement;e.classList.toggle(`dark`,p===`dark`),e.style.colorScheme=p,window.localStorage.setItem(r,s)},[p,s]);let m=t.useCallback(e=>{c(e)},[]),h=t.useCallback(()=>{c(e=>e===`system`?`dark`:e===`dark`?`light`:`system`)},[]),g=t.useMemo(()=>({theme:s,resolvedTheme:p,mounted:l,setTheme:m,toggleTheme:h}),[l,p,m,s,h]);return(0,n.jsx)(i.Provider,{value:g,children:e})}function c(){let e=t.useContext(i);if(!e)throw Error(`useTheme must be used within ThemeProvider`);return e}exports.ThemeProvider=s,exports.useTheme=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=`tembro-theme`,i=[`light`,`dark`],a={light:`light`,dark:`dark`,dim:`dark`},o=t.createContext(null);function s(){return typeof window>`u`?`light`:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function c({children:e,themes:c=i,defaultTheme:l=`system`,forcedTheme:u,storageKey:d=r,enableSystem:f=!0,attribute:p=`both`,colorSchemes:m=a,disableTransitionOnChange:h=!0,onThemeChange:g}){let _=t.useMemo(()=>Array.from(new Set(c.length?c:i)),[c]),[v,y]=t.useState(()=>{if(typeof window>`u`)return l;let e=window.localStorage.getItem(d);return e===`system`&&f||e&&_.includes(e)?e:l}),[b,x]=t.useState(!1),[S,C]=t.useState(s),w=t.useRef(void 0),T=u??v,E=T===`system`?_.includes(S)?S:_[0]??`light`:T,D=m[E]??a[E]??(E===`dark`?`dark`:`light`);t.useEffect(()=>{x(!0)},[]),t.useEffect(()=>{if(!f)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>C(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[f]),t.useEffect(()=>{let e=window.document.documentElement,t;if(h){let n=document.createElement(`style`);n.textContent=`*,*::before,*::after{transition:none!important}`,document.head.append(n),window.getComputedStyle(e).opacity,t=()=>window.setTimeout(()=>n.remove(),0)}(p===`class`||p===`both`)&&(w.current&&e.classList.remove(w.current),e.classList.remove(`light`,`dark`),e.classList.add(E),D===`dark`&&E!==`dark`&&e.classList.add(`dark`),w.current=E),(p===`data-theme`||p===`both`)&&(e.dataset.theme=E),e.style.colorScheme=D,u||window.localStorage.setItem(d,v),g?.(v,E),t?.()},[p,D,h,u,g,E,d,v]);let O=t.useCallback(e=>{(e===`system`?f:_.includes(e))&&y(e)},[_,f]),k=t.useCallback(()=>{let e=[..._,...f?[`system`]:[]];y(t=>e[(e.indexOf(t)+1)%e.length]??_[0]??`light`)},[_,f]),A=t.useMemo(()=>({theme:v,resolvedTheme:E,systemTheme:S,themes:_,mounted:b,setTheme:O,toggleTheme:k}),[_,b,E,O,S,v,k]);return(0,n.jsx)(o.Provider,{value:A,children:e})}function l(){let e=t.useContext(o);if(!e)throw Error(`useTheme must be used within ThemeProvider`);return e}exports.ThemeProvider=c,exports.useTheme=l;

package/dist/src/components/theme-provider.js

@@ -2,52 +2,74 @@
 import * as e from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/theme-provider.tsx
-var n = "tembro-theme", r = e.createContext(null);
-function i() {
+var n = "tembro-theme", r = ["light", "dark"], i = {
+	light: "light",
+	dark: "dark",
+	dim: "dark"
+}, a = e.createContext(null);
+function o() {
 	return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function a() {
-	if (typeof window > "u") return "system";
-	let e = window.localStorage.getItem(n);
-	return e === "light" || e === "dark" || e === "system" ? e : "system";
-}
-function o({ children: o }) {
-	let [s, c] = e.useState(a), [l, u] = e.useState(!1), [d, f] = e.useState(i), p = s === "system" ? d : s;
+function s({ children: s, themes: c = r, defaultTheme: l = "system", forcedTheme: u, storageKey: d = n, enableSystem: f = !0, attribute: p = "both", colorSchemes: m = i, disableTransitionOnChange: h = !0, onThemeChange: g }) {
+	let _ = e.useMemo(() => Array.from(new Set(c.length ? c : r)), [c]), [v, y] = e.useState(() => {
+		if (typeof window > "u") return l;
+		let e = window.localStorage.getItem(d);
+		return e === "system" && f || e && _.includes(e) ? e : l;
+	}), [b, x] = e.useState(!1), [S, C] = e.useState(o), w = e.useRef(void 0), T = u ?? v, E = T === "system" ? _.includes(S) ? S : _[0] ?? "light" : T, D = m[E] ?? i[E] ?? (E === "dark" ? "dark" : "light");
 	e.useEffect(() => {
-		u(!0);
+		x(!0);
 	}, []), e.useEffect(() => {
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => f(e.matches ? "dark" : "light");
+		if (!f) return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => C(e.matches ? "dark" : "light");
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), e.useEffect(() => {
-		let e = window.document.documentElement;
-		e.classList.toggle("dark", p === "dark"), e.style.colorScheme = p, window.localStorage.setItem(n, s);
-	}, [p, s]);
-	let m = e.useCallback((e) => {
-		c(e);
-	}, []), h = e.useCallback(() => {
-		c((e) => e === "system" ? "dark" : e === "dark" ? "light" : "system");
-	}, []), g = e.useMemo(() => ({
-		theme: s,
-		resolvedTheme: p,
-		mounted: l,
-		setTheme: m,
-		toggleTheme: h
-	}), [
-		l,
+	}, [f]), e.useEffect(() => {
+		let e = window.document.documentElement, t;
+		if (h) {
+			let n = document.createElement("style");
+			n.textContent = "*,*::before,*::after{transition:none!important}", document.head.append(n), window.getComputedStyle(e).opacity, t = () => window.setTimeout(() => n.remove(), 0);
+		}
+		(p === "class" || p === "both") && (w.current && e.classList.remove(w.current), e.classList.remove("light", "dark"), e.classList.add(E), D === "dark" && E !== "dark" && e.classList.add("dark"), w.current = E), (p === "data-theme" || p === "both") && (e.dataset.theme = E), e.style.colorScheme = D, u || window.localStorage.setItem(d, v), g?.(v, E), t?.();
+	}, [
 		p,
-		m,
-		s,
-		h
+		D,
+		h,
+		u,
+		g,
+		E,
+		d,
+		v
+	]);
+	let O = e.useCallback((e) => {
+		(e === "system" ? f : _.includes(e)) && y(e);
+	}, [_, f]), k = e.useCallback(() => {
+		let e = [..._, ...f ? ["system"] : []];
+		y((t) => e[(e.indexOf(t) + 1) % e.length] ?? _[0] ?? "light");
+	}, [_, f]), A = e.useMemo(() => ({
+		theme: v,
+		resolvedTheme: E,
+		systemTheme: S,
+		themes: _,
+		mounted: b,
+		setTheme: O,
+		toggleTheme: k
+	}), [
+		_,
+		b,
+		E,
+		O,
+		S,
+		v,
+		k
 	]);
-	return /* @__PURE__ */ t(r.Provider, {
-		value: g,
-		children: o
+	return /* @__PURE__ */ t(a.Provider, {
+		value: A,
+		children: s
 	});
 }
-function s() {
-	let t = e.useContext(r);
+function c() {
+	let t = e.useContext(a);
 	if (!t) throw Error("useTheme must be used within ThemeProvider");
 	return t;
 }
 //#endregion
-export { o as ThemeProvider, s as useTheme };
+export { s as ThemeProvider, c as useTheme };

package/dist/src/components/ui/badge/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap outline-none [&>svg]:pointer-events-none`,{variants:{variant:{default:``,secondary:``,destructive:``,soft:``,outline:``,ghost:``,link:``},tone:{neutral:``,info:``,success:``,warning:``,danger:``,muted:``},size:{sm:``,default:``,lg:``},dot:{true:``,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:n=`default`,tone:i=`neutral`,size:l=`default`,dot:u=!1,label:d,count:f,status:p,removable:m=!1,selected:h=!1,onRemove:g,removeLabel:_=`Remove badge`,leftIcon:v,rightIcon:y,children:b,render:x,onKeyDown:S,...C}){let w=p??i,T=d??b,E=u||p===`success`||p===`warning`||p===`danger`||p===`info`;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:n,tone:w,size:l,dot:E}),h&&`ring-2 ring-ring/45 ring-offset-1`,e),tabIndex:m?0:void 0,onKeyDown:e=>{m&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),g?.()),S?.(e)},children:(0,a.jsxs)(a.Fragment,{children:[E?(0,a.jsx)(`span`,{"data-slot":`badge-dot`}):null,v?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:v}):null,T?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:T}):null,f==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,children:f}),y?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:y}):null,m?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":_,onClick:e=>{e.preventDefault(),e.stopPropagation(),g?.()},children:(0,a.jsx)(r.XIcon,{"data-icon":`remove`})}):null]})},{"data-variant":n??`default`,"data-tone":w??`neutral`,"data-size":l??`default`,"data-removable":m||void 0,"data-selected":h||void 0},C),render:x,state:{slot:`badge`,variant:n,tone:w,size:l,dot:E}})}exports.Badge=l,exports.badgeVariants=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap outline-none [&>svg]:pointer-events-none`,{variants:{variant:{default:``,secondary:``,destructive:``,soft:``,outline:``,ghost:``,link:``},tone:{neutral:``,info:``,success:``,warning:``,danger:``,muted:``},size:{sm:``,default:``,lg:``},dot:{true:``,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:i=`default`,tone:l=`neutral`,size:u=`default`,dot:d=!1,label:f,count:p,status:m,removable:h=!1,selected:g=!1,onRemove:_,removeLabel:v=`Remove badge`,leftIcon:y,rightIcon:b,avatar:x,showDot:S,dotPosition:C=`start`,pulse:w=!1,interactive:T=!1,children:E,render:D,onKeyDown:O,...k}){let A=m??l,j=f??E,M=S??!!(d||m===`success`||m===`warning`||m===`danger`||m===`info`),N=M?(0,a.jsx)(`span`,{"data-slot":`badge-dot`,"data-pulse":w||void 0,children:n.isValidElement(d)?d:null}):null;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:i,tone:A,size:u,dot:M}),g&&`ring-2 ring-ring/45 ring-offset-1`,T&&`cursor-pointer`,e),tabIndex:h||T?0:void 0,onKeyDown:e=>{h&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),_?.()),O?.(e)},children:(0,a.jsxs)(a.Fragment,{children:[C===`start`?N:null,x?(0,a.jsx)(`span`,{"data-slot":`badge-avatar`,className:`grid shrink-0 place-items-center overflow-hidden rounded-full`,children:x}):null,y?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`grid shrink-0 place-items-center`,children:y}):null,j?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:j}):null,p==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,children:p}),b?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`grid shrink-0 place-items-center`,children:b}):null,C===`end`?N:null,h?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":v,onClick:e=>{e.preventDefault(),e.stopPropagation(),_?.()},children:(0,a.jsx)(r.XIcon,{"data-icon":`remove`})}):null]})},{"data-variant":i??`default`,"data-tone":A??`neutral`,"data-size":u??`default`,"data-removable":h||void 0,"data-selected":g||void 0,"data-interactive":T||void 0,"data-pulse":w||void 0},k),render:D,state:{slot:`badge`,variant:i,tone:A,size:u,dot:M}})}exports.Badge=l,exports.badgeVariants=c;