@bzync/rui 0.0.3

package/dist/components/radio.js

@@ -0,0 +1,96 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t } from "../component-styles-Ce56hn9T.js";
+import { motion as n } from "framer-motion";
+import { createContext as r, useContext as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/radio.tsx
+var c = r(null);
+function l() {
+	let e = i(c);
+	if (!e) throw Error("Radio must be inside <RadioGroup>");
+	return e;
+}
+function u({ name: n, value: r, onChange: i, disabled: l, label: u, hint: d, error: f, orientation: p = "vertical", className: m, children: h }) {
+	let g = a(), _ = n ?? g, v = `${_}-label`, y = `${_}-message`;
+	return /* @__PURE__ */ s("div", {
+		className: e(t, m),
+		children: [
+			u && /* @__PURE__ */ o("p", {
+				id: v,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: u
+			}),
+			/* @__PURE__ */ o(c.Provider, {
+				value: {
+					name: _,
+					value: r,
+					onChange: i,
+					disabled: l
+				},
+				children: /* @__PURE__ */ o("div", {
+					role: "radiogroup",
+					"aria-labelledby": u ? v : void 0,
+					"aria-invalid": f ? !0 : void 0,
+					"aria-describedby": f || d ? y : void 0,
+					className: e("flex gap-2", p === "vertical" ? "flex-col" : "flex-row flex-wrap"),
+					children: h
+				})
+			}),
+			f && /* @__PURE__ */ o("p", {
+				id: y,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: f
+			}),
+			d && !f && /* @__PURE__ */ o("p", {
+				id: y,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: d
+			})
+		]
+	});
+}
+function d({ value: t, label: r, description: i, disabled: c, className: u }) {
+	let { name: d, value: f, onChange: p, disabled: m } = l(), h = a(), g = f === t, _ = c ?? m;
+	return /* @__PURE__ */ s("label", {
+		htmlFor: h,
+		className: e("flex items-start gap-2.5 cursor-pointer", _ && "cursor-not-allowed opacity-50", u),
+		children: [/* @__PURE__ */ s("div", {
+			className: "relative mt-0.5 shrink-0 w-4 h-4",
+			children: [/* @__PURE__ */ o("input", {
+				type: "radio",
+				id: h,
+				name: d,
+				value: t,
+				checked: g,
+				disabled: _,
+				onChange: () => p(t),
+				className: "peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed"
+			}), /* @__PURE__ */ o("div", {
+				className: e("w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", g ? "bg-primary border-primary" : "bg-transparent border-black/25 dark:border-white/25"),
+				children: g && /* @__PURE__ */ o(n.span, {
+					initial: { scale: 0 },
+					animate: { scale: 1 },
+					transition: {
+						type: "spring",
+						stiffness: 600,
+						damping: 30
+					},
+					className: "w-1.5 h-1.5 rounded-full bg-white"
+				})
+			})]
+		}), (r || i) && /* @__PURE__ */ s("div", {
+			className: "min-w-0",
+			children: [r && /* @__PURE__ */ o("p", {
+				className: "text-sm font-medium text-foreground leading-snug",
+				children: r
+			}), i && /* @__PURE__ */ o("p", {
+				className: "mt-0.5 text-xs text-muted-foreground",
+				children: i
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as Radio, u as RadioGroup };

package/dist/components/richtext.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({onClick:t,title:r,active:i,children:a}){return(0,n.jsx)(`button`,{type:`button`,title:r,onMouseDown:e=>{e.preventDefault(),t()},className:e.t(`h-7 w-7 flex items-center justify-center rounded-md text-sm transition-colors`,i?`bg-black/10 dark:bg-white/15 text-gray-900 dark:text-white`:`text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8`),children:a})}function i(){return(0,n.jsx)(`div`,{className:`w-px h-5 bg-black/10 dark:bg-white/10 mx-0.5`})}function a(e){if(typeof document>`u`)return e;let t=document.createElement(`template`);t.innerHTML=e,t.content.querySelectorAll(`script, style, iframe, object, embed, link, meta`).forEach(e=>e.remove());let n=document.createTreeWalker(t.content,NodeFilter.SHOW_ELEMENT);for(;n.nextNode();){let e=n.currentNode;for(let t of Array.from(e.attributes)){let n=t.name.toLowerCase(),r=t.value.trim().toLowerCase();(n.startsWith(`on`)||r.startsWith(`javascript:`))&&e.removeAttribute(t.name)}}let r=t.innerHTML;return r=r.replace(/\son\w+\s*=\s*(['"])[^'"]*\1/gi,``),r}function o(e,t){return t?typeof t==`function`?t(e):a(e):e}function s({value:a=``,onChange:s,placeholder:c=`Start typing…`,className:l,minHeight:u=160,sanitize:d=!1}){let f=(0,t.useRef)(null),p=(0,t.useRef)(a);(0,t.useEffect)(()=>{let e=o(a,d);f.current&&f.current.innerHTML!==e&&(f.current.innerHTML=e,p.current=e)},[a,d]);let m=(0,t.useCallback)(()=>{let e=f.current?.innerHTML??``,t=d?o(e,d):e;t!==p.current&&(p.current=t,s?.(t))},[s,d]);function h(e,t){try{document.execCommand(e,!1,t)}catch{}f.current?.focus(),m()}function g(e){try{return document.queryCommandState(e)}catch{return!1}}return(0,n.jsxs)(`div`,{className:e.t(`rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-white dark:bg-navy-900 focus-within:ring-1 focus-within:ring-blue-500/40 focus-within:border-accent-500/30 transition-all`,l),children:[(0,n.jsxs)(`div`,{className:`flex flex-wrap items-center gap-0.5 px-2 py-2 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/2 dark:bg-white/2`,children:[(0,n.jsx)(r,{title:`Bold (⌘B)`,onClick:()=>h(`bold`),active:g(`bold`),children:(0,n.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8`})})}),(0,n.jsx)(r,{title:`Italic (⌘I)`,onClick:()=>h(`italic`),active:g(`italic`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`19`,y1:`4`,x2:`10`,y2:`4`}),(0,n.jsx)(`line`,{x1:`14`,y1:`20`,x2:`5`,y2:`20`}),(0,n.jsx)(`line`,{x1:`15`,y1:`4`,x2:`9`,y2:`20`})]})}),(0,n.jsx)(r,{title:`Underline (⌘U)`,onClick:()=>h(`underline`),active:g(`underline`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M6 4v6a6 6 0 0 0 12 0V4`}),(0,n.jsx)(`line`,{x1:`4`,y1:`20`,x2:`20`,y2:`20`})]})}),(0,n.jsx)(r,{title:`Strikethrough`,onClick:()=>h(`strikeThrough`),active:g(`strikeThrough`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6`}),(0,n.jsx)(`line`,{x1:`4`,y1:`12`,x2:`20`,y2:`12`})]})}),(0,n.jsx)(i,{}),(0,n.jsx)(r,{title:`Heading 1`,onClick:()=>h(`formatBlock`,`<h1>`),children:(0,n.jsx)(`span`,{className:`text-[11px] font-bold`,children:`H1`})}),(0,n.jsx)(r,{title:`Heading 2`,onClick:()=>h(`formatBlock`,`<h2>`),children:(0,n.jsx)(`span`,{className:`text-[11px] font-bold`,children:`H2`})}),(0,n.jsx)(r,{title:`Paragraph`,onClick:()=>h(`formatBlock`,`<p>`),children:(0,n.jsx)(`span`,{className:`text-[11px] font-medium`,children:`P`})}),(0,n.jsx)(i,{}),(0,n.jsx)(r,{title:`Bullet list`,onClick:()=>h(`insertUnorderedList`),active:g(`insertUnorderedList`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`9`,y1:`6`,x2:`20`,y2:`6`}),(0,n.jsx)(`line`,{x1:`9`,y1:`12`,x2:`20`,y2:`12`}),(0,n.jsx)(`line`,{x1:`9`,y1:`18`,x2:`20`,y2:`18`}),(0,n.jsx)(`circle`,{cx:`4`,cy:`6`,r:`1.5`,fill:`currentColor`,stroke:`none`}),(0,n.jsx)(`circle`,{cx:`4`,cy:`12`,r:`1.5`,fill:`currentColor`,stroke:`none`}),(0,n.jsx)(`circle`,{cx:`4`,cy:`18`,r:`1.5`,fill:`currentColor`,stroke:`none`})]})}),(0,n.jsx)(r,{title:`Ordered list`,onClick:()=>h(`insertOrderedList`),active:g(`insertOrderedList`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`10`,y1:`6`,x2:`21`,y2:`6`}),(0,n.jsx)(`line`,{x1:`10`,y1:`12`,x2:`21`,y2:`12`}),(0,n.jsx)(`line`,{x1:`10`,y1:`18`,x2:`21`,y2:`18`}),(0,n.jsx)(`path`,{d:`M4 6h1v4`}),(0,n.jsx)(`path`,{d:`M4 10h2`}),(0,n.jsx)(`path`,{d:`M6 18H4c0-1 2-2 2-3s-1-1.5-2-1`})]})}),(0,n.jsx)(r,{title:`Blockquote`,onClick:()=>h(`formatBlock`,`<blockquote>`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z`}),(0,n.jsx)(`path`,{d:`M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z`})]})}),(0,n.jsx)(i,{}),(0,n.jsx)(r,{title:`Undo (⌘Z)`,onClick:()=>h(`undo`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M3 7v6h6`}),(0,n.jsx)(`path`,{d:`M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13`})]})}),(0,n.jsx)(r,{title:`Redo (⌘⇧Z)`,onClick:()=>h(`redo`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M21 7v6h-6`}),(0,n.jsx)(`path`,{d:`M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7`})]})}),(0,n.jsx)(r,{title:`Clear formatting`,onClick:()=>h(`removeFormat`),children:(0,n.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M4 7V4h16v3`}),(0,n.jsx)(`path`,{d:`M5 20h6`}),(0,n.jsx)(`path`,{d:`M13 4 8 20`}),(0,n.jsx)(`line`,{x1:`3`,y1:`3`,x2:`21`,y2:`21`})]})})]}),(0,n.jsxs)(`div`,{className:`relative`,children:[(0,n.jsx)(`div`,{ref:f,contentEditable:!0,suppressContentEditableWarning:!0,onInput:m,onBlur:m,style:{minHeight:u},className:e.t(`px-4 py-3 text-sm text-slate-800 dark:text-slate-200 focus:outline-none`,`prose prose-sm max-w-none`,`[&_h1]:text-xl [&_h1]:font-bold [&_h1]:mb-2 [&_h1]:text-gray-900 dark:[&_h1]:text-white`,`[&_h2]:text-lg [&_h2]:font-semibold [&_h2]:mb-1.5 [&_h2]:text-gray-900 dark:[&_h2]:text-white`,`[&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:mb-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:mb-2`,`[&_blockquote]:border-l-2 [&_blockquote]:border-accent-400 [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_blockquote]:italic`)}),!a&&(0,n.jsx)(`div`,{className:`pointer-events-none absolute top-3 left-4 text-sm text-slate-400 dark:text-slate-600 select-none`,"aria-hidden":!0,children:c})]})]})}exports.RichTextEditor=s;

package/dist/components/richtext.d.ts

@@ -0,0 +1,10 @@
+export interface RichTextEditorProps {
+    value?: string;
+    onChange?: (html: string) => void;
+    placeholder?: string;
+    className?: string;
+    minHeight?: number;
+    /** Sanitize HTML before rendering to prevent XSS when value comes from untrusted sources. Pass a custom function to override. */
+    sanitize?: boolean | ((html: string) => string);
+}
+export declare function RichTextEditor({ value, onChange, placeholder, className, minHeight, sanitize, }: RichTextEditorProps): import("react").JSX.Element;

package/dist/components/richtext.js

@@ -0,0 +1,370 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { useCallback as t, useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/richtext.tsx
+function o({ onClick: t, title: n, active: r, children: a }) {
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		title: n,
+		onMouseDown: (e) => {
+			e.preventDefault(), t();
+		},
+		className: e("h-7 w-7 flex items-center justify-center rounded-md text-sm transition-colors", r ? "bg-black/10 dark:bg-white/15 text-gray-900 dark:text-white" : "text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8"),
+		children: a
+	});
+}
+function s() {
+	return /* @__PURE__ */ i("div", { className: "w-px h-5 bg-black/10 dark:bg-white/10 mx-0.5" });
+}
+function c(e) {
+	if (typeof document > "u") return e;
+	let t = document.createElement("template");
+	t.innerHTML = e, t.content.querySelectorAll("script, style, iframe, object, embed, link, meta").forEach((e) => e.remove());
+	let n = document.createTreeWalker(t.content, NodeFilter.SHOW_ELEMENT);
+	for (; n.nextNode();) {
+		let e = n.currentNode;
+		for (let t of Array.from(e.attributes)) {
+			let n = t.name.toLowerCase(), r = t.value.trim().toLowerCase();
+			(n.startsWith("on") || r.startsWith("javascript:")) && e.removeAttribute(t.name);
+		}
+	}
+	let r = t.innerHTML;
+	return r = r.replace(/\son\w+\s*=\s*(['"])[^'"]*\1/gi, ""), r;
+}
+function l(e, t) {
+	return t ? typeof t == "function" ? t(e) : c(e) : e;
+}
+function u({ value: c = "", onChange: u, placeholder: d = "Start typing…", className: f, minHeight: p = 160, sanitize: m = !1 }) {
+	let h = r(null), g = r(c);
+	n(() => {
+		let e = l(c, m);
+		h.current && h.current.innerHTML !== e && (h.current.innerHTML = e, g.current = e);
+	}, [c, m]);
+	let _ = t(() => {
+		let e = h.current?.innerHTML ?? "", t = m ? l(e, m) : e;
+		t !== g.current && (g.current = t, u?.(t));
+	}, [u, m]);
+	function v(e, t) {
+		try {
+			document.execCommand(e, !1, t);
+		} catch {}
+		h.current?.focus(), _();
+	}
+	function y(e) {
+		try {
+			return document.queryCommandState(e);
+		} catch {
+			return !1;
+		}
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e("rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-white dark:bg-navy-900 focus-within:ring-1 focus-within:ring-blue-500/40 focus-within:border-accent-500/30 transition-all", f),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex flex-wrap items-center gap-0.5 px-2 py-2 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/2 dark:bg-white/2",
+			children: [
+				/* @__PURE__ */ i(o, {
+					title: "Bold (⌘B)",
+					onClick: () => v("bold"),
+					active: y("bold"),
+					children: /* @__PURE__ */ i("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ i("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" })
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Italic (⌘I)",
+					onClick: () => v("italic"),
+					active: y("italic"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ i("line", {
+								x1: "19",
+								y1: "4",
+								x2: "10",
+								y2: "4"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "14",
+								y1: "20",
+								x2: "5",
+								y2: "20"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "15",
+								y1: "4",
+								x2: "9",
+								y2: "20"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Underline (⌘U)",
+					onClick: () => v("underline"),
+					active: y("underline"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }), /* @__PURE__ */ i("line", {
+							x1: "4",
+							y1: "20",
+							x2: "20",
+							y2: "20"
+						})]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Strikethrough",
+					onClick: () => v("strikeThrough"),
+					active: y("strikeThrough"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("path", { d: "M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6" }), /* @__PURE__ */ i("line", {
+							x1: "4",
+							y1: "12",
+							x2: "20",
+							y2: "12"
+						})]
+					})
+				}),
+				/* @__PURE__ */ i(s, {}),
+				/* @__PURE__ */ i(o, {
+					title: "Heading 1",
+					onClick: () => v("formatBlock", "<h1>"),
+					children: /* @__PURE__ */ i("span", {
+						className: "text-[11px] font-bold",
+						children: "H1"
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Heading 2",
+					onClick: () => v("formatBlock", "<h2>"),
+					children: /* @__PURE__ */ i("span", {
+						className: "text-[11px] font-bold",
+						children: "H2"
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Paragraph",
+					onClick: () => v("formatBlock", "<p>"),
+					children: /* @__PURE__ */ i("span", {
+						className: "text-[11px] font-medium",
+						children: "P"
+					})
+				}),
+				/* @__PURE__ */ i(s, {}),
+				/* @__PURE__ */ i(o, {
+					title: "Bullet list",
+					onClick: () => v("insertUnorderedList"),
+					active: y("insertUnorderedList"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ i("line", {
+								x1: "9",
+								y1: "6",
+								x2: "20",
+								y2: "6"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "9",
+								y1: "12",
+								x2: "20",
+								y2: "12"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "9",
+								y1: "18",
+								x2: "20",
+								y2: "18"
+							}),
+							/* @__PURE__ */ i("circle", {
+								cx: "4",
+								cy: "6",
+								r: "1.5",
+								fill: "currentColor",
+								stroke: "none"
+							}),
+							/* @__PURE__ */ i("circle", {
+								cx: "4",
+								cy: "12",
+								r: "1.5",
+								fill: "currentColor",
+								stroke: "none"
+							}),
+							/* @__PURE__ */ i("circle", {
+								cx: "4",
+								cy: "18",
+								r: "1.5",
+								fill: "currentColor",
+								stroke: "none"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Ordered list",
+					onClick: () => v("insertOrderedList"),
+					active: y("insertOrderedList"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ i("line", {
+								x1: "10",
+								y1: "6",
+								x2: "21",
+								y2: "6"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "10",
+								y1: "12",
+								x2: "21",
+								y2: "12"
+							}),
+							/* @__PURE__ */ i("line", {
+								x1: "10",
+								y1: "18",
+								x2: "21",
+								y2: "18"
+							}),
+							/* @__PURE__ */ i("path", { d: "M4 6h1v4" }),
+							/* @__PURE__ */ i("path", { d: "M4 10h2" }),
+							/* @__PURE__ */ i("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+						]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Blockquote",
+					onClick: () => v("formatBlock", "<blockquote>"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z" }), /* @__PURE__ */ i("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z" })]
+					})
+				}),
+				/* @__PURE__ */ i(s, {}),
+				/* @__PURE__ */ i(o, {
+					title: "Undo (⌘Z)",
+					onClick: () => v("undo"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("path", { d: "M3 7v6h6" }), /* @__PURE__ */ i("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Redo (⌘⇧Z)",
+					onClick: () => v("redo"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("path", { d: "M21 7v6h-6" }), /* @__PURE__ */ i("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })]
+					})
+				}),
+				/* @__PURE__ */ i(o, {
+					title: "Clear formatting",
+					onClick: () => v("removeFormat"),
+					children: /* @__PURE__ */ a("svg", {
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ i("path", { d: "M4 7V4h16v3" }),
+							/* @__PURE__ */ i("path", { d: "M5 20h6" }),
+							/* @__PURE__ */ i("path", { d: "M13 4 8 20" }),
+							/* @__PURE__ */ i("line", {
+								x1: "3",
+								y1: "3",
+								x2: "21",
+								y2: "21"
+							})
+						]
+					})
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ i("div", {
+				ref: h,
+				contentEditable: !0,
+				suppressContentEditableWarning: !0,
+				onInput: _,
+				onBlur: _,
+				style: { minHeight: p },
+				className: e("px-4 py-3 text-sm text-slate-800 dark:text-slate-200 focus:outline-none", "prose prose-sm max-w-none", "[&_h1]:text-xl [&_h1]:font-bold [&_h1]:mb-2 [&_h1]:text-gray-900 dark:[&_h1]:text-white", "[&_h2]:text-lg [&_h2]:font-semibold [&_h2]:mb-1.5 [&_h2]:text-gray-900 dark:[&_h2]:text-white", "[&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:mb-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:mb-2", "[&_blockquote]:border-l-2 [&_blockquote]:border-accent-400 [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_blockquote]:italic")
+			}), !c && /* @__PURE__ */ i("div", {
+				className: "pointer-events-none absolute top-3 left-4 text-sm text-slate-400 dark:text-slate-600 select-none",
+				"aria-hidden": !0,
+				children: d
+			})]
+		})]
+	});
+}
+//#endregion
+export { u as RichTextEditor };

package/dist/components/select/option-list.d.ts

@@ -0,0 +1,16 @@
+import { FlatOption, MenuPos, SelectItem, SelectOption, SelectOptionColor } from './types';
+export declare function OptionList({ listId, listRef, open, pos, options, flat, activeIdx, setActiveIdx, isSelected, onSelect, colorDot, multiselectable, className, }: {
+    listId: string;
+    listRef: React.RefObject<HTMLUListElement | null>;
+    open: boolean;
+    pos: MenuPos | null;
+    options: SelectItem[];
+    flat: FlatOption[];
+    activeIdx: number;
+    setActiveIdx: (i: number) => void;
+    isSelected: (value: string) => boolean;
+    onSelect: (opt: SelectOption) => void;
+    colorDot: Record<SelectOptionColor, string>;
+    multiselectable?: boolean;
+    className?: string;
+}): import('react').ReactPortal | null;

package/dist/components/select/select-multi.d.ts

@@ -0,0 +1,2 @@
+import { SelectPropsMulti } from './types';
+export declare const SelectMulti: import('react').ForwardRefExoticComponent<SelectPropsMulti & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/select/select-single.d.ts

@@ -0,0 +1,2 @@
+import { SelectPropsSingle } from './types';
+export declare const SelectSingle: import('react').ForwardRefExoticComponent<SelectPropsSingle & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/select/types.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+export type SelectOptionColor = "default" | "success" | "warning" | "error" | "info";
+export interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    color?: SelectOptionColor;
+}
+export interface SelectOptionGroup {
+    group: string;
+    options: SelectOption[];
+}
+export type SelectItem = SelectOption | SelectOptionGroup;
+export interface SelectPropsBase {
+    options: SelectItem[];
+    placeholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    clearable?: boolean;
+    className?: string;
+    wrapperClassName?: string;
+    triggerClassName?: string;
+    listClassName?: string;
+    id?: string;
+    unstyled?: boolean;
+}
+export interface SelectPropsSingle extends SelectPropsBase {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+export interface SelectPropsMulti extends SelectPropsBase {
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+}
+export type SelectProps = SelectPropsSingle | SelectPropsMulti;
+export interface FlatOption extends SelectOption {
+    flatIdx: number;
+}
+export interface MenuPos {
+    top: number;
+    left: number;
+    width: number;
+    maxHeight: number;
+    placement: "top" | "bottom";
+}

package/dist/components/select/utils.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { FlatOption, MenuPos, SelectItem, SelectOptionColor, SelectOptionGroup } from './types';
+export declare function isGroup(item: SelectItem): item is SelectOptionGroup;
+export declare const colorDot: Record<SelectOptionColor, string>;
+export declare function flatten(items: SelectItem[]): FlatOption[];
+export declare function useMenuPosition(open: boolean, anchorRef: RefObject<HTMLElement | null>): MenuPos | null;
+export declare const XIcon: () => import("react").JSX.Element;
+export declare const ChevronIcon: ({ open }: {
+    open: boolean;
+}) => import("react").JSX.Element;

package/dist/components/select.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../select-q0YCMhBP.cjs");exports.Select=e.t;

package/dist/components/select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from './select/types';
+export type { SelectOptionColor, SelectOption, SelectOptionGroup, SelectItem, SelectPropsBase, SelectPropsSingle, SelectPropsMulti, SelectProps, } from './select/types';
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/select.js

@@ -0,0 +1,2 @@
+import { t as e } from "../select-Ch5fp1GT.js";
+export { e as Select };

package/dist/components/seo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({alt:n,loading:r=`lazy`,decoding:i=`async`,className:a,width:o,height:s,style:c,...l}){return(!n||n.trim()===``)&&console.warn(`[rtui SeoImage] alt text is required for SEO and accessibility. Provide a descriptive alt.`),(0,t.jsx)(`img`,{alt:n,loading:r,decoding:i,width:o,height:s,className:e.t(o&&s?`h-auto`:void 0,a),style:o&&s?{aspectRatio:`${o}/${s}`,...c}:c,...l})}function r({data:e,id:n}){let r=Array.isArray(e)?e:[e];return(0,t.jsx)(t.Fragment,{children:r.map((e,i)=>(0,t.jsx)(`script`,{id:n&&r.length===1?n:void 0,type:`application/ld+json`,dangerouslySetInnerHTML:{__html:JSON.stringify(e).replace(/</g,`\\u003c`)}},n?`${n}-${i}`:i))})}function i({items:e,id:n=`breadcrumb-jsonld`}){let i={"@context":`https://schema.org`,"@type":`BreadcrumbList`,itemListElement:e.map((e,t)=>({"@type":`ListItem`,position:t+1,name:e.name,...e.item?{item:e.item}:{}}))};return(0,t.jsx)(r,{data:i,id:n})}function a({headline:e,description:n,url:i,image:a,authorName:o,datePublished:s,dateModified:c,id:l=`article-jsonld`}){let u={"@context":`https://schema.org`,"@type":`Article`,headline:e,...n?{description:n}:{},...i?{url:i}:{},...a?{image:a}:{},...o?{author:{"@type":`Person`,name:o}}:{},...s?{datePublished:s}:{},...c?{dateModified:c}:{}};return(0,t.jsx)(r,{data:u,id:l})}exports.ArticleJsonLd=a,exports.BreadcrumbJsonLd=i,exports.SeoImage=n,exports.StructuredData=r;

package/dist/components/seo.d.ts

@@ -0,0 +1,45 @@
+export interface SeoImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * SEO-safe image that enforces alt text and mitigates CLS/LCP penalties.
+ * Uses native <img> intentionally — library never assumes next/image availability.
+ */
+export declare function SeoImage({ alt, loading, decoding, className, width, height, style, ...props }: SeoImageProps): import("react").JSX.Element;
+export interface StructuredDataProps {
+    data: Record<string, unknown> | Record<string, unknown>[];
+    id?: string;
+}
+/**
+ * Emits application/ld+json. Use for Organization, Article, Product, FAQPage, etc.
+ * Sanitizes via JSON.stringify — never use dangerouslySetInnerHTML with raw strings.
+ */
+export declare function StructuredData({ data, id }: StructuredDataProps): import("react").JSX.Element;
+export interface BreadcrumbJsonLdItem {
+    name: string;
+    item?: string;
+}
+export interface BreadcrumbJsonLdProps {
+    items: BreadcrumbJsonLdItem[];
+    id?: string;
+}
+/**
+ * Breadcrumb JSON-LD — pair with <Breadcrumb> for dual SEO signal (visible nav + structured data).
+ * @example
+ * <BreadcrumbJsonLd items={[{name:"Home", item:"https://example.com"}, {name:"Docs"}]} />
+ */
+export declare function BreadcrumbJsonLd({ items, id }: BreadcrumbJsonLdProps): import("react").JSX.Element;
+export interface ArticleJsonLdProps {
+    headline: string;
+    description?: string;
+    url?: string;
+    image?: string;
+    authorName?: string;
+    datePublished?: string;
+    dateModified?: string;
+    id?: string;
+}
+export declare function ArticleJsonLd({ headline, description, url, image, authorName, datePublished, dateModified, id, }: ArticleJsonLdProps): import("react").JSX.Element;