@bzync/rui 0.0.5 → 0.0.9

package/dist/components/modal.js

@@ -1,13 +1,14 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { c as t } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { c as t } from "../component-styles-C2CbHEEA.js";
 import { t as n } from "../use-event-callback-DGkfO_uu.js";
-import { t as r } from "../focus-Dk1YWVPN.js";
-import { AnimatePresence as i, motion as a } from "framer-motion";
-import { useEffect as o, useId as s, useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as r } from "../motion-gnRzFS5f.js";
+import { n as i, t as a } from "../use-focus-trap-CS6BXJAB.js";
+import { AnimatePresence as o, motion as s } from "framer-motion";
+import { useId as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/modal.tsx
-var d = {
+var f = {
 	sm: "max-w-[380px]",
 	md: "max-w-[480px]",
 	lg: "max-w-[560px]",
@@ -16,70 +17,31 @@ var d = {
 	"7xl": "max-w-3xl",
 	full: "max-w-[calc(100vw-2rem)]"
 };
-function f({ open: f, onClose: p, children: m, className: h, overlayClassName: g, panelClassName: _, size: v = "md", title: y, description: b, icon: x, showCloseButton: S = !0, closeAriaLabel: C = "Close dialog", scrollable: w = !1, unstyled: T = !1, ariaLabel: E = "Dialog", closeOnEscape: D = !0, closeOnOverlayClick: O = !0 }) {
-	let k = c(null), A = c(null), j = c(f), M = s(), N = s(), P = n(p);
-	return f && !j.current && typeof document < "u" && document.activeElement instanceof HTMLElement && (A.current = document.activeElement), j.current = f, o(() => {
-		if (f) return;
-		let e = (e) => {
-			e.target instanceof HTMLElement && (A.current = e.target);
-		};
-		return !A.current && document.activeElement instanceof HTMLElement && (A.current = document.activeElement), document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
-	}, [f]), o(() => {
-		if (!f) return;
-		!A.current && document.activeElement instanceof HTMLElement && (A.current = document.activeElement);
-		let e = document.body.style.overflow, t = (e) => {
-			if (e.key === "Escape" && D) {
-				e.preventDefault(), P();
-				return;
-			}
-			if (e.key !== "Tab" || !k.current) return;
-			let t = r(k.current);
-			if (t.length === 0) {
-				e.preventDefault(), k.current.focus();
-				return;
-			}
-			let n = t[0], i = t[t.length - 1];
-			e.shiftKey && document.activeElement === n ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), n.focus());
-		};
-		document.addEventListener("keydown", t), document.body.style.overflow = "hidden";
-		let n = () => {
-			(k.current?.querySelector("[data-autofocus]") ?? k.current?.querySelector("[data-modal-content] a[href],[data-modal-content] button:not([disabled]),[data-modal-content] input:not([disabled]),[data-modal-content] select:not([disabled]),[data-modal-content] textarea:not([disabled]),[data-modal-content] [tabindex]:not([tabindex=\"-1\"])") ?? k.current?.querySelector("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])") ?? k.current)?.focus();
-		};
-		n();
-		let i = window.setTimeout(n, 0);
-		return () => {
-			window.clearTimeout(i), document.removeEventListener("keydown", t), document.body.style.overflow = e;
-		};
-	}, [
-		D,
-		f,
-		P
-	]), o(() => {
-		if (f || !A.current) return;
-		let e = A.current, t = window.setTimeout(() => e.focus(), 240);
-		return () => window.clearTimeout(t);
-	}, [f]), T ? f ? /* @__PURE__ */ l("div", {
-		ref: k,
+function p({ open: p, onClose: m, children: h, className: g, overlayClassName: _, panelClassName: v, containerClassName: y, headerClassName: b, iconClassName: x, titleClassName: S, descriptionClassName: C, closeButtonClassName: w, contentClassName: T, size: E = "md", title: D, description: O, icon: k, showCloseButton: A = !0, closeAriaLabel: j = "Close dialog", scrollable: M = !1, unstyled: N = !1, ariaLabel: P = "Dialog", closeOnEscape: F = !0, closeOnOverlayClick: I = !0 }) {
+	let L = l(null), R = c(), z = c(), B = n(m), { previouslyFocusedRef: V, restoreNow: H } = i(p);
+	return a(L, {
+		active: p,
+		onEscape: B,
+		closeOnEscape: F
+	}), N ? p ? /* @__PURE__ */ u("div", {
+		ref: L,
 		role: "dialog",
 		"aria-modal": "true",
-		className: e(h, _),
-		children: m
-	}) : null : /* @__PURE__ */ l(i, {
-		onExitComplete: () => {
-			let e = A.current;
-			A.current = null, window.setTimeout(() => e?.focus(), 0);
-		},
-		children: f && /* @__PURE__ */ u("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6",
-			children: [/* @__PURE__ */ l(a.div, {
+		className: e(g, v),
+		children: h
+	}) : null : /* @__PURE__ */ u(o, {
+		onExitComplete: H,
+		children: p && /* @__PURE__ */ d("div", {
+			className: e("fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", y),
+			children: [/* @__PURE__ */ u(s.div, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				transition: { duration: .2 },
-				className: e("absolute inset-0 bg-overlay", g),
-				onClick: O ? P : void 0
-			}), /* @__PURE__ */ u(a.div, {
-				ref: k,
+				transition: r.overlay,
+				className: e("absolute inset-0 bg-overlay", _),
+				onClick: I ? B : void 0
+			}), /* @__PURE__ */ d(s.div, {
+				ref: L,
 				initial: {
 					opacity: 0,
 					scale: .98,
@@ -95,50 +57,42 @@ function f({ open: f, onClose: p, children: m, className: h, overlayClassName: g
 					scale: .98,
 					y: 10
 				},
-				transition: {
-					duration: .22,
-					ease: [
-						.16,
-						1,
-						.3,
-						1
-					]
-				},
+				transition: r.panelEnter,
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": y ? M : void 0,
-				"aria-describedby": b ? N : void 0,
-				"aria-label": y ? void 0 : E,
+				"aria-labelledby": D ? R : void 0,
+				"aria-describedby": O ? z : void 0,
+				"aria-label": D ? void 0 : P,
 				tabIndex: -1,
-				className: e("relative w-full overflow-hidden flex flex-col", "rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay", "max-h-[min(90dvh,720px)]", d[v], _, h),
+				className: e("relative w-full overflow-hidden flex flex-col", "rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay", "max-h-[min(90dvh,720px)]", f[E], v, g),
 				children: [
-					y && /* @__PURE__ */ u("div", {
-						className: "flex items-start justify-between gap-4 border-b border-border px-5 pb-3 pt-4 sm:px-6 shrink-0",
-						children: [/* @__PURE__ */ u("div", {
+					D && /* @__PURE__ */ d("div", {
+						className: e("flex items-start justify-between gap-4 border-b border-border px-5 pb-3 pt-4 sm:px-6 shrink-0", b),
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex gap-3.5 min-w-0 flex-1",
-							children: [x && /* @__PURE__ */ l("div", {
-								className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-5",
+							children: [k && /* @__PURE__ */ u("div", {
+								className: e("mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-5", x),
 								"aria-hidden": "true",
-								children: x
-							}), /* @__PURE__ */ u("div", {
+								children: k
+							}), /* @__PURE__ */ d("div", {
 								className: "min-w-0 flex-1 pt-0.5",
-								children: [/* @__PURE__ */ l("h2", {
-									id: M,
-									className: "text-base font-semibold leading-6 text-foreground",
-									children: y
-								}), b && /* @__PURE__ */ l("p", {
-									id: N,
-									className: "mt-1 text-sm leading-5 text-muted-foreground",
-									children: b
+								children: [/* @__PURE__ */ u("h2", {
+									id: R,
+									className: e("text-base font-semibold leading-6 text-foreground", S),
+									children: D
+								}), O && /* @__PURE__ */ u("p", {
+									id: z,
+									className: e("mt-1 text-sm leading-5 text-muted-foreground", C),
+									children: O
 								})]
 							})]
-						}), S && /* @__PURE__ */ l("button", {
+						}), A && /* @__PURE__ */ u("button", {
 							type: "button",
 							"data-modal-close": !0,
-							"aria-label": C,
-							onClick: P,
-							className: t,
-							children: /* @__PURE__ */ l("svg", {
+							"aria-label": j,
+							onClick: B,
+							className: e(t, w),
+							children: /* @__PURE__ */ u("svg", {
 								width: "14",
 								height: "14",
 								viewBox: "0 0 24 24",
@@ -147,17 +101,17 @@ function f({ open: f, onClose: p, children: m, className: h, overlayClassName: g
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
-								children: /* @__PURE__ */ l("path", { d: "M18 6 6 18M6 6l12 12" })
+								children: /* @__PURE__ */ u("path", { d: "M18 6 6 18M6 6l12 12" })
 							})
 						})]
 					}),
-					!y && S && /* @__PURE__ */ l("button", {
+					!D && A && /* @__PURE__ */ u("button", {
 						type: "button",
 						"data-modal-close": !0,
-						"aria-label": C,
-						onClick: P,
-						className: e("absolute right-4 top-4 z-10", t),
-						children: /* @__PURE__ */ l("svg", {
+						"aria-label": j,
+						onClick: B,
+						className: e("absolute right-4 top-4 z-10", t, w),
+						children: /* @__PURE__ */ u("svg", {
 							width: "14",
 							height: "14",
 							viewBox: "0 0 24 24",
@@ -166,54 +120,54 @@ function f({ open: f, onClose: p, children: m, className: h, overlayClassName: g
 							strokeWidth: "2",
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
-							children: /* @__PURE__ */ l("path", { d: "M18 6 6 18M6 6l12 12" })
+							children: /* @__PURE__ */ u("path", { d: "M18 6 6 18M6 6l12 12" })
 						})
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						"data-modal-content": !0,
-						className: e("px-5 py-4 sm:px-6 flex-1", w ? "overflow-y-auto overscroll-contain" : "overflow-y-auto"),
-						children: m
+						className: e("px-5 py-4 sm:px-6 flex-1", M ? "overflow-y-auto overscroll-contain" : "overflow-y-auto", T),
+						children: h
 					})
 				]
 			})]
 		})
 	});
 }
-function p({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ l("div", {
+function m({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("div", {
 		className: e("px-5 pt-4 pb-3 sm:px-6 border-b border-border shrink-0", t),
 		...r,
 		children: n
 	});
 }
-function m({ as: t = "h2", className: n, children: r, ...i }) {
-	return /* @__PURE__ */ l(t, {
+function h({ as: t = "h2", className: n, children: r, ...i }) {
+	return /* @__PURE__ */ u(t, {
 		className: e("text-base font-semibold leading-6 text-foreground", n),
 		...i,
 		children: r
 	});
 }
-function h({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ l("p", {
+function g({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("p", {
 		className: e("mt-1 text-sm leading-5 text-muted-foreground", t),
 		...r,
 		children: n
 	});
 }
-function g({ className: t, scrollable: n = !1, children: r, ...i }) {
-	return /* @__PURE__ */ l("div", {
+function _({ className: t, scrollable: n = !1, children: r, ...i }) {
+	return /* @__PURE__ */ u("div", {
 		"data-modal-content": !0,
 		className: e("px-5 py-4 sm:px-6", n && "overflow-y-auto flex-1 overscroll-contain", t),
 		...i,
 		children: r
 	});
 }
-function _({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ l("div", {
+function v({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("div", {
 		className: e("flex flex-wrap items-center justify-end gap-2 border-t border-border px-5 pb-4 pt-3 sm:px-6 max-sm:flex-col-reverse max-sm:items-stretch", t),
 		...r,
 		children: n
 	});
 }
 //#endregion
-export { f as Modal, g as ModalBody, h as ModalDescription, _ as ModalFooter, p as ModalHeader, m as ModalTitle };
+export { p as Modal, _ as ModalBody, g as ModalDescription, v as ModalFooter, m as ModalHeader, h as ModalTitle };

package/dist/components/navigation.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("react/jsx-runtime");function r({id:r,label:i,href:a,icon:o,badge:s,disabled:c,active:l,compact:u,onSelect:d,className:f}){let p=(0,n.jsxs)(n.Fragment,{children:[o&&(0,n.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:o}),(0,n.jsx)(`span`,{className:e.t(`truncate`,u&&`text-[11px]`),children:i}),s&&(0,n.jsx)(`span`,{className:`ml-auto shrink-0`,children:s})]}),m=e.t(`group relative inline-flex items-center justify-center gap-2 rounded-[var(--radius-md)] font-medium transition-colors`,t.s,u?`min-h-11 flex-col px-2 py-1.5`:`h-9 px-3 text-sm`,l?`bg-accent-50 text-accent-700 dark:bg-accent-500/12 dark:text-accent-300`:`text-muted-foreground hover:bg-muted hover:text-foreground`,c&&`pointer-events-none opacity-40`,f);return a?(0,n.jsx)(`a`,{href:a,className:m,"aria-current":l?`page`:void 0,"aria-disabled":c||void 0,onClick:e=>{d&&(e.preventDefault(),d(r))},children:p}):(0,n.jsx)(`button`,{type:`button`,className:m,"aria-current":l?`page`:void 0,disabled:c,onClick:()=>d?.(r),children:p})}function i({items:t,activeId:i,onSelect:a,ariaLabel:o=`Primary navigation`,className:s,children:c,...l}){return(0,n.jsxs)(`nav`,{"aria-label":o,className:e.t(`flex min-h-14 items-center gap-1 border border-border bg-surface px-3`,s),...l,children:[c,(0,n.jsx)(`div`,{className:`ml-auto flex items-center gap-1 overflow-x-auto`,children:t.map(e=>(0,n.jsx)(r,{...e,active:i===e.id,onSelect:a},e.id))})]})}function a({className:t,children:r,...i}){return(0,n.jsx)(`header`,{className:e.t(`flex min-h-14 items-center gap-3 border-b border-border bg-bg/95 px-4 backdrop-blur-sm`,t),...i,children:r})}function o({as:t=`h2`,className:r,children:i,...a}){return(0,n.jsx)(t,{className:e.t(`min-w-0 flex-1 truncate text-sm font-semibold text-foreground`,r),...a,children:i})}function s({items:t,activeId:i,onSelect:a,ariaLabel:o=`Sidebar navigation`,header:s,footer:c,className:l,...u}){return(0,n.jsxs)(`aside`,{className:e.t(`flex w-60 flex-col border border-border bg-surface`,l),...u,children:[s&&(0,n.jsx)(`div`,{className:`border-b border-border p-4`,children:s}),(0,n.jsx)(`nav`,{"aria-label":o,className:`flex flex-1 flex-col gap-1 p-2`,children:t.map(e=>(0,n.jsx)(r,{...e,active:i===e.id,onSelect:a,className:`w-full justify-start`},e.id))}),c&&(0,n.jsx)(`div`,{className:`border-t border-border p-3`,children:c})]})}function c({items:t,activeId:i,onSelect:a,ariaLabel:o=`Mobile navigation`,className:s,...c}){return(0,n.jsx)(`nav`,{"aria-label":o,className:e.t(`grid min-h-16 border border-border bg-surface/95 px-1 pb-safe-bottom shadow-floating backdrop-blur-sm`,s),style:{gridTemplateColumns:`repeat(${t.length}, minmax(0, 1fr))`},...c,children:t.map(e=>(0,n.jsx)(r,{...e,compact:!0,active:i===e.id,onSelect:a,className:`rounded-none`},e.id))})}function l({label:r,className:i,children:a,type:o=`button`,...s}){return(0,n.jsx)(`button`,{type:o,"aria-label":r,className:e.t(t.c,`size-9`,i),...s,children:a})}function u({mark:r,className:i,children:a,...o}){return(0,n.jsxs)(`a`,{className:e.t(`inline-flex shrink-0 items-center gap-2 text-sm font-semibold text-foreground`,t.s,i),...o,children:[r,a]})}exports.BottomBar=c,exports.BrandLink=u,exports.IconButton=l,exports.Navbar=i,exports.NavigationLink=r,exports.Sidebar=s,exports.Topbar=a,exports.TopbarTitle=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react/jsx-runtime");function r({id:r,label:i,href:a,icon:o,badge:s,disabled:c,active:l,compact:u,onSelect:d,className:f}){let p=(0,n.jsxs)(n.Fragment,{children:[o&&(0,n.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:o}),(0,n.jsx)(`span`,{className:e.t(`truncate`,u&&`text-[11px]`),children:i}),s&&(0,n.jsx)(`span`,{className:`ml-auto shrink-0`,children:s})]}),m=e.t(`group relative inline-flex items-center justify-center gap-2 rounded-[var(--radius-md)] font-medium transition-colors`,t.s,u?`min-h-11 flex-col px-2 py-1.5`:`h-9 px-3 text-sm`,l?`bg-accent-50 text-accent-700 dark:bg-accent-500/12 dark:text-accent-300`:`text-muted-foreground hover:bg-muted hover:text-foreground`,c&&`pointer-events-none opacity-40`,f);return a?(0,n.jsx)(`a`,{href:a,className:m,"aria-current":l?`page`:void 0,"aria-disabled":c||void 0,onClick:e=>{d&&(e.preventDefault(),d(r))},children:p}):(0,n.jsx)(`button`,{type:`button`,className:m,"aria-current":l?`page`:void 0,disabled:c,onClick:()=>d?.(r),children:p})}function i({items:t,activeId:i,onSelect:a,ariaLabel:o=`Primary navigation`,className:s,children:c,...l}){return(0,n.jsxs)(`nav`,{"aria-label":o,className:e.t(`flex min-h-14 items-center gap-1 border border-border bg-surface px-3`,s),...l,children:[c,(0,n.jsx)(`div`,{className:`ml-auto flex items-center gap-1 overflow-x-auto`,children:t.map(e=>(0,n.jsx)(r,{...e,active:i===e.id,onSelect:a},e.id))})]})}function a({className:t,children:r,...i}){return(0,n.jsx)(`header`,{className:e.t(`flex min-h-14 items-center gap-3 border-b border-border bg-bg/95 px-4 backdrop-blur-sm`,t),...i,children:r})}function o({as:t=`h2`,className:r,children:i,...a}){return(0,n.jsx)(t,{className:e.t(`min-w-0 flex-1 truncate text-sm font-semibold text-foreground`,r),...a,children:i})}function s({items:t,activeId:i,onSelect:a,ariaLabel:o=`Sidebar navigation`,header:s,footer:c,className:l,...u}){return(0,n.jsxs)(`aside`,{className:e.t(`flex w-60 flex-col border border-border bg-surface`,l),...u,children:[s&&(0,n.jsx)(`div`,{className:`border-b border-border p-4`,children:s}),(0,n.jsx)(`nav`,{"aria-label":o,className:`flex flex-1 flex-col gap-1 p-2`,children:t.map(e=>(0,n.jsx)(r,{...e,active:i===e.id,onSelect:a,className:`w-full justify-start`},e.id))}),c&&(0,n.jsx)(`div`,{className:`border-t border-border p-3`,children:c})]})}function c({items:t,activeId:i,onSelect:a,ariaLabel:o=`Mobile navigation`,className:s,...c}){return(0,n.jsx)(`nav`,{"aria-label":o,className:e.t(`grid min-h-16 border border-border bg-surface/95 px-1 pb-safe-bottom shadow-floating backdrop-blur-sm`,s),style:{gridTemplateColumns:`repeat(${t.length}, minmax(0, 1fr))`},...c,children:t.map(e=>(0,n.jsx)(r,{...e,compact:!0,active:i===e.id,onSelect:a,className:`rounded-none`},e.id))})}function l({label:r,className:i,children:a,type:o=`button`,...s}){return(0,n.jsx)(`button`,{type:o,"aria-label":r,className:e.t(t.c,`size-9`,i),...s,children:a})}function u({mark:r,className:i,children:a,...o}){return(0,n.jsxs)(`a`,{className:e.t(`inline-flex shrink-0 items-center gap-2 text-sm font-semibold text-foreground`,t.s,i),...o,children:[r,a]})}exports.BottomBar=c,exports.BrandLink=u,exports.IconButton=l,exports.Navbar=i,exports.NavigationLink=r,exports.Sidebar=s,exports.Topbar=a,exports.TopbarTitle=o;

package/dist/components/navigation.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { c as t, s as n } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { c as t, s as n } from "../component-styles-C2CbHEEA.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/navigation.tsx
 function o({ id: t, label: o, href: s, icon: c, badge: l, disabled: u, active: d, compact: f, onSelect: p, className: m }) {

package/dist/components/number-input.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("react"),r=require("react/jsx-runtime");var i={sm:{wrap:`h-7 text-xs`,btn:`w-6`,input:`w-16`},md:{wrap:`h-9 text-sm`,btn:`w-8`,input:`w-20`},lg:{wrap:`h-11 text-sm`,btn:`w-9`,input:`w-24`}},a=(0,n.forwardRef)(({className:a,label:o,hint:s,error:c,size:l=`md`,min:u=-1/0,max:d=1/0,step:f=1,value:p,defaultValue:m=0,onChange:h,disabled:g,id:_,autoComplete:v=`on`,fullWidth:y=!1,formatDisplay:b,onFocus:x,onBlur:S,onKeyDown:C,required:w,...T},E)=>{let D=(0,n.useId)(),O=_??D,k=`${O}-message`,[A,j]=(0,n.useState)(m),M=p??A,N=i[l],P=f.toString().includes(`.`)?f.toString().split(`.`)[1].length:0,F=e=>P>0?Math.round(e*10**P)/10**P:Math.round(e),I=e=>Math.min(d,Math.max(u,e));function L(e){let t=I(F(e));p===void 0&&j(t),h?.(t),z(String(t))}(0,n.useEffect)(()=>{p!==void 0&&j(p)},[p]);let[R,z]=(0,n.useState)(()=>String(M)),B=(0,n.useRef)(!1);(0,n.useEffect)(()=>{B.current||z(String(M))},[M]);function V(e){z(e)}function H(e){B.current=!1;let t=Number(R);L(Number.isNaN(t)?M:t),S?.(e)}function U(e){C?.(e),!e.defaultPrevented&&e.key===`Enter`&&e.currentTarget.blur()}return(0,r.jsxs)(`div`,{className:e.t(t.o,!y&&`w-auto`,a),children:[o&&(0,r.jsxs)(`label`,{htmlFor:O,className:`text-xs font-semibold leading-5 text-foreground`,children:[o,w&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsxs)(`div`,{className:e.t(`inline-flex items-center overflow-hidden rounded-[var(--radius-md)]`,t.t,N.wrap,y&&`flex w-full`,c&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,g&&`opacity-50`),children:[(0,r.jsx)(`button`,{type:`button`,"aria-label":o?`Decrease ${o}`:`Decrease value`,tabIndex:-1,disabled:g||M<=u,onClick:()=>L(M-f),className:e.t(`flex items-center justify-center shrink-0 border-r border-border`,`text-muted-foreground hover:bg-muted hover:text-foreground`,`disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,N.btn),children:(0,r.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M5 12h14`})})}),(0,r.jsx)(`input`,{ref:E,type:`number`,id:O,required:w,"aria-invalid":c?!0:void 0,"aria-describedby":c||s?k:void 0,"aria-valuetext":b?.(M),autoComplete:v,min:Number.isFinite(u)?u:void 0,max:Number.isFinite(d)?d:void 0,step:f,value:R,disabled:g,onFocus:e=>{B.current=!0,x?.(e)},onChange:e=>V(e.target.value),onBlur:H,onKeyDown:U,className:e.t(`flex-1 text-center bg-transparent text-foreground outline-none tabular-nums`,`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`,`disabled:cursor-not-allowed`,y?`min-w-0`:N.input),...T}),(0,r.jsx)(`button`,{type:`button`,"aria-label":o?`Increase ${o}`:`Increase value`,tabIndex:-1,disabled:g||M>=d,onClick:()=>L(M+f),className:e.t(`flex items-center justify-center shrink-0 border-l border-border`,`text-muted-foreground hover:bg-muted hover:text-foreground`,`disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,N.btn),children:(0,r.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M12 5v14M5 12h14`})})})]}),c&&(0,r.jsx)(`p`,{id:k,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:c}),s&&!c&&(0,r.jsx)(`p`,{id:k,className:`text-xs leading-5 text-muted-foreground`,children:s})]})});a.displayName=`NumberInput`,exports.NumberInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:{wrap:`h-7 text-xs`,btn:`w-6`,input:`w-16`},md:{wrap:`h-9 text-sm`,btn:`w-8`,input:`w-20`},lg:{wrap:`h-11 text-sm`,btn:`w-9`,input:`w-24`}},a=(0,n.forwardRef)(({className:a,label:o,hint:s,error:c,size:l=`md`,min:u=-1/0,max:d=1/0,step:f=1,value:p,defaultValue:m=0,onChange:h,disabled:g,id:_,autoComplete:v=`on`,fullWidth:y=!1,formatDisplay:b,onFocus:x,onBlur:S,onKeyDown:C,required:w,...T},E)=>{let D=(0,n.useId)(),O=_??D,k=`${O}-message`,[A,j]=(0,n.useState)(m),M=p??A,N=i[l],P=f.toString().includes(`.`)?f.toString().split(`.`)[1].length:0,F=e=>P>0?Math.round(e*10**P)/10**P:Math.round(e),I=e=>Math.min(d,Math.max(u,e));function L(e){let t=I(F(e));p===void 0&&j(t),h?.(t),z(String(t))}(0,n.useEffect)(()=>{p!==void 0&&j(p)},[p]);let[R,z]=(0,n.useState)(()=>String(M)),B=(0,n.useRef)(!1);(0,n.useEffect)(()=>{B.current||z(String(M))},[M]);function V(e){z(e)}function H(e){B.current=!1;let t=Number(R);L(Number.isNaN(t)?M:t),S?.(e)}function U(e){C?.(e),!e.defaultPrevented&&e.key===`Enter`&&e.currentTarget.blur()}return(0,r.jsxs)(`div`,{className:e.t(t.o,!y&&`w-auto`,a),children:[o&&(0,r.jsxs)(`label`,{htmlFor:O,className:`text-xs font-semibold leading-5 text-foreground`,children:[o,w&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsxs)(`div`,{className:e.t(`inline-flex items-center overflow-hidden rounded-[var(--radius-md)]`,t.t,N.wrap,y&&`flex w-full`,c&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,g&&`opacity-50`),children:[(0,r.jsx)(`button`,{type:`button`,"aria-label":o?`Decrease ${o}`:`Decrease value`,tabIndex:-1,disabled:g||M<=u,onClick:()=>L(M-f),className:e.t(`flex items-center justify-center shrink-0 border-r border-border`,`text-muted-foreground hover:bg-muted hover:text-foreground`,`disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,N.btn),children:(0,r.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M5 12h14`})})}),(0,r.jsx)(`input`,{ref:E,type:`number`,id:O,required:w,"aria-invalid":c?!0:void 0,"aria-describedby":c||s?k:void 0,"aria-valuetext":b?.(M),autoComplete:v,min:Number.isFinite(u)?u:void 0,max:Number.isFinite(d)?d:void 0,step:f,value:R,disabled:g,onFocus:e=>{B.current=!0,x?.(e)},onChange:e=>V(e.target.value),onBlur:H,onKeyDown:U,className:e.t(`flex-1 text-center bg-transparent text-foreground outline-none tabular-nums`,`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`,`disabled:cursor-not-allowed`,y?`min-w-0`:N.input),...T}),(0,r.jsx)(`button`,{type:`button`,"aria-label":o?`Increase ${o}`:`Increase value`,tabIndex:-1,disabled:g||M>=d,onClick:()=>L(M+f),className:e.t(`flex items-center justify-center shrink-0 border-l border-border`,`text-muted-foreground hover:bg-muted hover:text-foreground`,`disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,N.btn),children:(0,r.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M12 5v14M5 12h14`})})})]}),c&&(0,r.jsx)(`p`,{id:k,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:c}),s&&!c&&(0,r.jsx)(`p`,{id:k,className:`text-xs leading-5 text-muted-foreground`,children:s})]})});a.displayName=`NumberInput`,exports.NumberInput=a;

package/dist/components/number-input.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { o as t, t as n } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { o as t, t as n } from "../component-styles-C2CbHEEA.js";
 import { forwardRef as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/number-input.tsx
@@ -60,7 +60,7 @@ var d = {
 				})] })]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: e("inline-flex items-center overflow-hidden rounded-[var(--radius-md)]", n, z.wrap, T && "flex w-full", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", S && "opacity-50"),
+				className: e("inline-flex items-center overflow-hidden rounded-[var(--radius-md)]", n, z.wrap, T && "flex w-full", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25", S && "opacity-50"),
 				children: [
 					/* @__PURE__ */ l("button", {
 						type: "button",

package/dist/components/otp-input.cjs

@@ -1 +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({length:r=6,value:i,onChange:a,onComplete:o,label:s,hint:c,error:l,disabled:u,className:d,masked:f=!1}){let p=(0,t.useId)(),[m,h]=(0,t.useState)(``),g=(i??m).split(``).slice(0,r),_=(0,t.useRef)([]);function v(e){i===void 0&&h(e),a?.(e),e.length===r&&o?.(e)}function y(e,t){if(!/^\d*$/.test(t))return;let n=g.slice();n[e]=t.slice(-1),v(n.join(``).slice(0,r)),t&&e<r-1&&_.current[e+1]?.focus()}function b(e,t){if(t.key===`Backspace`){if(g[e]){let t=g.slice();t[e]=``,v(t.join(``))}else e>0&&_.current[e-1]?.focus()}else t.key===`ArrowLeft`&&e>0?_.current[e-1]?.focus():t.key===`ArrowRight`&&e<r-1&&_.current[e+1]?.focus()}function x(e){e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,r);v(t),_.current[Math.min(t.length,r-1)]?.focus()}return(0,n.jsxs)(`div`,{className:e.t(`flex flex-col gap-1.5`,d),children:[s&&(0,n.jsx)(`label`,{htmlFor:`${p}-0`,className:`text-sm font-medium text-slate-600 dark:text-slate-300`,children:s}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:Array.from({length:r}).map((t,r)=>(0,n.jsx)(`input`,{ref:e=>{_.current[r]=e},id:`${p}-${r}`,name:`${p}-${r}`,type:f?`password`:`text`,inputMode:`numeric`,pattern:`\\d*`,maxLength:1,autoComplete:r===0?`one-time-code`:`off`,value:g[r]??``,disabled:u,onChange:e=>y(r,e.target.value),onKeyDown:e=>b(r,e),onPaste:x,onFocus:e=>e.target.select(),className:e.t(`w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4`,`text-gray-900 dark:text-white outline-none transition-colors`,`focus:ring-2 focus:ring-accent-500/30`,l?`border-red-500/40 focus:border-red-500/50`:`border-slate-300 dark:border-white/10 focus:border-accent-500/40`,u&&`opacity-50 cursor-not-allowed`)},r))}),l&&(0,n.jsx)(`p`,{className:`text-xs text-red-400`,children:l}),c&&!l&&(0,n.jsx)(`p`,{className:`text-xs text-slate-500`,children:c})]})}exports.OtpInput=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({length:r=6,value:i,onChange:a,onComplete:o,label:s,hint:c,error:l,disabled:u,className:d,masked:f=!1}){let p=(0,t.useId)(),[m,h]=(0,t.useState)(``),g=(i??m).split(``).slice(0,r),_=(0,t.useRef)([]);function v(e){i===void 0&&h(e),a?.(e),e.length===r&&o?.(e)}function y(e,t){if(!/^\d*$/.test(t))return;let n=g.slice();n[e]=t.slice(-1),v(n.join(``).slice(0,r)),t&&e<r-1&&_.current[e+1]?.focus()}function b(e,t){if(t.key===`Backspace`){if(g[e]){let t=g.slice();t[e]=``,v(t.join(``))}else e>0&&_.current[e-1]?.focus()}else t.key===`ArrowLeft`&&e>0?_.current[e-1]?.focus():t.key===`ArrowRight`&&e<r-1&&_.current[e+1]?.focus()}function x(e){e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,r);v(t),_.current[Math.min(t.length,r-1)]?.focus()}return(0,n.jsxs)(`div`,{className:e.t(`flex flex-col gap-1.5`,d),children:[s&&(0,n.jsx)(`label`,{htmlFor:`${p}-0`,className:`text-sm font-medium text-slate-600 dark:text-slate-300`,children:s}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:Array.from({length:r}).map((t,r)=>(0,n.jsx)(`input`,{ref:e=>{_.current[r]=e},id:`${p}-${r}`,name:`${p}-${r}`,type:f?`password`:`text`,inputMode:`numeric`,pattern:`\\d*`,maxLength:1,autoComplete:r===0?`one-time-code`:`off`,value:g[r]??``,disabled:u,onChange:e=>y(r,e.target.value),onKeyDown:e=>b(r,e),onPaste:x,onFocus:e=>e.target.select(),className:e.t(`w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4`,`text-foreground outline-none transition-colors`,`focus:ring-[3px] focus:ring-accent-500/30`,l?`border-red-500/40 focus:border-red-500/50`:`border-slate-300 dark:border-white/10 focus:border-accent-500/40`,u&&`opacity-50 cursor-not-allowed`)},r))}),l&&(0,n.jsx)(`p`,{className:`text-xs text-red-400`,children:l}),c&&!l&&(0,n.jsx)(`p`,{className:`text-xs text-slate-500`,children:c})]})}exports.OtpInput=r;

package/dist/components/otp-input.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 { useId as t, useRef as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/otp-input.tsx
@@ -53,7 +53,7 @@ function o({ length: o = 6, value: s, onChange: c, onComplete: l, label: u, hint
 					onKeyDown: (e) => C(n, e),
 					onPaste: w,
 					onFocus: (e) => e.target.select(),
-					className: e("w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4", "text-gray-900 dark:text-white outline-none transition-colors", "focus:ring-2 focus:ring-accent-500/30", f ? "border-red-500/40 focus:border-red-500/50" : "border-slate-300 dark:border-white/10 focus:border-accent-500/40", p && "opacity-50 cursor-not-allowed")
+					className: e("w-10 h-12 text-center text-lg font-semibold rounded-lg border bg-black/4 dark:bg-white/4", "text-foreground outline-none transition-colors", "focus:ring-[3px] focus:ring-accent-500/30", f ? "border-red-500/40 focus:border-red-500/50" : "border-slate-300 dark:border-white/10 focus:border-accent-500/40", p && "opacity-50 cursor-not-allowed")
 				}, n))
 			}),
 			f && /* @__PURE__ */ i("p", {

package/dist/components/overlay.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../use-event-callback-Du9_9eAi.cjs"),n=require("../motion-B2shivEB.cjs"),r=require("../use-focus-trap-CPLT49gN.cjs");let i=require("framer-motion"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom");function c({open:c,onClose:l,children:u,portal:d=!0,disableScrollLock:f=!1,closeOnEscape:p=!0,closeOnOutsideClick:m=!0,zIndex:h=50,backdropClassName:g,panelClassName:_,className:v,containerClassName:y,ariaLabel:b,ariaLabelledby:x,ariaDescribedby:S,role:C=`dialog`}){let w=(0,a.useRef)(null),T=t.t(l),{restoreNow:E}=r.n(c);r.t(w,{active:c,onEscape:T,closeOnEscape:p,disableScrollLock:f}),(0,a.useEffect)(()=>{if(!c||!m)return;function e(e){w.current&&!w.current.contains(e.target)&&T()}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[c,m,T]);let D=(0,o.jsx)(i.AnimatePresence,{onExitComplete:E,children:c&&(0,o.jsxs)(`div`,{className:e.t(`fixed inset-0 flex items-center justify-center p-4`,y),style:{zIndex:h},children:[(0,o.jsx)(i.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:n.n.overlay,className:e.t(`absolute inset-0 bg-overlay`,g),onClick:m?T:void 0,"aria-hidden":`true`}),(0,o.jsx)(i.motion.div,{ref:w,initial:{opacity:0,scale:.98,y:8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.98,y:8},transition:n.n.panelEnter,role:C,"aria-modal":C===`dialog`||void 0,"aria-label":x?void 0:b,"aria-labelledby":x,"aria-describedby":S,tabIndex:-1,className:e.t(`relative w-full rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,_,v),children:u})]})});return!d||typeof document>`u`?D:(0,s.createPortal)(D,document.body)}function l({open:r,onClose:a,className:s,zIndex:c=50,closeOnClick:l=!0}){let u=t.t(a);return(0,o.jsx)(i.AnimatePresence,{children:r&&(0,o.jsx)(i.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:n.n.overlay,className:e.t(`fixed inset-0 bg-overlay`,s),style:{zIndex:c},onClick:l?u:void 0,"aria-hidden":`true`})})}exports.Overlay=c,exports.OverlayBackdrop=l;

package/dist/components/overlay.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+/**
+ * Overlay — shared primitive for Modal / Drawer / Dialog / Popover / Dropdown.
+ * Standardizes:
+ *  - Portal (to document.body)
+ *  - z-index layering
+ *  - Escape handling
+ *  - Outside click
+ *  - Focus trap + restore
+ *  - Scroll lock
+ *
+ * Individual components keep their own layout/animation but delegate
+ * overlay concerns here.
+ */
+export interface OverlayProps {
+    open: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    /** Render without portal (for non-portaled overlays like inline Modal) */
+    portal?: boolean;
+    /** Disable scroll lock */
+    disableScrollLock?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    /** z-index base (overlay) — panel renders at +1 */
+    zIndex?: number;
+    /** Class for the backdrop */
+    backdropClassName?: string;
+    /** Class for the panel wrapper */
+    panelClassName?: string;
+    /** Alias for the panel's root class, matching the component styling contract. */
+    className?: string;
+    /** Class for the fixed positioning container. */
+    containerClassName?: string;
+    /** Accessible label when no title is provided */
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    /** If true, render as dialog */
+    role?: "dialog" | "menu" | "listbox";
+}
+export declare function Overlay({ open, onClose, children, portal, disableScrollLock, closeOnEscape, closeOnOutsideClick, zIndex, backdropClassName, panelClassName, className, containerClassName, ariaLabel, ariaLabelledby, ariaDescribedby, role, }: OverlayProps): import("react").JSX.Element;
+/**
+ * OverlayBackdrop — standalone backdrop for Drawer/Popover that need custom positioning.
+ */
+export declare function OverlayBackdrop({ open, onClose, className, zIndex, closeOnClick, }: {
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+    zIndex?: number;
+    closeOnClick?: boolean;
+}): import("react").JSX.Element;

package/dist/components/overlay.js

@@ -0,0 +1,87 @@
+"use client";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { t } from "../use-event-callback-DGkfO_uu.js";
+import { n } from "../motion-gnRzFS5f.js";
+import { n as r, t as i } from "../use-focus-trap-CS6BXJAB.js";
+import { AnimatePresence as a, motion as o } from "framer-motion";
+import { useEffect as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
+//#region src/components/overlay.tsx
+function f({ open: f, onClose: p, children: m, portal: h = !0, disableScrollLock: g = !1, closeOnEscape: _ = !0, closeOnOutsideClick: v = !0, zIndex: y = 50, backdropClassName: b, panelClassName: x, className: S, containerClassName: C, ariaLabel: w, ariaLabelledby: T, ariaDescribedby: E, role: D = "dialog" }) {
+	let O = c(null), k = t(p), { restoreNow: A } = r(f);
+	i(O, {
+		active: f,
+		onEscape: k,
+		closeOnEscape: _,
+		disableScrollLock: g
+	}), s(() => {
+		if (!f || !v) return;
+		function e(e) {
+			O.current && !O.current.contains(e.target) && k();
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		f,
+		v,
+		k
+	]);
+	let j = /* @__PURE__ */ l(a, {
+		onExitComplete: A,
+		children: f && /* @__PURE__ */ u("div", {
+			className: e("fixed inset-0 flex items-center justify-center p-4", C),
+			style: { zIndex: y },
+			children: [/* @__PURE__ */ l(o.div, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: n.overlay,
+				className: e("absolute inset-0 bg-overlay", b),
+				onClick: v ? k : void 0,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ l(o.div, {
+				ref: O,
+				initial: {
+					opacity: 0,
+					scale: .98,
+					y: 8
+				},
+				animate: {
+					opacity: 1,
+					scale: 1,
+					y: 0
+				},
+				exit: {
+					opacity: 0,
+					scale: .98,
+					y: 8
+				},
+				transition: n.panelEnter,
+				role: D,
+				"aria-modal": D === "dialog" || void 0,
+				"aria-label": T ? void 0 : w,
+				"aria-labelledby": T,
+				"aria-describedby": E,
+				tabIndex: -1,
+				className: e("relative w-full rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay", x, S),
+				children: m
+			})]
+		})
+	});
+	return !h || typeof document > "u" ? j : d(j, document.body);
+}
+function p({ open: r, onClose: i, className: s, zIndex: c = 50, closeOnClick: u = !0 }) {
+	let d = t(i);
+	return /* @__PURE__ */ l(a, { children: r && /* @__PURE__ */ l(o.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: n.overlay,
+		className: e("fixed inset-0 bg-overlay", s),
+		style: { zIndex: c },
+		onClick: u ? d : void 0,
+		"aria-hidden": "true"
+	}) });
+}
+//#endregion
+export { f as Overlay, p as OverlayBackdrop };

package/dist/components/pagination.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("react/jsx-runtime");function r(e,t){return Array.from({length:t-e+1},(t,n)=>e+n)}function i(e,t,n){if(t<=7)return r(1,t);let i=Math.max(2,e-n),a=Math.min(t-1,e+n),o=i>2,s=a<t-1;return!o&&s?[...r(1,3+n*2),`…`,t]:o&&!s?[1,`…`,...r(t-2-n*2,t)]:[1,`…`,...r(i,a),`…`,t]}var a=(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`m15 18-6-6 6-6`})}),o=(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`m9 18 6-6-6-6`})});function s({page:r,totalPages:s,onPageChange:c,siblingCount:l=1,className:u}){if(s<=1)return null;let d=i(r,s,l);function f(i,a,o,s=!1){return(0,n.jsx)(`button`,{type:`button`,disabled:o,onClick:()=>!o&&c(a),"aria-current":s?`page`:void 0,"aria-label":typeof i==`number`?`Page ${i}`:a<r?`Previous page`:`Next page`,className:e.t(`flex items-center justify-center min-w-8 h-8 px-2 rounded-[var(--radius-md)] border text-sm font-medium transition-colors`,t.s,s?`border-accent-200 bg-accent-50 text-accent-700 dark:border-accent-500/20 dark:bg-accent-500/15 dark:text-accent-300`:`border-transparent text-muted-foreground hover:bg-muted hover:text-foreground`,o&&`opacity-40 cursor-not-allowed pointer-events-none`),children:i},typeof i==`number`?i:`${i}-${a}`)}return(0,n.jsxs)(`nav`,{className:e.t(`flex items-center gap-1`,u),"aria-label":`Pagination`,children:[f(a,r-1,r<=1),d.map((e,t)=>e===`…`?(0,n.jsx)(`span`,{className:`flex items-end justify-center w-8 h-8 text-slate-500 text-sm pb-1`,children:`…`},`dots-${t}`):f(e,e,!1,e===r)),f(o,r+1,r>=s)]})}exports.Pagination=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react/jsx-runtime");function r(e,t){return Array.from({length:t-e+1},(t,n)=>e+n)}function i(e,t,n){if(t<=7)return r(1,t);let i=Math.max(2,e-n),a=Math.min(t-1,e+n),o=i>2,s=a<t-1;return!o&&s?[...r(1,3+n*2),`…`,t]:o&&!s?[1,`…`,...r(t-2-n*2,t)]:[1,`…`,...r(i,a),`…`,t]}var a=(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`m15 18-6-6 6-6`})}),o=(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`m9 18 6-6-6-6`})});function s({page:r,totalPages:s,onPageChange:c,siblingCount:l=1,className:u}){if(s<=1)return null;let d=i(r,s,l);function f(i,a,o,s=!1){return(0,n.jsx)(`button`,{type:`button`,disabled:o,onClick:()=>!o&&c(a),"aria-current":s?`page`:void 0,"aria-label":typeof i==`number`?`Page ${i}`:a<r?`Previous page`:`Next page`,className:e.t(`flex items-center justify-center min-w-8 h-8 px-2 rounded-[var(--radius-md)] border text-sm font-medium transition-colors`,t.s,s?`border-accent-200 bg-accent-50 text-accent-700 dark:border-accent-500/20 dark:bg-accent-500/15 dark:text-accent-300`:`border-transparent text-muted-foreground hover:bg-muted hover:text-foreground`,o&&`opacity-40 cursor-not-allowed pointer-events-none`),children:i},typeof i==`number`?i:`${i}-${a}`)}return(0,n.jsxs)(`nav`,{className:e.t(`flex items-center gap-1`,u),"aria-label":`Pagination`,children:[f(a,r-1,r<=1),d.map((e,t)=>e===`…`?(0,n.jsx)(`span`,{className:`flex items-end justify-center w-8 h-8 text-slate-500 text-sm pb-1`,children:`…`},`dots-${t}`):f(e,e,!1,e===r)),f(o,r+1,r>=s)]})}exports.Pagination=s;

package/dist/components/pagination.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/pagination.tsx
 function i(e, t) {

package/dist/components/popover.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={top:{container:`bottom-full mb-2`,initial:{y:4}},bottom:{container:`top-full mt-2`,initial:{y:-4}},left:{container:`right-full mr-2`,initial:{x:4}},right:{container:`left-full ml-2`,initial:{x:-4}}},a={top:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},bottom:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},left:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`},right:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`}};function o({trigger:o,children:s,side:c=`bottom`,align:l=`start`,className:u,open:d,onOpenChange:f,ariaLabel:p=`Popover`}){let[m,h]=(0,n.useState)(!1),g=d??m,_=(0,n.useRef)(null),v=(0,n.useId)();function y(){let e=!g;d===void 0&&h(e),f?.(e)}function b(){d===void 0&&h(!1),f?.(!1)}(0,n.useEffect)(()=>{function e(e){_.current?.contains(e.target)||b()}function t(e){e.key===`Escape`&&g&&(e.preventDefault(),b(),_.current?.querySelector(`[aria-haspopup="dialog"]`)?.focus())}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[v,g]);let{container:x,initial:S}=i[c],C=a[c][l],w=(0,n.isValidElement)(o)?(0,n.cloneElement)(o,{"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":v,onClick:e=>{o.props.onClick?.(e),e.defaultPrevented||y()}}):(0,r.jsx)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":v,onClick:y,children:o});return(0,r.jsxs)(`div`,{ref:_,className:`relative inline-flex`,children:[w,(0,r.jsx)(t.AnimatePresence,{children:g&&(0,r.jsx)(t.motion.div,{id:v,role:`dialog`,"aria-label":p,initial:{opacity:0,...S},animate:{opacity:1,y:0,x:0},exit:{opacity:0,...S},transition:{duration:.13},className:e.t(`absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating`,x,C,u),children:s})})]})}function s({className:t,children:n,...i}){return(0,r.jsx)(`div`,{className:e.t(`p-3`,t),...i,children:n})}exports.Popover=o,exports.PopoverContent=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../motion-B2shivEB.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a={top:{container:`bottom-full mb-2`,initial:{y:4}},bottom:{container:`top-full mt-2`,initial:{y:-4}},left:{container:`right-full mr-2`,initial:{x:4}},right:{container:`left-full ml-2`,initial:{x:-4}}},o={top:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},bottom:{start:`left-0`,center:`left-1/2 -translate-x-1/2`,end:`right-0`},left:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`},right:{start:`top-0`,center:`top-1/2 -translate-y-1/2`,end:`bottom-0`}};function s({trigger:s,children:c,side:l=`bottom`,align:u=`start`,className:d,wrapperClassName:f,open:p,onOpenChange:m,ariaLabel:h=`Popover`}){let[g,_]=(0,r.useState)(!1),v=p??g,y=(0,r.useRef)(null),b=(0,r.useId)();function x(){let e=!v;p===void 0&&_(e),m?.(e)}function S(){p===void 0&&_(!1),m?.(!1)}(0,r.useEffect)(()=>{function e(e){y.current?.contains(e.target)||S()}function t(e){e.key===`Escape`&&v&&(e.preventDefault(),S(),y.current?.querySelector(`[aria-haspopup="dialog"]`)?.focus())}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[b,v]);let{container:C,initial:w}=a[l],T=o[l][u],E=(0,r.isValidElement)(s)?(0,r.cloneElement)(s,{"aria-haspopup":`dialog`,"aria-expanded":v,"aria-controls":b,onClick:e=>{s.props.onClick?.(e),e.defaultPrevented||x()}}):(0,i.jsx)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":v,"aria-controls":b,onClick:x,children:s});return(0,i.jsxs)(`div`,{ref:y,className:e.t(`relative inline-flex`,f),children:[E,(0,i.jsx)(n.AnimatePresence,{children:v&&(0,i.jsx)(n.motion.div,{id:b,role:`dialog`,"aria-label":h,initial:{opacity:0,...w},animate:{opacity:1,y:0,x:0},exit:{opacity:0,...w},transition:t.n.fade,className:e.t(`absolute z-50 min-w-[180px] rounded-[var(--radius-lg)] border border-border bg-surface-raised shadow-floating`,C,T,d),children:c})})]})}function c({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`p-3`,t),...r,children:n})}exports.Popover=s,exports.PopoverContent=c;

package/dist/components/popover.d.ts

@@ -7,10 +7,11 @@ export interface PopoverProps {
     side?: PopoverSide;
     align?: PopoverAlign;
     className?: string;
+    wrapperClassName?: string;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     ariaLabel?: string;
 }
-export declare function Popover({ trigger, children, side, align, className, open: controlledOpen, onOpenChange, ariaLabel, }: PopoverProps): import("react").JSX.Element;
+export declare function Popover({ trigger, children, side, align, className, wrapperClassName, open: controlledOpen, onOpenChange, ariaLabel, }: PopoverProps): import("react").JSX.Element;
 export declare function PopoverContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export {};