@bzync/rui 0.0.5 → 0.0.8

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;

package/dist/components/confirm-dialog.js

@@ -1,16 +1,17 @@
 "use client";
-import { Button as e } from "./button.js";
-import { Modal as t } from "./modal.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { Button as t } from "./button.js";
+import { Modal as n } from "./modal.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/confirm-dialog.tsx
-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 }) {
-	return /* @__PURE__ */ r(t, {
-		open: i,
-		onClose: a,
+function a({ open: a, onClose: o, onConfirm: s, title: c = "Are you sure?", description: l, confirmLabel: u = "Confirm", cancelLabel: d = "Cancel", destructive: f = !1, loading: p = !1, icon: m, className: h, overlayClassName: g, panelClassName: _, contentClassName: v, actionsClassName: y, cancelButtonClassName: b, confirmButtonClassName: x }) {
+	return /* @__PURE__ */ i(n, {
+		open: a,
+		onClose: o,
 		size: "sm",
-		title: s,
-		description: typeof c == "string" ? c : void 0,
-		icon: p ?? (d ? /* @__PURE__ */ r("svg", {
+		title: c,
+		description: typeof l == "string" ? l : void 0,
+		icon: m ?? (f ? /* @__PURE__ */ i("svg", {
 			width: "20",
 			height: "20",
 			viewBox: "0 0 24 24",
@@ -21,11 +22,11 @@ function i({ open: i, onClose: a, onConfirm: o, title: s = "Are you sure?", desc
 			strokeLinejoin: "round",
 			className: "text-red-600 dark:text-red-400",
 			children: [
-				/* @__PURE__ */ n("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" }),
-				/* @__PURE__ */ n("path", { d: "M12 9v4" }),
-				/* @__PURE__ */ n("path", { d: "M12 17h.01" })
+				/* @__PURE__ */ r("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" }),
+				/* @__PURE__ */ r("path", { d: "M12 9v4" }),
+				/* @__PURE__ */ r("path", { d: "M12 17h.01" })
 			]
-		}) : /* @__PURE__ */ r("svg", {
+		}) : /* @__PURE__ */ i("svg", {
 			width: "20",
 			height: "20",
 			viewBox: "0 0 24 24",
@@ -36,34 +37,39 @@ function i({ open: i, onClose: a, onConfirm: o, title: s = "Are you sure?", desc
 			strokeLinejoin: "round",
 			className: "text-info",
 			children: [
-				/* @__PURE__ */ n("circle", {
+				/* @__PURE__ */ r("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
 				}),
-				/* @__PURE__ */ n("path", { d: "M12 16v-4" }),
-				/* @__PURE__ */ n("path", { d: "M12 8h.01" })
+				/* @__PURE__ */ r("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ r("path", { d: "M12 8h.01" })
 			]
 		})),
-		children: [typeof c != "string" && c && /* @__PURE__ */ n("div", {
-			className: "text-sm leading-relaxed text-slate-600 dark:text-slate-400",
-			children: c
-		}), /* @__PURE__ */ r("div", {
-			className: "flex flex-wrap justify-end gap-2.5 pt-2",
-			children: [/* @__PURE__ */ n(e, {
+		className: h,
+		overlayClassName: g,
+		panelClassName: _,
+		children: [typeof l != "string" && l && /* @__PURE__ */ r("div", {
+			className: e("text-sm leading-relaxed text-slate-600 dark:text-slate-400", v),
+			children: l
+		}), /* @__PURE__ */ i("div", {
+			className: e("flex flex-wrap justify-end gap-2.5 pt-2", y),
+			children: [/* @__PURE__ */ r(t, {
 				variant: "ghost",
-				onClick: a,
-				disabled: f,
-				children: u
-			}), /* @__PURE__ */ n(e, {
-				variant: d ? "destructive" : "primary",
 				onClick: o,
-				loading: f,
+				disabled: p,
+				className: b,
+				children: d
+			}), /* @__PURE__ */ r(t, {
+				variant: f ? "destructive" : "primary",
+				onClick: s,
+				loading: p,
 				autoFocus: !0,
-				children: l
+				className: x,
+				children: u
 			})]
 		})]
 	});
 }
 //#endregion
-export { i as ConfirmDialog };
+export { a as ConfirmDialog };

package/dist/components/copy-button.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i=()=>(0,r.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,r.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),a=()=>(0,r.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m20 6-11 11-5-5`})});function o({value:o,timeout:s=2e3,label:c,size:l=`sm`,className:u,...d}){let[f,p]=(0,n.useState)(!1);async function m(){try{await navigator.clipboard.writeText(o),p(!0),setTimeout(()=>p(!1),s)}catch{}}return(0,r.jsx)(`button`,{type:`button`,onClick:m,className:e.t(`inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors select-none`,`border border-black/10 dark:border-white/10`,f?`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`:`bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8`,l===`sm`?`h-6 px-2 text-xs gap-1 rounded-md`:`h-8 px-3 text-sm gap-1.5 rounded-lg`,u),...d,children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,initial:!1,children:f?(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(a,{}),c&&`Copied`]},`check`):(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(i,{}),c&&c]},`copy`)})})}exports.CopyButton=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i=()=>(0,r.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,r.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),a=()=>(0,r.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m20 6-11 11-5-5`})});function o({value:o,timeout:s=2e3,label:c,size:l=`sm`,className:u,...d}){let[f,p]=(0,n.useState)(!1);async function m(){try{await navigator.clipboard.writeText(o),p(!0),setTimeout(()=>p(!1),s)}catch{}}return(0,r.jsx)(`button`,{type:`button`,onClick:m,"aria-label":c?void 0:f?`Copied to clipboard`:`Copy to clipboard`,className:e.t(`focus-ring inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium select-none border`,`transition-[color,background-color,border-color] duration-150`,f?`border-success/25 bg-success/10 text-success dark:text-emerald-400`:`border-border bg-muted text-muted-foreground hover:bg-surface-muted hover:text-foreground`,l===`sm`?`h-6 px-2 text-xs gap-1 rounded-[var(--radius-md)]`:`h-8 px-3 text-sm gap-1.5 rounded-[var(--radius-lg)]`,u),...d,children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,initial:!1,children:f?(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(a,{}),c&&`Copied`]},`check`):(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(i,{}),c&&c]},`copy`)})})}exports.CopyButton=o;

package/dist/components/copy-button.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { AnimatePresence as t, motion as n } from "framer-motion";
 import { useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -42,7 +42,8 @@ function c({ value: c, timeout: l = 2e3, label: u, size: d = "sm", className: f,
 	return /* @__PURE__ */ i("button", {
 		type: "button",
 		onClick: g,
-		className: e("inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors select-none", "border border-black/10 dark:border-white/10", m ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" : "bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8", d === "sm" ? "h-6 px-2 text-xs gap-1 rounded-md" : "h-8 px-3 text-sm gap-1.5 rounded-lg", f),
+		"aria-label": u ? void 0 : m ? "Copied to clipboard" : "Copy to clipboard",
+		className: e("focus-ring inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium select-none border", "transition-[color,background-color,border-color] duration-150", m ? "border-success/25 bg-success/10 text-success dark:text-emerald-400" : "border-border bg-muted text-muted-foreground hover:bg-surface-muted hover:text-foreground", d === "sm" ? "h-6 px-2 text-xs gap-1 rounded-[var(--radius-md)]" : "h-8 px-3 text-sm gap-1.5 rounded-[var(--radius-lg)]", f),
 		...p,
 		children: /* @__PURE__ */ i(t, {
 			mode: "wait",

package/dist/components/currency.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`text-foreground`,positive:`text-success`,negative:`text-destructive`,muted:`text-muted-foreground`},i={xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-2xl`};function a(e){return typeof e==`bigint`?e<0n:e<0}function o(e){return typeof e==`bigint`||Number.isFinite(e)}function s(e,{currency:t=`USD`,locale:n=`en-US`,accounting:r=!1,options:i}={}){if(!o(e))return null;try{return new Intl.NumberFormat(n,{...i,style:`currency`,currency:t,currencySign:r?`accounting`:`standard`}).format(e)}catch{return null}}var c=(0,t.forwardRef)(({value:t,currency:o=`USD`,locale:c=`en-US`,accounting:l=!1,options:u,tone:d=`auto`,size:f=`md`,fallback:p=`—`,className:m,...h},g)=>{let _=s(t,{currency:o,locale:c,accounting:l,options:u}),v=d===`auto`?a(t)?`negative`:`default`:d,y=u?.notation===`compact`?s(t,{currency:o,locale:c,accounting:l,options:{...u,notation:`standard`}})??void 0:void 0;return(0,n.jsx)(`span`,{ref:g,"data-invalid":_===null||void 0,"aria-label":y,className:e.t(`inline whitespace-nowrap font-medium tabular-nums`,r[v],i[f],m),...h,children:_??p})});c.displayName=`Currency`,exports.Currency=c,exports.formatCurrency=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`text-foreground`,positive:`text-success`,negative:`text-destructive`,muted:`text-muted-foreground`},i={xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-2xl`};function a(e){return typeof e==`bigint`?e<0n:e<0}function o(e){return typeof e==`bigint`||Number.isFinite(e)}function s(e,{currency:t=`USD`,locale:n=`en-US`,accounting:r=!1,options:i}={}){if(!o(e))return null;try{return new Intl.NumberFormat(n,{...i,style:`currency`,currency:t,currencySign:r?`accounting`:`standard`}).format(e)}catch{return null}}var c=(0,t.forwardRef)(({value:t,currency:o=`USD`,locale:c=`en-US`,accounting:l=!1,options:u,tone:d=`auto`,size:f=`md`,fallback:p=`—`,className:m,...h},g)=>{let _=s(t,{currency:o,locale:c,accounting:l,options:u}),v=d===`auto`?a(t)?`negative`:`default`:d,y=u?.notation===`compact`?s(t,{currency:o,locale:c,accounting:l,options:{...u,notation:`standard`}})??void 0:void 0;return(0,n.jsx)(`span`,{ref:g,"data-invalid":_===null||void 0,"aria-label":y,className:e.t(`inline whitespace-nowrap font-medium tabular-nums`,r[v],i[f],m),...h,children:_??p})});c.displayName=`Currency`,exports.Currency=c,exports.formatCurrency=s;

package/dist/components/currency.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/currency.tsx

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

@@ -18,6 +18,10 @@ export interface DataTableProps<T extends {
     emptyMessage?: string;
     onRowClick?: (row: T) => void;
     className?: string;
+    toolbarClassName?: string;
+    tableClassName?: string;
+    /** Removes the default table chrome while preserving its data behavior. */
+    unstyled?: boolean;
     /** Show search bar. Pass column keys to search — defaults to all searchable columns */
     searchable?: boolean;
     searchPlaceholder?: string;

package/dist/components/datatable.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../datatable-rzDgQ3r6.cjs");exports.DataTable=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../datatable-t0U7t_xh.cjs");exports.DataTable=e.t;

package/dist/components/datatable.d.ts

@@ -2,8 +2,4 @@ import { DataTableProps } from './datatable/types';
 export type { SortDir, ColumnDef, DataTableProps } from './datatable/types';
 export declare function DataTable<T extends {
     id: string | number;
-}>({ columns, data, loading, emptyMessage, onRowClick, className, toolbarClassName, tableClassName, searchable, searchPlaceholder, pageSizeOptions, defaultPageSize, density, ariaLabel, getRowLabel, unstyled, }: DataTableProps<T> & {
-    toolbarClassName?: string;
-    tableClassName?: string;
-    unstyled?: boolean;
-}): import("react").JSX.Element;
+}>({ columns, data, loading, emptyMessage, onRowClick, className, toolbarClassName, tableClassName, searchable, searchPlaceholder, pageSizeOptions, defaultPageSize, density, ariaLabel, getRowLabel, unstyled, }: DataTableProps<T>): import("react").JSX.Element;

package/dist/components/datatable.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../datatable-yBN4M3UV.js";
+import { t as e } from "../datatable-BJoZMrKI.js";
 export { e as DataTable };

package/dist/components/datepicker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],o=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function s(e){return`${o[e.getMonth()].slice(0,3)} ${e.getDate()}, ${e.getFullYear()}`}function c(e,t){return new Date(e,t+1,0).getDate()}function l(e,t){return new Date(e,t,1).getDay()}function u(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function d({value:d,onChange:f,label:p,hint:m,error:h,placeholder:g=`Select date…`,disabled:_,clearable:v=!0,minDate:y,maxDate:b,className:x}){let[S,C]=(0,r.useState)(null),w=d===void 0?S:d,T=new Date,[E,D]=(0,r.useState)(!1),[O,k]=(0,r.useState)((w??T).getFullYear()),[A,j]=(0,r.useState)((w??T).getMonth()),M=(0,r.useRef)(null),N=(0,r.useId)(),P=`${N}-message`;function F(e){d===void 0&&C(e),f?.(e),D(!1)}function I(e){e.stopPropagation(),d===void 0&&C(null),f?.(null)}function L(){A===0?(j(11),k(e=>e-1)):j(e=>e-1)}function R(){A===11?(j(0),k(e=>e+1)):j(e=>e+1)}(0,r.useEffect)(()=>{function e(e){M.current?.contains(e.target)||D(!1)}function t(e){e.key===`Escape`&&D(!1)}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[]);let z=c(O,A),B=l(O,A),V=[...Array(B).fill(null),...Array.from({length:z},(e,t)=>t+1)];return(0,i.jsxs)(`div`,{ref:M,className:e.t(`relative`,t.o,x),children:[p&&(0,i.jsx)(`label`,{htmlFor:N,className:`text-xs font-semibold leading-5 text-foreground`,children:p}),(0,i.jsxs)(`button`,{type:`button`,id:N,"aria-expanded":E,"aria-haspopup":`dialog`,"aria-invalid":h?!0:void 0,"aria-describedby":h||m?P:void 0,disabled:_,onClick:()=>D(e=>!e),className:e.t(`flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none`,t.t,`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,h&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,_&&`opacity-50 cursor-not-allowed`),children:[(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-500 shrink-0`,children:[(0,i.jsx)(`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,ry:`2`}),(0,i.jsx)(`line`,{x1:`16`,x2:`16`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`8`,x2:`8`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`3`,x2:`21`,y1:`10`,y2:`10`})]}),(0,i.jsx)(`span`,{className:e.t(`flex-1 text-sm truncate`,w?`text-foreground`:`text-muted-foreground`),children:w?s(w):g}),v&&w&&!_&&(0,i.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:I,className:`shrink-0 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-colors`,children:(0,i.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),(0,i.jsx)(n.AnimatePresence,{children:E&&(0,i.jsxs)(n.motion.div,{initial:{opacity:0,y:-4,scaleY:.97},animate:{opacity:1,y:0,scaleY:1},exit:{opacity:0,y:-4,scaleY:.97},transition:{duration:.13},style:{originY:0},role:`dialog`,"aria-label":`Choose date`,className:`absolute left-0 top-full z-50 mt-1.5 w-[min(18rem,calc(100vw-2rem))] rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:L,"aria-label":`Previous month`,className:e.t(t.c,`size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m15 18-6-6 6-6`})})}),(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`text-sm font-semibold text-foreground`,children:[o[A],` `,O]}),(0,i.jsx)(`button`,{type:`button`,onClick:R,"aria-label":`Next month`,className:e.t(t.c,`size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m9 18 6-6-6-6`})})})]}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5 mb-1`,children:a.map(e=>(0,i.jsx)(`div`,{"aria-hidden":`true`,className:`text-center text-[10px] font-semibold text-muted-foreground py-1`,children:e},e))}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5`,children:V.map((t,n)=>{if(!t)return(0,i.jsx)(`div`,{},`empty-${n}`);let r=new Date(O,A,t),a=w?u(r,w):!1,o=u(r,T),s=y&&r<y||b&&r>b;return(0,i.jsx)(`button`,{type:`button`,disabled:!!s,onClick:()=>F(r),"aria-label":r.toLocaleDateString(void 0,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),"aria-pressed":a,"aria-current":o?`date`:void 0,className:e.t(`h-8 w-full rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35`,a?`bg-primary text-primary-foreground font-medium`:o?`border border-accent-500/40 text-accent-400 hover:bg-accent-500/10`:`text-slate-700 dark:text-slate-200 hover:bg-black/6 dark:hover:bg-white/6`,s&&`opacity-30 cursor-not-allowed`),children:t},t)})})]})}),h&&(0,i.jsx)(`p`,{id:P,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:h}),m&&!h&&(0,i.jsx)(`p`,{id:P,className:`text-xs leading-5 text-muted-foreground`,children:m})]})}exports.DatePicker=d;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],o=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function s(e){return`${o[e.getMonth()].slice(0,3)} ${e.getDate()}, ${e.getFullYear()}`}function c(e,t){return new Date(e,t+1,0).getDate()}function l(e,t){return new Date(e,t,1).getDay()}function u(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function d(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var f=(0,r.forwardRef)(({value:f,onChange:p,label:m,hint:h,error:g,placeholder:_=`Select date…`,disabled:v,clearable:y=!0,minDate:b,maxDate:x,className:S,...C},w)=>{let[T,E]=(0,r.useState)(null),D=f===void 0?T:f,O=new Date,[k,A]=(0,r.useState)(!1),[j,M]=(0,r.useState)((D??O).getFullYear()),[N,P]=(0,r.useState)((D??O).getMonth()),[F,I]=(0,r.useState)(D??O),[L,R]=(0,r.useState)({visibility:`hidden`}),z=(0,r.useRef)(null),B=(0,r.useRef)(null),V=(0,r.useRef)(null);(0,r.useImperativeHandle)(w,()=>z.current);let H=(0,r.useId)(),U=`${H}-dialog`,W=`${H}-message`;function G(e){return!!(b&&e<b||x&&e>x)}function K(e){if(G(e))return;let t=e.getFullYear()===j&&e.getMonth()===N;if(I(e),M(e.getFullYear()),P(e.getMonth()),t){V.current?.querySelector(`[data-date="${d(e)}"]`)?.focus({preventScroll:!0});return}requestAnimationFrame(()=>requestAnimationFrame(()=>{V.current?.querySelector(`[data-date="${d(e)}"]`)?.focus({preventScroll:!0})}))}function q(){return D&&!G(D)?D:G(O)?b&&(!x||b<=x)?b:x??O:O}function J(){let e=q();I(e),M(e.getFullYear()),P(e.getMonth()),R({visibility:`hidden`}),A(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>{V.current?.querySelector(`[data-date="${d(e)}"]`)?.focus({preventScroll:!0})}))}function Y(e=!1){A(!1),e&&requestAnimationFrame(()=>B.current?.focus())}function X(e){f===void 0&&E(e),p?.(e),Y(!0)}function Z(){f===void 0&&E(null),p?.(null)}function Q(e,t){let n=new Date(e,t,1),r=new Date(e,t+1,0,23,59,59,999);return!(b&&b>r)&&!(x&&x<n)}function $(e){let t=new Date(j,N+e,1),n=t.getFullYear(),r=t.getMonth();if(!Q(n,r))return;let i=new Date(n,r,Math.min(F.getDate(),c(n,r)));b&&i<b&&b.getFullYear()===n&&b.getMonth()===r&&(i=new Date(n,r,b.getDate())),x&&i>x&&x.getFullYear()===n&&x.getMonth()===r&&(i=new Date(n,r,x.getDate())),M(n),P(r),I(i)}(0,r.useEffect)(()=>{function e(e){z.current?.contains(e.target)||Y()}function t(e){e.key===`Escape`&&k&&(e.preventDefault(),Y(!0))}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[k]),(0,r.useLayoutEffect)(()=>{if(!k)return;let e=()=>{let e=B.current,t=V.current;if(!e||!t)return;let n=t.getBoundingClientRect();if(window.innerWidth<640){R({insetInline:8,bottom:8,top:`auto`,width:`auto`,visibility:`visible`});return}let r=e.getBoundingClientRect(),i=Math.min(Math.max(r.left,16),Math.max(16,window.innerWidth-n.width-16)),a=r.bottom+6,o=r.top-n.height-6,s=a+n.height<=window.innerHeight-16||o<16?a:o;R({left:i,top:Math.min(Math.max(s,16),Math.max(16,window.innerHeight-n.height-16)),visibility:`visible`})};return e(),window.addEventListener(`resize`,e),document.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),document.removeEventListener(`scroll`,e,!0)}},[k]),(0,r.useEffect)(()=>{if(!k||window.innerWidth>=640)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[k]);function ee(e,t){let n;e.key===`ArrowLeft`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()-1):e.key===`ArrowRight`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()+1):e.key===`ArrowUp`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()-7):e.key===`ArrowDown`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()+7):e.key===`Home`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()-t.getDay()):e.key===`End`?n=new Date(t.getFullYear(),t.getMonth(),t.getDate()+(6-t.getDay())):e.key===`PageUp`?n=new Date(t.getFullYear(),t.getMonth()-1,Math.min(t.getDate(),c(t.getFullYear(),t.getMonth()-1))):e.key===`PageDown`&&(n=new Date(t.getFullYear(),t.getMonth()+1,Math.min(t.getDate(),c(t.getFullYear(),t.getMonth()+1)))),n&&(e.preventDefault(),K(n))}let te=c(j,N),ne=l(j,N),re=[...Array(ne).fill(null),...Array.from({length:te},(e,t)=>t+1)];return(0,i.jsxs)(`div`,{ref:z,className:e.t(`relative`,t.o,S),...C,children:[m&&(0,i.jsx)(`label`,{htmlFor:H,className:`text-xs font-semibold leading-5 text-foreground`,children:m}),(0,i.jsxs)(`div`,{className:e.t(`flex h-11 w-full items-center rounded-[var(--radius-md)] sm:h-9`,t.t,g&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,v&&`cursor-not-allowed opacity-50`),children:[(0,i.jsxs)(`button`,{ref:B,type:`button`,id:H,"aria-expanded":k,"aria-haspopup":`dialog`,"aria-controls":U,"aria-invalid":g?!0:void 0,"aria-describedby":g||h?W:void 0,disabled:v,onClick:()=>k?Y():J(),className:`flex h-full min-w-0 flex-1 items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35`,children:[(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-500 shrink-0`,children:[(0,i.jsx)(`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,ry:`2`}),(0,i.jsx)(`line`,{x1:`16`,x2:`16`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`8`,x2:`8`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`3`,x2:`21`,y1:`10`,y2:`10`})]}),(0,i.jsx)(`span`,{className:e.t(`flex-1 text-sm truncate`,D?`text-foreground`:`text-muted-foreground`),children:D?s(D):_})]}),y&&D&&!v&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Clear ${m?.toLowerCase()??`date`}`,onClick:Z,className:e.t(t.c,`mr-1 size-9 sm:size-7`),children:(0,i.jsx)(`svg`,{"aria-hidden":`true`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),(0,i.jsx)(n.AnimatePresence,{children:k&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.motion.div,{"aria-hidden":`true`,className:`fixed inset-0 z-40 bg-overlay sm:hidden`,onMouseDown:()=>Y(!0),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),(0,i.jsxs)(n.motion.div,{ref:V,id:U,initial:{opacity:0,y:-4,scaleY:.97},animate:{opacity:1,y:0,scaleY:1},exit:{opacity:0,y:-4,scaleY:.97},transition:{duration:.13},role:`dialog`,"aria-label":m?`Choose ${m.toLowerCase()}`:`Choose date`,className:`fixed z-50 w-[min(18rem,calc(100vw-2rem))] max-h-[calc(100dvh-1rem)] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating`,style:{...L,originY:0},children:[(0,i.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3 sm:hidden`,children:[(0,i.jsx)(`strong`,{className:`text-sm text-foreground`,children:m?`Choose ${m.toLowerCase()}`:`Choose date`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(!0),className:e.t(t.c,`size-11`),"aria-label":`Close date picker`,children:(0,i.jsx)(`svg`,{"aria-hidden":`true`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:(0,i.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:()=>$(-1),disabled:!Q(new Date(j,N-1,1).getFullYear(),new Date(j,N-1,1).getMonth()),"aria-label":`Previous month`,className:e.t(t.c,`size-11 disabled:cursor-not-allowed disabled:opacity-35 sm:size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m15 18-6-6 6-6`})})}),(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`text-sm font-semibold text-foreground`,children:[o[N],` `,j]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>$(1),disabled:!Q(new Date(j,N+1,1).getFullYear(),new Date(j,N+1,1).getMonth()),"aria-label":`Next month`,className:e.t(t.c,`size-11 disabled:cursor-not-allowed disabled:opacity-35 sm:size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m9 18 6-6-6-6`})})})]}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5 mb-1`,children:a.map(e=>(0,i.jsx)(`div`,{"aria-hidden":`true`,className:`py-1 text-center text-[10px] font-semibold text-muted-foreground`,children:e},e))}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5`,children:re.map((t,n)=>{if(!t)return(0,i.jsx)(`div`,{},`empty-${n}`);let r=new Date(j,N,t),a=D?u(r,D):!1,o=u(r,O),s=G(r);return(0,i.jsx)(`button`,{type:`button`,disabled:!!s,onClick:()=>X(r),onFocus:()=>I(r),onKeyDown:e=>ee(e,r),"data-date":d(r),tabIndex:u(r,F)?0:-1,"aria-label":r.toLocaleDateString(void 0,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),"aria-pressed":a,"aria-current":o?`date`:void 0,className:e.t(`h-11 w-full rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35 sm:h-8`,a?`bg-primary text-primary-foreground font-medium`:o?`border border-accent-500/40 text-accent-400 hover:bg-accent-500/10`:`text-slate-700 dark:text-slate-200 hover:bg-black/6 dark:hover:bg-white/6`,s&&`opacity-30 cursor-not-allowed`),children:t},t)})}),(0,i.jsxs)(`div`,{className:e.t(`mt-3 flex items-center border-t border-border pt-3`,G(O)?`justify-end`:`justify-between`),children:[!G(O)&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>K(O),className:`h-11 rounded-md px-3 text-xs font-medium text-accent-700 hover:bg-muted focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35 sm:h-10 dark:text-accent-300`,children:`Today`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(!0),className:`h-11 rounded-md px-3 text-xs font-medium text-muted-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring/35 sm:h-10`,children:`Cancel`})]})]})]})}),g&&(0,i.jsx)(`p`,{id:W,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:g}),h&&!g&&(0,i.jsx)(`p`,{id:W,className:`text-xs leading-5 text-muted-foreground`,children:h})]})});f.displayName=`DatePicker`,exports.DatePicker=f;

package/dist/components/datepicker.d.ts

@@ -1,4 +1,5 @@
-export interface DatePickerProps {
+import { HTMLAttributes } from 'react';
+export interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     value?: Date | null;
     onChange?: (date: Date | null) => void;
     label?: string;
@@ -9,6 +10,5 @@ export interface DatePickerProps {
     clearable?: boolean;
     minDate?: Date;
     maxDate?: Date;
-    className?: string;
 }
-export declare function DatePicker({ value: controlledValue, onChange, label, hint, error, placeholder, disabled, clearable, minDate, maxDate, className, }: DatePickerProps): import("react").JSX.Element;
+export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;