@bzync/rui 0.0.4 → 0.0.8

package/dist/components/code.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { useRef as t, useState as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/code.tsx
-var o = {
+var s = {
 	js: /* @__PURE__ */ "const.let.var.function.return.if.else.for.while.class.import.export.default.from.async.await.new.typeof.instanceof.true.false.null.undefined.throw.try.catch.finally.switch.case.break.continue.extends.super.this.of.in.delete.void".split("."),
 	python: /* @__PURE__ */ "def.return.if.else.elif.for.while.class.import.from.as.with.try.except.finally.raise.pass.break.continue.and.or.not.in.is.True.False.None.lambda.yield.global.nonlocal.del.print.async.await".split("."),
 	bash: [
@@ -30,9 +30,9 @@ var o = {
 	],
 	sql: /* @__PURE__ */ "SELECT.FROM.WHERE.AND.OR.NOT.INSERT.INTO.VALUES.UPDATE.SET.DELETE.CREATE.TABLE.DROP.ALTER.INDEX.JOIN.INNER.LEFT.RIGHT.ON.GROUP.BY.ORDER.HAVING.LIMIT.OFFSET.AS.DISTINCT.COUNT.SUM.AVG.MAX.MIN.NULL.IS.IN.LIKE.BETWEEN.EXISTS".split(".")
 };
-o.ts = o.js, o.tsx = o.js, o.jsx = o.js, o.json = [];
-function s(e, t) {
-	let n = new Set(o[t.toLowerCase()] ?? o.js), r = [], i = 0;
+s.ts = s.js, s.tsx = s.js, s.jsx = s.js, s.json = [];
+function c(e, t) {
+	let n = new Set(s[t.toLowerCase()] ?? s.js), r = [], i = 0;
 	for (; i < e.length;) {
 		if (t === "bash" && e[i] === "#" || e.slice(i, i + 2) === "//" && t !== "bash") {
 			let t = e.indexOf("\n", i), n = t === -1 ? e.slice(i) : e.slice(i, t);
@@ -110,7 +110,7 @@ function s(e, t) {
 	}
 	return r;
 }
-var c = {
+var l = {
 	keyword: "text-violet-500 dark:text-violet-400",
 	string: "text-emerald-600 dark:text-emerald-400",
 	comment: "text-slate-400 dark:text-slate-500 italic",
@@ -119,8 +119,8 @@ var c = {
 	builtin: "text-sky-500 dark:text-sky-400",
 	plain: "text-slate-800 dark:text-slate-200"
 };
-function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1, className: d }) {
-	let [f, p] = n(!1), m = t.replace(/^\n/, "").replace(/\n$/, ""), h = m.split("\n");
+function u({ code: t, language: n = "js", filename: s, showLineNumbers: u = !1, className: d }) {
+	let [f, p] = r(!1), m = t.replace(/^\n/, "").replace(/\n$/, ""), h = m.split("\n");
 	async function g() {
 		let e = !1;
 		try {
@@ -132,27 +132,28 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 		}
 		e && (p(!0), window.setTimeout(() => p(!1), 1500));
 	}
-	return /* @__PURE__ */ a("div", {
-		className: e("group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
-		children: [/* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
+		className: e("group relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900", d),
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2",
-				children: l && /* @__PURE__ */ i("span", {
+				children: s && /* @__PURE__ */ a("span", {
 					className: "text-xs font-mono text-slate-500 dark:text-slate-400",
-					children: l
+					children: s
 				})
-			}), /* @__PURE__ */ a("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "flex items-center gap-2",
-				children: [!l && /* @__PURE__ */ i("span", {
+				children: [!s && /* @__PURE__ */ a("span", {
 					className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
-					children: o
-				}), /* @__PURE__ */ i("button", {
+					children: n
+				}), /* @__PURE__ */ a("button", {
 					type: "button",
 					onClick: g,
 					"aria-label": f ? "Copied code" : "Copy code",
-					className: "h-6 px-2 flex items-center gap-1 rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
-					children: f ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("svg", {
+					className: "h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-foreground hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
+					children: f ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("svg", {
+						className: "shrink-0",
 						width: "11",
 						height: "11",
 						viewBox: "0 0 24 24",
@@ -161,8 +162,9 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 						strokeWidth: "2.5",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: /* @__PURE__ */ i("path", { d: "M20 6 9 17l-5-5" })
-					}), "Copied"] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("svg", {
+						children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5" })
+					}), "Copied"] }) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("svg", {
+						className: "shrink-0",
 						width: "11",
 						height: "11",
 						viewBox: "0 0 24 24",
@@ -171,30 +173,30 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ i("rect", {
+						children: [/* @__PURE__ */ a("rect", {
 							width: "14",
 							height: "14",
 							x: "8",
 							y: "8",
 							rx: "2",
 							ry: "2"
-						}), /* @__PURE__ */ i("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
+						}), /* @__PURE__ */ a("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
 					}), "Copy"] })
 				})]
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "overflow-x-auto",
-			children: /* @__PURE__ */ i("table", {
+			children: /* @__PURE__ */ a("table", {
 				className: "w-full border-collapse text-sm font-mono leading-6",
-				children: /* @__PURE__ */ i("tbody", { children: h.map((e, t) => /* @__PURE__ */ a("tr", {
+				children: /* @__PURE__ */ a("tbody", { children: h.map((e, t) => /* @__PURE__ */ o("tr", {
 					className: "hover:bg-black/3 dark:hover:bg-white/3",
-					children: [u && /* @__PURE__ */ i("td", {
+					children: [u && /* @__PURE__ */ a("td", {
 						className: "select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6",
 						children: t + 1
-					}), /* @__PURE__ */ i("td", {
+					}), /* @__PURE__ */ a("td", {
 						className: "px-4 py-0 whitespace-pre",
-						children: s(e, o).map((e, t) => /* @__PURE__ */ i("span", {
-							className: c[e.type],
+						children: c(e, n).map((e, t) => /* @__PURE__ */ a("span", {
+							className: l[e.type],
 							children: e.value
 						}, t))
 					})]
@@ -203,29 +205,29 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 		})]
 	});
 }
-function u({ children: t, className: n }) {
-	return /* @__PURE__ */ i("code", {
-		className: e("font-mono text-[0.85em] px-1.5 py-0.5 rounded-md bg-black/6 dark:bg-white/8 border border-black/[0.07] dark:border-white/[0.07] text-slate-700 dark:text-slate-300", n),
-		children: t
-	});
-}
-function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Start typing…", minRows: c = 6, maxRows: l = 24, readOnly: u = !1, className: d }) {
-	let f = t(null), p = Math.min(l, Math.max(c, n.split("\n").length));
+var d = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("code", {
+	ref: r,
+	className: e("break-words rounded-md border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", t),
+	...n
+}));
+d.displayName = "InlineCode";
+function f({ value: t, onChange: r, language: i = "js", placeholder: s = "// Start typing…", minRows: c = 6, maxRows: l = 24, readOnly: u = !1, className: d }) {
+	let f = n(null), p = Math.min(l, Math.max(c, t.split("\n").length));
 	function m(e) {
-		let t = e.currentTarget, { selectionStart: i, selectionEnd: a } = t;
+		let n = e.currentTarget, { selectionStart: i, selectionEnd: a } = n;
 		if (e.key === "Tab") {
 			e.preventDefault();
-			let o = n.slice(0, i) + "  " + n.slice(a);
+			let o = t.slice(0, i) + "  " + t.slice(a);
 			r?.(o), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 2;
+				n.selectionStart = n.selectionEnd = i + 2;
 			});
 		}
 		if (e.key === "Enter") {
-			let o = n.lastIndexOf("\n", i - 1) + 1, s = n.slice(o).match(/^(\s*)/)?.[1] ?? "";
+			let o = t.lastIndexOf("\n", i - 1) + 1, s = t.slice(o).match(/^(\s*)/)?.[1] ?? "";
 			e.preventDefault();
-			let c = n.slice(0, i) + "\n" + s + n.slice(a);
+			let c = t.slice(0, i) + "\n" + s + t.slice(a);
 			r?.(c), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 1 + s.length;
+				n.selectionStart = n.selectionEnd = i + 1 + s.length;
 			});
 		}
 		let o = {
@@ -238,29 +240,29 @@ function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Sta
 		};
 		if (o[e.key] && i === a) {
 			e.preventDefault();
-			let s = n.slice(0, i) + e.key + o[e.key] + n.slice(a);
+			let s = t.slice(0, i) + e.key + o[e.key] + t.slice(a);
 			r?.(s), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 1;
+				n.selectionStart = n.selectionEnd = i + 1;
 			});
 		}
 	}
-	return /* @__PURE__ */ a("div", {
-		className: e("relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
-		children: [/* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ o("div", {
+		className: e("relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900", d),
+		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
-			children: /* @__PURE__ */ i("span", {
+			children: /* @__PURE__ */ a("span", {
 				className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
-				children: o
+				children: i
 			})
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "relative flex",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "select-none shrink-0 py-3 px-3 text-right text-sm font-mono leading-6 text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6 bg-black/2 dark:bg-black/20",
 				"aria-hidden": !0,
-				children: Array.from({ length: p }, (e, t) => /* @__PURE__ */ i("div", { children: t + 1 }, t))
-			}), /* @__PURE__ */ i("textarea", {
+				children: Array.from({ length: p }, (e, t) => /* @__PURE__ */ a("div", { children: t + 1 }, t))
+			}), /* @__PURE__ */ a("textarea", {
 				ref: f,
-				value: n,
+				value: t,
 				onChange: (e) => r?.(e.target.value),
 				onKeyDown: m,
 				readOnly: u,
@@ -273,4 +275,4 @@ function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Sta
 	});
 }
 //#endregion
-export { l as CodeBlock, d as CodeEditor, u as InlineCode };
+export { u as CodeBlock, f as CodeEditor, d as InlineCode };

package/dist/components/command.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-DOUctc8_.cjs");const t=require("../focus-DmG6Ge7X.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`useCommand must be inside <CommandProvider>`);return e}function s({children:e,shortcut:t=`k`}){let[n,o]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{function e(e){(e.metaKey||e.ctrlKey)&&e.key===t&&(e.preventDefault(),o(e=>!e))}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t]),(0,i.jsx)(a.Provider,{value:{open:n,setOpen:o},children:e})}function c({items:a,placeholder:s=`Search commands…`,emptyText:c=`No results found.`,ariaLabel:l=`Command palette`}){let{open:u,setOpen:d}=o(),[f,p]=(0,r.useState)(``),[m,h]=(0,r.useState)(0),g=(0,r.useRef)(null),_=(0,r.useRef)(null),v=(0,r.useRef)(null),y=(0,r.useId)();(0,r.useEffect)(()=>{if(!u)return;let e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=document.body.style.overflow,r=window.setTimeout(()=>g.current?.focus(),0),i=e=>{if(e.key===`Escape`){e.preventDefault(),d(!1);return}if(e.key!==`Tab`||!v.current)return;let n=t.t(v.current);if(n.length===0){e.preventDefault(),v.current.focus();return}let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return p(``),h(0),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,i),()=>{window.clearTimeout(r),document.body.style.overflow=n,document.removeEventListener(`keydown`,i),e?.focus()}},[u,d]);let b=(0,r.useMemo)(()=>{if(!f)return a;let e=f.toLowerCase();return a.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[f,a]),x=(0,r.useMemo)(()=>{let e=new Map;for(let t of b){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[b]),S=(0,r.useMemo)(()=>Array.from(x.values()).flat(),[x]);function C(e){e.key===`ArrowDown`?(e.preventDefault(),h(e=>Math.min(e+1,Math.max(S.length-1,0)))):e.key===`ArrowUp`?(e.preventDefault(),h(e=>Math.max(e-1,0))):e.key===`Enter`?(e.preventDefault(),S[m]?.onSelect(),d(!1)):e.key===`Escape`&&d(!1)}(0,r.useEffect)(()=>{_.current&&_.current.querySelector(`[data-active="true"]`)?.scrollIntoView({block:`nearest`})},[m]);let w=0;return(0,i.jsx)(n.AnimatePresence,{children:u&&(0,i.jsxs)(`div`,{className:`fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4`,children:[(0,i.jsx)(n.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:`absolute inset-0 bg-overlay`,onClick:()=>d(!1),"aria-hidden":`true`}),(0,i.jsxs)(n.motion.div,{ref:v,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":l,initial:{opacity:0,scale:.96,y:-8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-8},transition:{type:`spring`,stiffness:400,damping:30},className:`relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4`,children:[(0,i.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,i.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,i.jsx)(`path`,{d:`m21 21-4.35-4.35`})]}),(0,i.jsx)(`input`,{ref:g,type:`search`,role:`combobox`,"aria-label":l,"aria-autocomplete":`list`,"aria-expanded":`true`,"aria-controls":y,"aria-activedescendant":S[m]?`${y}-option-${m}`:void 0,value:f,onChange:e=>{p(e.target.value),h(0)},onKeyDown:C,placeholder:s,className:`min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground`}),(0,i.jsx)(`kbd`,{className:`shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:`ESC`})]}),(0,i.jsx)(`div`,{id:y,ref:_,role:`listbox`,"aria-label":`Commands`,className:`max-h-80 overflow-y-auto py-1.5`,children:b.length===0?(0,i.jsx)(`p`,{className:`py-10 text-center text-sm text-muted-foreground`,children:c}):Array.from(x.entries()).map(([t,n])=>(0,i.jsxs)(`div`,{role:`group`,"aria-label":t||void 0,children:[t&&(0,i.jsx)(`p`,{className:`px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest`,children:t}),n.map(t=>{let n=w++,r=n===m;return(0,i.jsxs)(`button`,{id:`${y}-option-${n}`,type:`button`,role:`option`,"aria-selected":r,"data-active":r,onClick:()=>{t.onSelect(),d(!1)},onMouseEnter:()=>h(n),className:e.t(`flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,r?`bg-surface-muted`:`hover:bg-surface-muted/70`),children:[t.icon&&(0,i.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center`,children:t.icon}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`truncate text-sm text-foreground`,children:t.label}),t.description&&(0,i.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:t.description})]}),t.shortcut&&(0,i.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:t.shortcut.map((e,t)=>(0,i.jsx)(`kbd`,{className:`rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:e},t))})]},t.id)})]},t))})]})]})})}exports.CommandPalette=c,exports.CommandProvider=s,exports.useCommand=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");require("../component-styles-DY4wigiq.cjs");const t=require("../focus-DmG6Ge7X.cjs"),n=require("../motion-B2shivEB.cjs");let r=require("framer-motion"),i=require("react"),a=require("react/jsx-runtime");var o=(0,i.createContext)(null);function s(){let e=(0,i.useContext)(o);if(!e)throw Error(`useCommand must be inside <CommandProvider>`);return e}function c({children:e,shortcut:t=`k`}){let[n,r]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{function e(e){(e.metaKey||e.ctrlKey)&&e.key===t&&(e.preventDefault(),r(e=>!e))}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t]),(0,a.jsx)(o.Provider,{value:{open:n,setOpen:r},children:e})}function l({items:o,placeholder:c=`Search commands…`,emptyText:l=`No results found.`,ariaLabel:u=`Command palette`,className:d,overlayClassName:f,searchClassName:p,inputClassName:m,listClassName:h,itemClassName:g,emptyClassName:_}){let{open:v,setOpen:y}=s(),[b,x]=(0,i.useState)(``),[S,C]=(0,i.useState)(0),w=(0,i.useRef)(null),T=(0,i.useRef)(null),E=(0,i.useRef)(null),D=(0,i.useId)();(0,i.useEffect)(()=>{if(!v)return;let e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=document.body.style.overflow,r=window.setTimeout(()=>w.current?.focus(),0),i=e=>{if(e.key===`Escape`){e.preventDefault(),y(!1);return}if(e.key!==`Tab`||!E.current)return;let n=t.t(E.current);if(n.length===0){e.preventDefault(),E.current.focus();return}let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return x(``),C(0),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,i),()=>{window.clearTimeout(r),document.body.style.overflow=n,document.removeEventListener(`keydown`,i),e?.focus()}},[v,y]);let O=(0,i.useMemo)(()=>{if(!b)return o;let e=b.toLowerCase();return o.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[b,o]),k=(0,i.useMemo)(()=>{let e=new Map;for(let t of O){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[O]),A=(0,i.useMemo)(()=>Array.from(k.values()).flat(),[k]);function j(e){e.key===`ArrowDown`?(e.preventDefault(),C(e=>Math.min(e+1,Math.max(A.length-1,0)))):e.key===`ArrowUp`?(e.preventDefault(),C(e=>Math.max(e-1,0))):e.key===`Enter`?(e.preventDefault(),A[S]?.onSelect(),y(!1)):e.key===`Escape`&&y(!1)}(0,i.useEffect)(()=>{T.current&&T.current.querySelector(`[data-active="true"]`)?.scrollIntoView({block:`nearest`})},[S]);let M=0;return(0,a.jsx)(r.AnimatePresence,{children:v&&(0,a.jsxs)(`div`,{className:`fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4`,children:[(0,a.jsx)(r.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:n.n.fade,className:e.t(`absolute inset-0 bg-overlay`,f),onClick:()=>y(!1),"aria-hidden":`true`}),(0,a.jsxs)(r.motion.div,{ref:E,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":u,initial:{opacity:0,scale:.96,y:-8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-8},transition:{type:`spring`,stiffness:400,damping:30},className:e.t(`relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,d),children:[(0,a.jsxs)(`div`,{className:e.t(`flex items-center gap-3 border-b border-border px-4`,p),children:[(0,a.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,a.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,a.jsx)(`path`,{d:`m21 21-4.35-4.35`})]}),(0,a.jsx)(`input`,{ref:w,type:`search`,role:`combobox`,"aria-label":u,"aria-autocomplete":`list`,"aria-expanded":`true`,"aria-controls":D,"aria-activedescendant":A[S]?`${D}-option-${S}`:void 0,value:b,onChange:e=>{x(e.target.value),C(0)},onKeyDown:j,placeholder:c,className:e.t(`min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground`,m)}),(0,a.jsx)(`kbd`,{className:`shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:`ESC`})]}),(0,a.jsx)(`div`,{id:D,ref:T,role:`listbox`,"aria-label":`Commands`,className:e.t(`max-h-80 overflow-y-auto py-1.5`,h),children:O.length===0?(0,a.jsx)(`p`,{className:e.t(`py-10 text-center text-sm text-muted-foreground`,_),children:l}):Array.from(k.entries()).map(([t,n])=>(0,a.jsxs)(`div`,{role:`group`,"aria-label":t||void 0,children:[t&&(0,a.jsx)(`p`,{className:`px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest`,children:t}),n.map(t=>{let n=M++,r=n===S;return(0,a.jsxs)(`button`,{id:`${D}-option-${n}`,type:`button`,role:`option`,"aria-selected":r,"data-active":r,onClick:()=>{t.onSelect(),y(!1)},onMouseEnter:()=>C(n),className:e.t(`flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors`,`focus-ring`,r?`bg-surface-muted`:`hover:bg-surface-muted/70`,g),children:[t.icon&&(0,a.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center`,children:t.icon}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`p`,{className:`truncate text-sm text-foreground`,children:t.label}),t.description&&(0,a.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:t.description})]}),t.shortcut&&(0,a.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:t.shortcut.map((e,t)=>(0,a.jsx)(`kbd`,{className:`rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:e},t))})]},t.id)})]},t))})]})]})})}exports.CommandPalette=l,exports.CommandProvider=c,exports.useCommand=s;

package/dist/components/command.d.ts

@@ -24,6 +24,13 @@ export interface CommandPaletteProps {
     placeholder?: string;
     emptyText?: string;
     ariaLabel?: string;
+    className?: string;
+    overlayClassName?: string;
+    searchClassName?: string;
+    inputClassName?: string;
+    listClassName?: string;
+    itemClassName?: string;
+    emptyClassName?: string;
 }
-export declare function CommandPalette({ items, placeholder, emptyText, ariaLabel, }: CommandPaletteProps): import("react").JSX.Element;
+export declare function CommandPalette({ items, placeholder, emptyText, ariaLabel, className, overlayClassName, searchClassName, inputClassName, listClassName, itemClassName, emptyClassName, }: CommandPaletteProps): import("react").JSX.Element;
 export {};

package/dist/components/command.js

@@ -1,25 +1,26 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import "../component-styles-C2CbHEEA.js";
 import { t } from "../focus-Dk1YWVPN.js";
-import { AnimatePresence as n, motion as r } from "framer-motion";
-import { createContext as i, useContext as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { n } from "../motion-gnRzFS5f.js";
+import { AnimatePresence as r, motion as i } from "framer-motion";
+import { createContext as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/command.tsx
-var p = i(null);
-function m() {
-	let e = a(p);
+var m = a(null);
+function h() {
+	let e = o(m);
 	if (!e) throw Error("useCommand must be inside <CommandProvider>");
 	return e;
 }
-function h({ children: e, shortcut: t = "k" }) {
-	let [n, r] = u(!1);
-	return o(() => {
+function g({ children: e, shortcut: t = "k" }) {
+	let [n, r] = d(!1);
+	return s(() => {
 		function e(e) {
 			(e.metaKey || e.ctrlKey) && e.key === t && (e.preventDefault(), r((e) => !e));
 		}
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [t]), /* @__PURE__ */ d(p.Provider, {
+	}, [t]), /* @__PURE__ */ f(m.Provider, {
 		value: {
 			open: n,
 			setOpen: r
@@ -27,63 +28,63 @@ function h({ children: e, shortcut: t = "k" }) {
 		children: e
 	});
 }
-function g({ items: i, placeholder: a = "Search commands…", emptyText: p = "No results found.", ariaLabel: h = "Command palette" }) {
-	let { open: g, setOpen: _ } = m(), [v, y] = u(""), [b, x] = u(0), S = l(null), C = l(null), w = l(null), T = s();
-	o(() => {
-		if (!g) return;
-		let e = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = document.body.style.overflow, r = window.setTimeout(() => S.current?.focus(), 0), i = (e) => {
+function _({ items: a, placeholder: o = "Search commands…", emptyText: m = "No results found.", ariaLabel: g = "Command palette", className: _, overlayClassName: v, searchClassName: y, inputClassName: b, listClassName: x, itemClassName: S, emptyClassName: C }) {
+	let { open: w, setOpen: T } = h(), [E, D] = d(""), [O, k] = d(0), A = u(null), j = u(null), M = u(null), N = c();
+	s(() => {
+		if (!w) return;
+		let e = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = document.body.style.overflow, r = window.setTimeout(() => A.current?.focus(), 0), i = (e) => {
 			if (e.key === "Escape") {
-				e.preventDefault(), _(!1);
+				e.preventDefault(), T(!1);
 				return;
 			}
-			if (e.key !== "Tab" || !w.current) return;
-			let n = t(w.current);
+			if (e.key !== "Tab" || !M.current) return;
+			let n = t(M.current);
 			if (n.length === 0) {
-				e.preventDefault(), w.current.focus();
+				e.preventDefault(), M.current.focus();
 				return;
 			}
 			let r = n[0], i = n[n.length - 1];
 			e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus());
 		};
-		return y(""), x(0), document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
+		return D(""), k(0), document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
 			window.clearTimeout(r), document.body.style.overflow = n, document.removeEventListener("keydown", i), e?.focus();
 		};
-	}, [g, _]);
-	let E = c(() => {
-		if (!v) return i;
-		let e = v.toLowerCase();
-		return i.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.keywords?.some((t) => t.toLowerCase().includes(e)));
-	}, [v, i]), D = c(() => {
+	}, [w, T]);
+	let P = l(() => {
+		if (!E) return a;
+		let e = E.toLowerCase();
+		return a.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.keywords?.some((t) => t.toLowerCase().includes(e)));
+	}, [E, a]), F = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of E) {
+		for (let t of P) {
 			let n = t.group ?? "";
 			e.has(n) || e.set(n, []), e.get(n).push(t);
 		}
 		return e;
-	}, [E]), O = c(() => Array.from(D.values()).flat(), [D]);
-	function k(e) {
-		e.key === "ArrowDown" ? (e.preventDefault(), x((e) => Math.min(e + 1, Math.max(O.length - 1, 0)))) : e.key === "ArrowUp" ? (e.preventDefault(), x((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), O[b]?.onSelect(), _(!1)) : e.key === "Escape" && _(!1);
+	}, [P]), I = l(() => Array.from(F.values()).flat(), [F]);
+	function L(e) {
+		e.key === "ArrowDown" ? (e.preventDefault(), k((e) => Math.min(e + 1, Math.max(I.length - 1, 0)))) : e.key === "ArrowUp" ? (e.preventDefault(), k((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), I[O]?.onSelect(), T(!1)) : e.key === "Escape" && T(!1);
 	}
-	o(() => {
-		C.current && C.current.querySelector("[data-active=\"true\"]")?.scrollIntoView({ block: "nearest" });
-	}, [b]);
-	let A = 0;
-	return /* @__PURE__ */ d(n, { children: g && /* @__PURE__ */ f("div", {
+	s(() => {
+		j.current && j.current.querySelector("[data-active=\"true\"]")?.scrollIntoView({ block: "nearest" });
+	}, [O]);
+	let R = 0;
+	return /* @__PURE__ */ f(r, { children: w && /* @__PURE__ */ p("div", {
 		className: "fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4",
-		children: [/* @__PURE__ */ d(r.div, {
+		children: [/* @__PURE__ */ f(i.div, {
 			initial: { opacity: 0 },
 			animate: { opacity: 1 },
 			exit: { opacity: 0 },
-			transition: { duration: .15 },
-			className: "absolute inset-0 bg-overlay",
-			onClick: () => _(!1),
+			transition: n.fade,
+			className: e("absolute inset-0 bg-overlay", v),
+			onClick: () => T(!1),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ f(r.div, {
-			ref: w,
+		}), /* @__PURE__ */ p(i.div, {
+			ref: M,
 			tabIndex: -1,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-label": h,
+			"aria-label": g,
 			initial: {
 				opacity: 0,
 				scale: .96,
@@ -104,11 +105,11 @@ function g({ items: i, placeholder: a = "Search commands…", emptyText: p = "No
 				stiffness: 400,
 				damping: 30
 			},
-			className: "relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay",
-			children: [/* @__PURE__ */ f("div", {
-				className: "flex items-center gap-3 border-b border-border px-4",
+			className: e("relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay", _),
+			children: [/* @__PURE__ */ p("div", {
+				className: e("flex items-center gap-3 border-b border-border px-4", y),
 				children: [
-					/* @__PURE__ */ f("svg", {
+					/* @__PURE__ */ p("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -118,80 +119,80 @@ function g({ items: i, placeholder: a = "Search commands…", emptyText: p = "No
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						className: "text-slate-400 shrink-0",
-						children: [/* @__PURE__ */ d("circle", {
+						children: [/* @__PURE__ */ f("circle", {
 							cx: "11",
 							cy: "11",
 							r: "8"
-						}), /* @__PURE__ */ d("path", { d: "m21 21-4.35-4.35" })]
+						}), /* @__PURE__ */ f("path", { d: "m21 21-4.35-4.35" })]
 					}),
-					/* @__PURE__ */ d("input", {
-						ref: S,
+					/* @__PURE__ */ f("input", {
+						ref: A,
 						type: "search",
 						role: "combobox",
-						"aria-label": h,
+						"aria-label": g,
 						"aria-autocomplete": "list",
 						"aria-expanded": "true",
-						"aria-controls": T,
-						"aria-activedescendant": O[b] ? `${T}-option-${b}` : void 0,
-						value: v,
+						"aria-controls": N,
+						"aria-activedescendant": I[O] ? `${N}-option-${O}` : void 0,
+						value: E,
 						onChange: (e) => {
-							y(e.target.value), x(0);
+							D(e.target.value), k(0);
 						},
-						onKeyDown: k,
-						placeholder: a,
-						className: "min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground"
+						onKeyDown: L,
+						placeholder: o,
+						className: e("min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground", b)
 					}),
-					/* @__PURE__ */ d("kbd", {
+					/* @__PURE__ */ f("kbd", {
 						className: "shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground",
 						children: "ESC"
 					})
 				]
-			}), /* @__PURE__ */ d("div", {
-				id: T,
-				ref: C,
+			}), /* @__PURE__ */ f("div", {
+				id: N,
+				ref: j,
 				role: "listbox",
 				"aria-label": "Commands",
-				className: "max-h-80 overflow-y-auto py-1.5",
-				children: E.length === 0 ? /* @__PURE__ */ d("p", {
-					className: "py-10 text-center text-sm text-muted-foreground",
-					children: p
-				}) : Array.from(D.entries()).map(([t, n]) => /* @__PURE__ */ f("div", {
+				className: e("max-h-80 overflow-y-auto py-1.5", x),
+				children: P.length === 0 ? /* @__PURE__ */ f("p", {
+					className: e("py-10 text-center text-sm text-muted-foreground", C),
+					children: m
+				}) : Array.from(F.entries()).map(([t, n]) => /* @__PURE__ */ p("div", {
 					role: "group",
 					"aria-label": t || void 0,
-					children: [t && /* @__PURE__ */ d("p", {
+					children: [t && /* @__PURE__ */ f("p", {
 						className: "px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest",
 						children: t
 					}), n.map((t) => {
-						let n = A++, r = n === b;
-						return /* @__PURE__ */ f("button", {
-							id: `${T}-option-${n}`,
+						let n = R++, r = n === O;
+						return /* @__PURE__ */ p("button", {
+							id: `${N}-option-${n}`,
 							type: "button",
 							role: "option",
 							"aria-selected": r,
 							"data-active": r,
 							onClick: () => {
-								t.onSelect(), _(!1);
+								t.onSelect(), T(!1);
 							},
-							onMouseEnter: () => x(n),
-							className: e("flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg", r ? "bg-surface-muted" : "hover:bg-surface-muted/70"),
+							onMouseEnter: () => k(n),
+							className: e("flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors", "focus-ring", r ? "bg-surface-muted" : "hover:bg-surface-muted/70", S),
 							children: [
-								t.icon && /* @__PURE__ */ d("span", {
+								t.icon && /* @__PURE__ */ f("span", {
 									className: "shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center",
 									children: t.icon
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ d("p", {
+									children: [/* @__PURE__ */ f("p", {
 										className: "truncate text-sm text-foreground",
 										children: t.label
-									}), t.description && /* @__PURE__ */ d("p", {
+									}), t.description && /* @__PURE__ */ f("p", {
 										className: "truncate text-xs text-muted-foreground",
 										children: t.description
 									})]
 								}),
-								t.shortcut && /* @__PURE__ */ d("div", {
+								t.shortcut && /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-0.5 shrink-0",
-									children: t.shortcut.map((e, t) => /* @__PURE__ */ d("kbd", {
+									children: t.shortcut.map((e, t) => /* @__PURE__ */ f("kbd", {
 										className: "rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground",
 										children: e
 									}, t))
@@ -205,4 +206,4 @@ function g({ items: i, placeholder: a = "Search commands…", emptyText: p = "No
 	}) });
 }
 //#endregion
-export { g as CommandPalette, h as CommandProvider, m as useCommand };
+export { _ as CommandPalette, g as CommandProvider, h as useCommand };

package/dist/components/confirm-dialog.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./button.cjs"),t=require("./modal.cjs");let n=require("react/jsx-runtime");function r({open:r,onClose:i,onConfirm:a,title:o=`Are you sure?`,description:s,confirmLabel:c=`Confirm`,cancelLabel:l=`Cancel`,destructive:u=!1,loading:d=!1,icon:f}){return(0,n.jsxs)(t.Modal,{open:r,onClose:i,size:`sm`,title:o,description:typeof s==`string`?s:void 0,icon:f??(u?(0,n.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-red-600 dark:text-red-400`,children:[(0,n.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z`}),(0,n.jsx)(`path`,{d:`M12 9v4`}),(0,n.jsx)(`path`,{d:`M12 17h.01`})]}):(0,n.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-info`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`path`,{d:`M12 16v-4`}),(0,n.jsx)(`path`,{d:`M12 8h.01`})]})),children:[typeof s!=`string`&&s&&(0,n.jsx)(`div`,{className:`text-sm leading-relaxed text-slate-600 dark:text-slate-400`,children:s}),(0,n.jsxs)(`div`,{className:`flex flex-wrap justify-end gap-2.5 pt-2`,children:[(0,n.jsx)(e.Button,{variant:`ghost`,onClick:i,disabled:d,children:l}),(0,n.jsx)(e.Button,{variant:u?`destructive`:`primary`,onClick:a,loading:d,autoFocus:!0,children:c})]})]})}exports.ConfirmDialog=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("./button.cjs"),n=require("./modal.cjs");let r=require("react/jsx-runtime");function i({open:i,onClose:a,onConfirm:o,title:s=`Are you sure?`,description:c,confirmLabel:l=`Confirm`,cancelLabel:u=`Cancel`,destructive:d=!1,loading:f=!1,icon:p,className:m,overlayClassName:h,panelClassName:g,contentClassName:_,actionsClassName:v,cancelButtonClassName:y,confirmButtonClassName:b}){return(0,r.jsxs)(n.Modal,{open:i,onClose:a,size:`sm`,title:s,description:typeof c==`string`?c:void 0,icon:p??(d?(0,r.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-red-600 dark:text-red-400`,children:[(0,r.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z`}),(0,r.jsx)(`path`,{d:`M12 9v4`}),(0,r.jsx)(`path`,{d:`M12 17h.01`})]}):(0,r.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-info`,children:[(0,r.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,r.jsx)(`path`,{d:`M12 16v-4`}),(0,r.jsx)(`path`,{d:`M12 8h.01`})]})),className:m,overlayClassName:h,panelClassName:g,children:[typeof c!=`string`&&c&&(0,r.jsx)(`div`,{className:e.t(`text-sm leading-relaxed text-slate-600 dark:text-slate-400`,_),children:c}),(0,r.jsxs)(`div`,{className:e.t(`flex flex-wrap justify-end gap-2.5 pt-2`,v),children:[(0,r.jsx)(t.Button,{variant:`ghost`,onClick:a,disabled:f,className:y,children:u}),(0,r.jsx)(t.Button,{variant:d?`destructive`:`primary`,onClick:o,loading:f,autoFocus:!0,className:b,children:l})]})]})}exports.ConfirmDialog=i;

package/dist/components/confirm-dialog.d.ts

@@ -10,5 +10,12 @@ export interface ConfirmDialogProps {
     destructive?: boolean;
     loading?: boolean;
     icon?: ReactNode;
+    className?: string;
+    overlayClassName?: string;
+    panelClassName?: string;
+    contentClassName?: string;
+    actionsClassName?: string;
+    cancelButtonClassName?: string;
+    confirmButtonClassName?: string;
 }
-export declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, destructive, loading, icon, }: ConfirmDialogProps): import("react").JSX.Element;
+export declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, destructive, loading, icon, className, overlayClassName, panelClassName, contentClassName, actionsClassName, cancelButtonClassName, confirmButtonClassName, }: ConfirmDialogProps): import("react").JSX.Element;