@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/overlays/Drawer/DrawerContent.mjs

@@ -1,192 +1,192 @@
+"use client";
 import { OverlayLayerProvider as e, useOverlayLayer as t } from "../../../hooks/useOverlayLayer.mjs";
-import { useDismiss as n } from "../../../hooks/useDismiss.mjs";
-import { getFocusable as r, useFocusTrap as i } from "../../../hooks/useFocusTrap.mjs";
-import { useMessages as ee } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { inertOutsideLayer as te } from "../../../hooks/useInertOutside.mjs";
-import { lockScroll as a } from "../../../hooks/useScrollLock.mjs";
-import { useMergedRef as o } from "../../../hooks/useMergedRef.mjs";
-import { cx as s } from "../../../utils/cx.mjs";
-import { Portal as c } from "../../utilities/Portal/Portal.mjs";
+import { getFocusable as n, useFocusTrap as r } from "../../../hooks/useFocusTrap.mjs";
+import { inertOutsideLayer as i } from "../../../hooks/useInertOutside.mjs";
+import { lockScroll as ee } from "../../../hooks/useScrollLock.mjs";
+import { useDismiss as te } from "../../../hooks/useDismiss.mjs";
+import { cx as a } from "../../../utils/cx.mjs";
 import { IconButton as ne } from "../../primitives/Button/Button.mjs";
-import { CloseIcon as l } from "../../primitives/Icon/icons.mjs";
-import { useDrawerContext as u } from "./DrawerContext.mjs";
-import { isDev as re } from "./internal.mjs";
-import { useDragToClose as ie } from "./useDragToClose.mjs";
-import d from "./Drawer.module.css.mjs";
-import { useEffect as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/overlays/Drawer/DrawerContent.tsx
-var ae = {
-	start: d.sideStart,
-	end: d.sideEnd,
-	top: d.sideTop,
-	bottom: d.sideBottom
-}, oe = {
-	sm: d.sizeSm,
-	md: d.sizeMd,
-	lg: d.sizeLg,
-	full: d.sizeFull
-}, v = (e) => e === "sm" || e === "md" || e === "lg" || e === "full";
-function se(e) {
+import { CloseIcon as re } from "../../primitives/Icon/icons.mjs";
+import { Portal as o } from "../../utilities/Portal/Portal.mjs";
+import { useDrawerContext as s } from "./DrawerContext.mjs";
+import { useMergedRef as ie } from "../../../hooks/useMergedRef.mjs";
+import { isDev as ae } from "./internal.mjs";
+import { useDragToClose as oe } from "./useDragToClose.mjs";
+import c from "./Drawer.module.css.mjs";
+import { useMessages as se } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+// src/components/overlays/Drawer/DrawerContent.tsx
+var ce = {
+	start: c.sideStart,
+	end: c.sideEnd,
+	top: c.sideTop,
+	bottom: c.sideBottom
+}, le = {
+	sm: c.sizeSm,
+	md: c.sizeMd,
+	lg: c.sizeLg,
+	full: c.sizeFull
+}, h = (e) => e === "sm" || e === "md" || e === "lg" || e === "full";
+function ue(e) {
 	return Math.max(0, ...e.split(",").map((e) => {
 		let t = e.trim(), n = parseFloat(t);
 		return Number.isNaN(n) ? 0 : t.endsWith("ms") ? n : n * 1e3;
 	}));
 }
-var y = ({ children: y, hideCloseButton: b = !1, closeLabel: ce, overlayClassName: le, container: ue, className: de, style: fe, ref: pe, id: me, onAnimationEnd: he, dir: x, "aria-label": S, "aria-labelledby": C, "aria-describedby": w, ...ge }) => {
-	let _e = ee(), ve = ce ?? _e.drawer.close, { open: T, setOpen: E, side: D, size: O, modal: k, closeOnOverlayPress: A, closeOnEscape: j, swipeToClose: M, initialFocusRef: N, finalFocusRef: P, triggerRef: F, contentId: ye, titleId: be, descriptionId: xe, hasTitle: I, hasDescription: Se, setMountedContentId: L } = u("Drawer.Content"), R = me ?? ye, [z, B] = h(T);
-	T && !z && B(!0), p(() => {
+var g = ({ children: g, hideCloseButton: _ = !1, closeLabel: de, overlayClassName: v, container: y, className: b, style: fe, ref: pe, id: me, onAnimationEnd: he, dir: x, "aria-label": S, "aria-labelledby": C, "aria-describedby": ge, ..._e }) => {
+	let ve = se(), ye = de ?? ve.drawer.close, { open: w, setOpen: T, side: E, size: D, modal: O, closeOnOverlayPress: k, closeOnEscape: A, swipeToClose: j, initialFocusRef: M, finalFocusRef: N, triggerRef: P, contentId: be, titleId: F, descriptionId: xe, hasTitle: I, hasDescription: Se, setMountedContentId: L } = s("Drawer.Content"), R = me ?? be, [z, B] = f(w);
+	w && !z && B(!0), u(() => {
 		L(z ? R : null);
 	}, [
 		z,
 		R,
 		L
-	]), f(() => () => L(null), [L]);
-	let [V, Ce] = h(null), [H, we] = h(null), U = m(null), Te = o(U, we, pe), W = T && H !== null, G = t({
+	]), l(() => () => L(null), [L]);
+	let [V, Ce] = f(null), [H, we] = f(null), U = d(null), Te = ie(U, we, pe), W = w && H !== null, G = t({
 		active: W,
-		modal: k,
+		modal: O,
 		elements: () => [V, H]
-	}), [Ee, De] = h(void 0);
-	p(() => {
-		if (!T || x) return;
-		let e = F.current ?? document.activeElement ?? document.documentElement;
+	}), [Ee, De] = f(void 0);
+	u(() => {
+		if (!w || x) return;
+		let e = P.current ?? document.activeElement ?? document.documentElement;
 		De(window.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr");
 	}, [
-		T,
+		w,
 		x,
-		F
+		P
 	]);
-	let Oe = x ?? Ee, K = m(P);
-	K.current = P;
-	let q = m(N);
-	q.current = N, f(() => {
-		if (!T || !V || !H) return;
-		let e = document.activeElement, t = k ? te(G.id, V) : () => {}, n = k ? a() : () => {};
-		return k || (q.current?.current ?? r(H)[0] ?? H).focus(), () => {
-			t(), n();
-			let r = document.activeElement, i = !r || r === document.body || H.contains(r);
-			(k || i) && (K.current?.current ?? (F.current?.isConnected ? F.current : null) ?? (e?.isConnected ? e : null))?.focus();
+	let Oe = x ?? Ee, K = d(N);
+	K.current = N;
+	let q = d(M);
+	q.current = M, l(() => {
+		if (!w || !V || !H) return;
+		let e = document.activeElement, t = O ? i(G.id, V) : () => {}, r = O ? ee() : () => {};
+		return O || (q.current?.current ?? n(H)[0] ?? H).focus(), () => {
+			t(), r();
+			let n = document.activeElement, i = !n || n === document.body || H.contains(n);
+			(O || i) && (K.current?.current ?? (P.current?.isConnected ? P.current : null) ?? (e?.isConnected ? e : null))?.focus();
 		};
 	}, [
-		T,
-		k,
+		w,
+		O,
 		V,
 		H,
-		F,
+		P,
 		G.id
 	]);
-	let J = m(null), Y = k && W && !G.hasModalAbove;
-	f(() => {
+	let J = d(null), Y = O && W && !G.hasModalAbove;
+	l(() => {
 		if (!Y || !H) return;
 		let e = document.activeElement;
 		J.current = e && e !== H && H.contains(e) ? e : q.current?.current ?? null;
-	}, [Y, H]), i(H, {
-		active: k && W,
+	}, [Y, H]), r(H, {
+		active: O && W,
 		initialFocusRef: J,
 		restoreFocus: !1,
 		layer: G
-	}), n([U], {
-		active: W && j,
+	}), te([U], {
+		active: W && A,
 		outsidePress: !1,
 		layer: G,
 		onDismiss: () => {
-			(k || U.current?.contains(document.activeElement)) && E(!1);
+			(O || U.current?.contains(document.activeElement)) && T(!1);
 		}
-	}), f(() => {
-		if (T || !z) return;
+	}), l(() => {
+		if (w || !z) return;
 		let e = U.current;
 		if (!e) {
 			B(!1);
 			return;
 		}
-		let t = se(window.getComputedStyle(e).animationDuration);
+		let t = ue(window.getComputedStyle(e).animationDuration);
 		if (t === 0) {
 			B(!1);
 			return;
 		}
 		let n = window.setTimeout(() => B(!1), t + 100);
 		return () => window.clearTimeout(n);
-	}, [T, z]);
+	}, [w, z]);
 	let ke = (e) => {
-		he?.(e), !T && e.target === e.currentTarget && B(!1);
-	}, X = ie({
-		enabled: D === "bottom" && M && T,
+		he?.(e), !w && e.target === e.currentTarget && B(!1);
+	}, X = oe({
+		enabled: E === "bottom" && j && w,
 		panel: H,
-		onClose: () => E(!1)
+		onClose: () => T(!1)
 	});
-	f(() => {
-		re && W && !I && !S && !C && console.warn("Drawer.Content: add a <Drawer.Title> (or aria-label) so the dialog has an accessible name.");
+	l(() => {
+		ae && W && (I || S || C || console.warn("Drawer.Content: add a <Drawer.Title> (or aria-label) so the dialog has an accessible name."));
 	}, [
 		W,
 		I,
 		S,
 		C
 	]);
-	let Z = m(!1);
+	let Z = d(!1);
 	if (!z) return null;
-	let Q = T ? "open" : "closed", $ = v(O) ? void 0 : typeof O == "number" ? `${O}px` : O, Ae = {
+	let Q = w ? "open" : "closed", $ = h(D) ? void 0 : typeof D == "number" ? `${D}px` : D, Ae = {
 		...fe,
 		...$ ? { "--drawer-size": $ } : null,
 		...X.offset > 0 ? { "--drawer-drag-offset": `${X.offset}px` } : null
-	}, je = C ?? (S ? void 0 : I ? be : void 0), Me = [w, Se ? xe : void 0].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ g(c, {
-		container: ue,
-		children: /* @__PURE__ */ g(e, {
+	}, je = C ?? (S ? void 0 : I ? F : void 0), Me = [ge, Se ? xe : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ p(o, {
+		container: y,
+		children: /* @__PURE__ */ p(e, {
 			layer: G,
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ m("div", {
 				ref: Ce,
 				dir: Oe,
 				"data-state": Q,
-				className: s(d.root, k ? d.rootModal : d.rootNonModal),
-				children: [k && /* @__PURE__ */ g("div", {
+				className: a(c.root, O ? c.rootModal : c.rootNonModal),
+				children: [O && /* @__PURE__ */ p("div", {
 					"aria-hidden": "true",
 					"data-state": Q,
-					className: s(d.overlay, le),
+					className: a(c.overlay, v),
 					onPointerDown: () => {
 						Z.current = G.getIsTopmost();
 					},
 					onClick: () => {
 						let e = Z.current;
-						Z.current = !1, A && e && G.getIsTopmost() && E(!1);
+						Z.current = !1, k && e && G.getIsTopmost() && T(!1);
 					}
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ m("div", {
 					role: "dialog",
-					"aria-modal": k ? !0 : void 0,
+					"aria-modal": O ? !0 : void 0,
 					"aria-label": S,
 					"aria-labelledby": je,
 					"aria-describedby": Me,
 					tabIndex: -1,
-					...ge,
+					..._e,
 					id: R,
 					ref: Te,
-					"data-side": D,
+					"data-side": E,
 					"data-state": Q,
 					"data-dragging": X.dragging || void 0,
-					className: s(d.panel, ae[D], v(O) ? oe[O] : d.sizeCustom, !b && d.hasClose, de),
+					className: a(c.panel, ce[E], h(D) ? le[D] : c.sizeCustom, !_ && c.hasClose, b),
 					style: Ae,
 					onAnimationEnd: ke,
 					children: [
-						D === "bottom" && /* @__PURE__ */ g("div", {
+						E === "bottom" && /* @__PURE__ */ p("div", {
 							"aria-hidden": "true",
-							className: s(d.handleArea, M && d.handleDraggable),
-							...M ? X.handlers : null,
-							children: /* @__PURE__ */ g("span", { className: d.handle })
+							className: a(c.handleArea, j && c.handleDraggable),
+							...j ? X.handlers : null,
+							children: /* @__PURE__ */ p("span", { className: c.handle })
 						}),
-						!b && /* @__PURE__ */ g(ne, {
-							"aria-label": ve,
+						!_ && /* @__PURE__ */ p(ne, {
+							"aria-label": ye,
 							variant: "ghost",
 							tone: "neutral",
-							className: d.closeButton,
-							onClick: () => E(!1),
-							children: /* @__PURE__ */ g(l, {})
+							className: c.closeButton,
+							onClick: () => T(!1),
+							children: /* @__PURE__ */ p(re, {})
 						}),
-						y
+						g
 					]
 				})]
 			})
 		})
 	});
 };
-y.displayName = "Drawer.Content";
-//#endregion
-export { y as DrawerContent };
+g.displayName = "Drawer.Content";
+export { g as DrawerContent };

package/dist/components/overlays/Drawer/DrawerContext.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`<${n}> must be used inside <Drawer>.`);return r}exports.DrawerContext=t,exports.useDrawerContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`<${n}> must be used inside <Drawer>.`);return r}exports.DrawerContext=t,exports.useDrawerContext=n;

package/dist/components/overlays/Drawer/DrawerContext.mjs

@@ -1,10 +1,10 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
-//#region src/components/overlays/Drawer/DrawerContext.ts
+// src/components/overlays/Drawer/DrawerContext.ts
 var n = e(null);
 function r(e) {
 	let r = t(n);
 	if (!r) throw Error(`<${e}> must be used inside <Drawer>.`);
 	return r;
 }
-//#endregion
 export { n as DrawerContext, r as useDrawerContext };

package/dist/components/overlays/Drawer/DrawerParts.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useMergedRef.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("./DrawerContext.cjs.js"),r=require("./Drawer.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({className:e,children:n,...i})=>(0,a.jsx)(`div`,{...i,className:t.cx(r.default.header,e),children:n});o.displayName=`Drawer.Header`;var s=({as:e=`h2`,className:o,children:s,...c})=>{let{titleId:l,registerTitle:u}=n.useDrawerContext(`Drawer.Title`);return(0,i.useLayoutEffect)(()=>u(),[u]),(0,a.jsx)(e,{id:l,...c,className:t.cx(r.default.title,o),children:s})};s.displayName=`Drawer.Title`;var c=({className:e,children:o,...s})=>{let{descriptionId:c,registerDescription:l}=n.useDrawerContext(`Drawer.Description`);return(0,i.useLayoutEffect)(()=>l(),[l]),(0,a.jsx)(`p`,{id:c,...s,className:t.cx(r.default.description,e),children:o})};c.displayName=`Drawer.Description`;var l=({className:o,children:s,flush:c=!1,ref:l,...u})=>{let{titleId:d,hasTitle:f}=n.useDrawerContext(`Drawer.Body`),p=(0,i.useRef)(null),m=e.useMergedRef(p,l),[h,g]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=p.current;if(!e)return;let t=()=>g(e.scrollHeight>e.clientHeight+1);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);n.observe(e);for(let t of Array.from(e.children))n.observe(t);return()=>n.disconnect()},[s]),(0,a.jsx)(`div`,{role:h?`region`:void 0,"aria-labelledby":h&&f?d:void 0,tabIndex:h?0:void 0,...u,ref:m,className:t.cx(r.default.body,c&&r.default.flush,o),children:s})};l.displayName=`Drawer.Body`;var u=({className:e,children:n,...i})=>(0,a.jsx)(`div`,{...i,className:t.cx(r.default.footer,e),children:n});u.displayName=`Drawer.Footer`,exports.DrawerBody=l,exports.DrawerDescription=c,exports.DrawerFooter=u,exports.DrawerHeader=o,exports.DrawerTitle=s;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("./DrawerContext.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("./Drawer.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({className:t,children:n,...i})=>(0,a.jsx)(`div`,{...i,className:e.cx(r.default.header,t),children:n});o.displayName=`Drawer.Header`;var s=({as:n=`h2`,className:o,children:s,...c})=>{let{titleId:l,registerTitle:u}=t.useDrawerContext(`Drawer.Title`);return(0,i.useLayoutEffect)(()=>u(),[u]),(0,a.jsx)(n,{id:l,...c,className:e.cx(r.default.title,o),children:s})};s.displayName=`Drawer.Title`;var c=({className:n,children:o,...s})=>{let{descriptionId:c,registerDescription:l}=t.useDrawerContext(`Drawer.Description`);return(0,i.useLayoutEffect)(()=>l(),[l]),(0,a.jsx)(`p`,{id:c,...s,className:e.cx(r.default.description,n),children:o})};c.displayName=`Drawer.Description`;var l=({className:o,children:s,flush:c=!1,ref:l,...u})=>{let{titleId:d,hasTitle:f}=t.useDrawerContext(`Drawer.Body`),p=(0,i.useRef)(null),m=n.useMergedRef(p,l),[h,g]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=p.current;if(!e)return;let t=()=>g(e.scrollHeight>e.clientHeight+1);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);n.observe(e);for(let t of Array.from(e.children))n.observe(t);return()=>n.disconnect()},[s]),(0,a.jsx)(`div`,{role:h?`region`:void 0,"aria-labelledby":h&&f?d:void 0,tabIndex:h?0:void 0,...u,ref:m,className:e.cx(r.default.body,c&&r.default.flush,o),children:s})};l.displayName=`Drawer.Body`;var u=({className:t,children:n,...i})=>(0,a.jsx)(`div`,{...i,className:e.cx(r.default.footer,t),children:n});u.displayName=`Drawer.Footer`,exports.DrawerBody=l,exports.DrawerDescription=c,exports.DrawerFooter=u,exports.DrawerHeader=o,exports.DrawerTitle=s;

package/dist/components/overlays/Drawer/DrawerParts.mjs

@@ -1,38 +1,39 @@
-import { useMergedRef as e } from "../../../hooks/useMergedRef.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { useDrawerContext as n } from "./DrawerContext.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { useDrawerContext as t } from "./DrawerContext.mjs";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.mjs";
 import r from "./Drawer.module.css.mjs";
 import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-//#region src/components/overlays/Drawer/DrawerParts.tsx
-var l = ({ className: e, children: n, ...i }) => /* @__PURE__ */ c("div", {
+// src/components/overlays/Drawer/DrawerParts.tsx
+var l = ({ className: t, children: n, ...i }) => /* @__PURE__ */ c("div", {
 	...i,
-	className: t(r.header, e),
+	className: e(r.header, t),
 	children: n
 });
 l.displayName = "Drawer.Header";
-var u = ({ as: e = "h2", className: i, children: o, ...s }) => {
-	let { titleId: l, registerTitle: u } = n("Drawer.Title");
-	return a(() => u(), [u]), /* @__PURE__ */ c(e, {
+var u = ({ as: n = "h2", className: i, children: o, ...s }) => {
+	let { titleId: l, registerTitle: u } = t("Drawer.Title");
+	return a(() => u(), [u]), /* @__PURE__ */ c(n, {
 		id: l,
 		...s,
-		className: t(r.title, i),
+		className: e(r.title, i),
 		children: o
 	});
 };
 u.displayName = "Drawer.Title";
-var d = ({ className: e, children: i, ...o }) => {
-	let { descriptionId: s, registerDescription: l } = n("Drawer.Description");
+var d = ({ className: n, children: i, ...o }) => {
+	let { descriptionId: s, registerDescription: l } = t("Drawer.Description");
 	return a(() => l(), [l]), /* @__PURE__ */ c("p", {
 		id: s,
 		...o,
-		className: t(r.description, e),
+		className: e(r.description, n),
 		children: i
 	});
 };
 d.displayName = "Drawer.Description";
 var f = ({ className: a, children: l, flush: u = !1, ref: d, ...f }) => {
-	let { titleId: p, hasTitle: m } = n("Drawer.Body"), h = o(null), g = e(h, d), [_, v] = s(!1);
+	let { titleId: p, hasTitle: m } = t("Drawer.Body"), h = o(null), g = n(h, d), [_, v] = s(!1);
 	return i(() => {
 		let e = h.current;
 		if (!e) return;
@@ -48,16 +49,15 @@ var f = ({ className: a, children: l, flush: u = !1, ref: d, ...f }) => {
 		tabIndex: _ ? 0 : void 0,
 		...f,
 		ref: g,
-		className: t(r.body, u && r.flush, a),
+		className: e(r.body, u && r.flush, a),
 		children: l
 	});
 };
 f.displayName = "Drawer.Body";
-var p = ({ className: e, children: n, ...i }) => /* @__PURE__ */ c("div", {
+var p = ({ className: t, children: n, ...i }) => /* @__PURE__ */ c("div", {
 	...i,
-	className: t(r.footer, e),
+	className: e(r.footer, t),
 	children: n
 });
 p.displayName = "Drawer.Footer";
-//#endregion
 export { f as DrawerBody, d as DrawerDescription, p as DrawerFooter, l as DrawerHeader, u as DrawerTitle };

package/dist/components/overlays/Drawer/internal.mjs

@@ -1,4 +1,3 @@
-//#region src/components/overlays/Drawer/internal.ts
+// src/components/overlays/Drawer/internal.ts
 var e = globalThis.process?.env?.NODE_ENV !== "production";
-//#endregion
 export { e as isDev };

package/dist/components/overlays/Drawer/useDragToClose.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=.3,n=.6;function r({enabled:r,panel:i,onClose:a}){let[o,s]=(0,e.useState)(0),[c,l]=(0,e.useState)(!1),u=(0,e.useRef)(null),d=(0,e.useRef)({y:0,time:0}),f=(e,r)=>{let o=u.current;if(!o||o.pointerId!==e.pointerId)return;u.current=null,l(!1);let c=Math.max(0,e.clientY-o.y),f=Math.max(1,e.timeStamp-d.current.time),p=(e.clientY-d.current.y)/f,m=i?.getBoundingClientRect().height??0;!r&&(c>m*t||c>0&&p>n)?a():s(0)};return{offset:o,dragging:c,handlers:{onPointerDown:e=>{r&&e.button===0&&(u.current={y:e.clientY,time:e.timeStamp,pointerId:e.pointerId},d.current={y:e.clientY,time:e.timeStamp},e.currentTarget.setPointerCapture?.(e.pointerId),l(!0))},onPointerMove:e=>{let t=u.current;t&&t.pointerId===e.pointerId&&(e.timeStamp-d.current.time>100&&(d.current={y:e.clientY,time:e.timeStamp}),s(Math.max(0,e.clientY-t.y)))},onPointerUp:e=>f(e,!1),onPointerCancel:e=>f(e,!0)}}}exports.useDragToClose=r;
+"use client";let e=require("react");var t=.3,n=.6;function r({enabled:r,panel:i,onClose:a}){let[o,s]=(0,e.useState)(0),[c,l]=(0,e.useState)(!1),u=(0,e.useRef)(null),d=(0,e.useRef)({y:0,time:0}),f=(e,r)=>{let o=u.current;if(!o||o.pointerId!==e.pointerId)return;u.current=null,l(!1);let c=Math.max(0,e.clientY-o.y),f=Math.max(1,e.timeStamp-d.current.time),p=(e.clientY-d.current.y)/f,m=i?.getBoundingClientRect().height??0;!r&&(c>m*t||c>0&&p>n)?a():s(0)};return{offset:o,dragging:c,handlers:{onPointerDown:e=>{r&&e.button===0&&(u.current={y:e.clientY,time:e.timeStamp,pointerId:e.pointerId},d.current={y:e.clientY,time:e.timeStamp},e.currentTarget.setPointerCapture?.(e.pointerId),l(!0))},onPointerMove:e=>{let t=u.current;t&&t.pointerId===e.pointerId&&(e.timeStamp-d.current.time>100&&(d.current={y:e.clientY,time:e.timeStamp}),s(Math.max(0,e.clientY-t.y)))},onPointerUp:e=>f(e,!1),onPointerCancel:e=>f(e,!0)}}}exports.useDragToClose=r;

package/dist/components/overlays/Drawer/useDragToClose.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useRef as e, useState as t } from "react";
-//#region src/components/overlays/Drawer/useDragToClose.ts
+// src/components/overlays/Drawer/useDragToClose.ts
 var n = .3, r = .6;
 function i({ enabled: i, panel: a, onClose: o }) {
 	let [s, c] = t(0), [l, u] = t(!1), d = e(null), f = e({
@@ -38,5 +39,4 @@ function i({ enabled: i, panel: a, onClose: o }) {
 		}
 	};
 }
-//#endregion
 export { i as useDragToClose };

package/dist/components/overlays/HoverCard/HoverCard.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useOverlayLayer.cjs.js"),n=require("../../../hooks/useDismiss.cjs.js"),r=require("../../../hooks/useFloatingPosition.cjs.js"),i=require("../../../hooks/useFocusTrap.cjs.js"),a=require("../../../utils/refs.cjs.js"),o=require("../../../hooks/useMergedRef.cjs.js"),s=require("../../../utils/cx.cjs.js"),c=require("../../../utils/slot.cjs.js"),l=require("../../utilities/Portal/Portal.cjs.js"),u=require("./HoverCard.module.css.cjs.js");let d=require("react"),f=require("react/jsx-runtime");var p=(0,d.createContext)(null);function m(e){let t=(0,d.useContext)(p);if(!t)throw Error(`${e} must be rendered inside <HoverCard>.`);return t}function h(e){try{return e.matches(`:focus-visible`)}catch{return!0}}var g=({children:t,open:n,defaultOpen:r=!1,onOpenChange:i,openDelay:a=500,closeDelay:o=300})=>{let[s,c]=e.useControllableState({value:n,defaultValue:r,onChange:i}),l=(0,d.useRef)(null),u=(0,d.useRef)(null),m=(0,d.useRef)(void 0),h=`hovercard-${(0,d.useId)()}`,g=(0,d.useCallback)(()=>{window.clearTimeout(m.current),m.current=void 0},[]);(0,d.useEffect)(()=>g,[g]);let _=(0,d.useCallback)(e=>{g(),c(e)},[g,c]),v=(e,t)=>{g(),t<=0?_(e):m.current=window.setTimeout(()=>_(e),t)},y={open:s,setOpen:_,scheduleOpen:()=>{s?g():v(!0,a)},scheduleClose:()=>{s?v(!1,o):g()},cancelTimer:g,triggerRef:l,contentRef:u,contentId:h};return(0,f.jsx)(p.Provider,{value:y,children:t})},_=({children:e})=>{let t=m(`HoverCard.Trigger`),n=o.useMergedRef(t.triggerRef,a.getChildRef(e)),r=(0,d.useRef)(!1),s=(0,d.useRef)(!1),l={"data-state":t.open?`open`:`closed`,onPointerEnter:e=>{e.pointerType!==`touch`&&t.scheduleOpen()},onPointerLeave:e=>{e.pointerType!==`touch`&&!r.current&&t.scheduleClose()},onFocus:e=>{!s.current&&h(e.currentTarget)&&(r.current=!0,t.scheduleOpen())},onBlur:e=>{r.current=!1;let n=e.relatedTarget;n&&t.contentRef.current?.contains(n)||(t.open?t.setOpen(!1):t.cancelTimer())},onKeyDown:e=>{if(e.key!==`Tab`||e.shiftKey||!t.open)return;let n=t.contentRef.current,r=n?i.getFocusable(n)[0]:void 0;r&&(e.preventDefault(),r.focus())},onPointerDown:()=>{s.current=!0,window.setTimeout(()=>s.current=!1,0),t.setOpen(!1)}};return c.cloneSlot(e,l,n)},v={sm:u.default.sm,md:u.default.md,lg:u.default.lg},y=({container:e,...t})=>{let n=m(`HoverCard.Content`);return n.open?(0,f.jsx)(l.Portal,{container:e,children:(0,f.jsx)(x,{...t,ctx:n})}):null},b=20,x=({ctx:e,placement:a=`bottom`,offset:c=8,size:l=`md`,showArrow:p=!1,className:m,style:h,children:g,ref:_,onPointerEnter:y,onPointerLeave:x,onKeyDown:S,onBlur:C,...w})=>{let T=(0,d.useRef)(null),E=o.useMergedRef(e.contentRef,_),D=r.useFloatingPosition(e.triggerRef,T,{open:!0,placement:a,offset:c,arrowPadding:b}),O=D.placement.split(`-`)[0],k=D.arrow?D.arrow.x??D.arrow.y??null:null,A=t.useOverlayLayer({active:!0});n.useDismiss([T,e.triggerRef],{active:!0,layer:A,onDismiss:t=>{let n=!!e.contentRef.current?.contains(document.activeElement);e.setOpen(!1),t.type===`keydown`&&n&&e.triggerRef.current?.focus()}});let[j,M]=(0,d.useState)(`ltr`);(0,d.useEffect)(()=>{let t=e.triggerRef.current;t&&M(getComputedStyle(t).direction===`rtl`?`rtl`:`ltr`)},[e.triggerRef]);let N=t=>{if(S?.(t),t.defaultPrevented||t.key!==`Tab`)return;let n=e.contentRef.current,r=e.triggerRef.current;if(!n||!r)return;let a=i.getFocusable(n),o=document.activeElement;if(t.shiftKey&&(o===a[0]||o===n))t.preventDefault(),r.focus();else if(!t.shiftKey&&o===a[a.length-1]){let a=i.getFocusable(document.body).find(e=>!n.contains(e)&&!!(r.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING));t.preventDefault(),e.setOpen(!1),(a??r).focus()}},P=t=>{C?.(t);let n=t.relatedTarget;n&&!e.contentRef.current?.contains(n)&&n!==e.triggerRef.current&&e.setOpen(!1)},F={...h,...k===null?null:{"--_arrow-pos":`${k}px`}};return(0,f.jsx)(t.OverlayLayerProvider,{layer:A,children:(0,f.jsx)(`div`,{ref:T,className:u.default.positioner,style:D.style,dir:j,children:(0,f.jsxs)(`div`,{...w,ref:E,id:e.contentId,className:s.cx(u.default.content,v[l],m),style:F,"data-side":O,"data-state":`open`,onPointerEnter:t=>{y?.(t),t.pointerType!==`touch`&&e.cancelTimer()},onPointerLeave:t=>{x?.(t),t.pointerType!==`touch`&&(e.contentRef.current?.contains(document.activeElement)||e.scheduleClose())},onKeyDown:N,onBlur:P,children:[g,p&&(0,f.jsx)(`span`,{className:u.default.arrow,"data-side":O,"aria-hidden":`true`})]})})})},S=Object.assign(g,{Trigger:_,Content:y});exports.HoverCard=S,exports.HoverCardContent=y,exports.HoverCardTrigger=_;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useDismiss.cjs.js"),n=require("../../../hooks/useFloatingPosition.cjs.js"),r=require("../../../hooks/useFocusTrap.cjs.js"),i=require("../../../hooks/useMergedRef.cjs.js"),a=require("../../../hooks/useOverlayLayer.cjs.js"),o=require("../../../utils/cx.cjs.js"),s=require("../../../utils/refs.cjs.js"),c=require("../../../utils/slot.cjs.js"),l=require("../../utilities/Portal/Portal.cjs.js"),u=require("./HoverCard.module.css.cjs.js");let d=require("react"),f=require("react/jsx-runtime");var p=(0,d.createContext)(null);function m(e){let t=(0,d.useContext)(p);if(!t)throw Error(`${e} must be rendered inside <HoverCard>.`);return t}function h(e){try{return e.matches(`:focus-visible`)}catch{return!0}}var g=({children:t,open:n,defaultOpen:r=!1,onOpenChange:i,openDelay:a=500,closeDelay:o=300})=>{let[s,c]=e.useControllableState({value:n,defaultValue:r,onChange:i}),l=(0,d.useRef)(null),u=(0,d.useRef)(null),m=(0,d.useRef)(void 0),h=`hovercard-${(0,d.useId)()}`,g=(0,d.useCallback)(()=>{window.clearTimeout(m.current),m.current=void 0},[]);(0,d.useEffect)(()=>g,[g]);let _=(0,d.useCallback)(e=>{g(),c(e)},[g,c]),v=(e,t)=>{g(),t<=0?_(e):m.current=window.setTimeout(()=>_(e),t)},y={open:s,setOpen:_,scheduleOpen:()=>{s?g():v(!0,a)},scheduleClose:()=>{s?v(!1,o):g()},cancelTimer:g,triggerRef:l,contentRef:u,contentId:h};return(0,f.jsx)(p.Provider,{value:y,children:t})},_=({children:e})=>{let t=m(`HoverCard.Trigger`),n=i.useMergedRef(t.triggerRef,s.getChildRef(e)),a=(0,d.useRef)(!1),o=(0,d.useRef)(!1),l={"data-state":t.open?`open`:`closed`,onPointerEnter:e=>{e.pointerType!==`touch`&&t.scheduleOpen()},onPointerLeave:e=>{e.pointerType!==`touch`&&!a.current&&t.scheduleClose()},onFocus:e=>{!o.current&&h(e.currentTarget)&&(a.current=!0,t.scheduleOpen())},onBlur:e=>{a.current=!1;let n=e.relatedTarget;n&&t.contentRef.current?.contains(n)||(t.open?t.setOpen(!1):t.cancelTimer())},onKeyDown:e=>{if(e.key!==`Tab`||e.shiftKey||!t.open)return;let n=t.contentRef.current,i=n?r.getFocusable(n)[0]:void 0;i&&(e.preventDefault(),i.focus())},onPointerDown:()=>{o.current=!0,window.setTimeout(()=>o.current=!1,0),t.setOpen(!1)}};return c.cloneSlot(e,l,n)},v={sm:u.default.sm,md:u.default.md,lg:u.default.lg},y=({container:e,...t})=>{let n=m(`HoverCard.Content`);return n.open?(0,f.jsx)(l.Portal,{container:e,children:(0,f.jsx)(x,{...t,ctx:n})}):null},b=20,x=({ctx:e,placement:s=`bottom`,offset:c=8,size:l=`md`,showArrow:p=!1,className:m,style:h,children:g,ref:_,onPointerEnter:y,onPointerLeave:x,onKeyDown:S,onBlur:C,...w})=>{let T=(0,d.useRef)(null),E=i.useMergedRef(e.contentRef,_),D=n.useFloatingPosition(e.triggerRef,T,{open:!0,placement:s,offset:c,arrowPadding:b}),O=D.placement.split(`-`)[0],k=D.arrow?D.arrow.x??D.arrow.y??null:null,A=a.useOverlayLayer({active:!0});t.useDismiss([T,e.triggerRef],{active:!0,layer:A,onDismiss:t=>{let n=!!e.contentRef.current?.contains(document.activeElement);e.setOpen(!1),t.type===`keydown`&&n&&e.triggerRef.current?.focus()}});let[j,M]=(0,d.useState)(`ltr`);(0,d.useEffect)(()=>{let t=e.triggerRef.current;t&&M(getComputedStyle(t).direction===`rtl`?`rtl`:`ltr`)},[e.triggerRef]);let N=t=>{if(S?.(t),t.defaultPrevented||t.key!==`Tab`)return;let n=e.contentRef.current,i=e.triggerRef.current;if(!n||!i)return;let a=r.getFocusable(n),o=document.activeElement;if(t.shiftKey&&(o===a[0]||o===n))t.preventDefault(),i.focus();else if(!t.shiftKey&&o===a[a.length-1]){let a=r.getFocusable(document.body).find(e=>!n.contains(e)&&!!(i.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING));t.preventDefault(),e.setOpen(!1),(a??i).focus()}},P=t=>{C?.(t);let n=t.relatedTarget;n&&!e.contentRef.current?.contains(n)&&n!==e.triggerRef.current&&e.setOpen(!1)},F={...h,...k===null?null:{"--_arrow-pos":`${k}px`}};return(0,f.jsx)(a.OverlayLayerProvider,{layer:A,children:(0,f.jsx)(`div`,{ref:T,className:u.default.positioner,style:D.style,dir:j,children:(0,f.jsxs)(`div`,{...w,ref:E,id:e.contentId,className:o.cx(u.default.content,v[l],m),style:F,"data-side":O,"data-state":`open`,onPointerEnter:t=>{y?.(t),t.pointerType!==`touch`&&e.cancelTimer()},onPointerLeave:t=>{x?.(t),t.pointerType!==`touch`&&(e.contentRef.current?.contains(document.activeElement)||e.scheduleClose())},onKeyDown:N,onBlur:P,children:[g,p&&(0,f.jsx)(`span`,{className:u.default.arrow,"data-side":O,"aria-hidden":`true`})]})})})},S=Object.assign(g,{Trigger:_,Content:y});exports.HoverCard=S,exports.HoverCardContent=y,exports.HoverCardTrigger=_;

package/dist/components/overlays/HoverCard/HoverCard.mjs

@@ -1,17 +1,18 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { OverlayLayerProvider as t, useOverlayLayer as n } from "../../../hooks/useOverlayLayer.mjs";
-import { useDismiss as r } from "../../../hooks/useDismiss.mjs";
-import { useFloatingPosition as i } from "../../../hooks/useFloatingPosition.mjs";
-import { getFocusable as a } from "../../../hooks/useFocusTrap.mjs";
-import { getChildRef as o } from "../../../utils/refs.mjs";
-import { useMergedRef as s } from "../../../hooks/useMergedRef.mjs";
-import { cx as c } from "../../../utils/cx.mjs";
+import { useDismiss as t } from "../../../hooks/useDismiss.mjs";
+import { useFloatingPosition as n } from "../../../hooks/useFloatingPosition.mjs";
+import { getFocusable as r } from "../../../hooks/useFocusTrap.mjs";
+import { useMergedRef as i } from "../../../hooks/useMergedRef.mjs";
+import { OverlayLayerProvider as a, useOverlayLayer as o } from "../../../hooks/useOverlayLayer.mjs";
+import { cx as s } from "../../../utils/cx.mjs";
+import { getChildRef as c } from "../../../utils/refs.mjs";
 import { cloneSlot as l } from "../../../utils/slot.mjs";
 import { Portal as u } from "../../utilities/Portal/Portal.mjs";
 import d from "./HoverCard.module.css.mjs";
 import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useRef as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region src/components/overlays/HoverCard/HoverCard.tsx
+// src/components/overlays/HoverCard/HoverCard.tsx
 var x = f(null);
 function S(e) {
 	let t = m(x);
@@ -57,32 +58,32 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 		children: t
 	});
 }, T = ({ children: e }) => {
-	let t = S("HoverCard.Trigger"), n = s(t.triggerRef, o(e)), r = _(!1), i = _(!1), c = {
+	let t = S("HoverCard.Trigger"), n = i(t.triggerRef, c(e)), a = _(!1), o = _(!1), s = {
 		"data-state": t.open ? "open" : "closed",
 		onPointerEnter: (e) => {
 			e.pointerType !== "touch" && t.scheduleOpen();
 		},
 		onPointerLeave: (e) => {
-			e.pointerType !== "touch" && !r.current && t.scheduleClose();
+			e.pointerType !== "touch" && !a.current && t.scheduleClose();
 		},
 		onFocus: (e) => {
-			!i.current && C(e.currentTarget) && (r.current = !0, t.scheduleOpen());
+			!o.current && C(e.currentTarget) && (a.current = !0, t.scheduleOpen());
 		},
 		onBlur: (e) => {
-			r.current = !1;
+			a.current = !1;
 			let n = e.relatedTarget;
 			n && t.contentRef.current?.contains(n) || (t.open ? t.setOpen(!1) : t.cancelTimer());
 		},
 		onKeyDown: (e) => {
 			if (e.key !== "Tab" || e.shiftKey || !t.open) return;
-			let n = t.contentRef.current, r = n ? a(n)[0] : void 0;
-			r && (e.preventDefault(), r.focus());
+			let n = t.contentRef.current, i = n ? r(n)[0] : void 0;
+			i && (e.preventDefault(), i.focus());
 		},
 		onPointerDown: () => {
-			i.current = !0, window.setTimeout(() => i.current = !1, 0), t.setOpen(!1);
+			o.current = !0, window.setTimeout(() => o.current = !1, 0), t.setOpen(!1);
 		}
 	};
-	return l(e, c, n);
+	return l(e, s, n);
 }, E = {
 	sm: d.sm,
 	md: d.md,
@@ -96,14 +97,14 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 			ctx: n
 		})
 	}) : null;
-}, O = 20, k = ({ ctx: e, placement: o = "bottom", offset: l = 8, size: u = "md", showArrow: f = !1, className: p, style: m, children: g, ref: x, onPointerEnter: S, onPointerLeave: C, onKeyDown: w, onBlur: T, ...D }) => {
-	let k = _(null), A = s(e.contentRef, x), j = i(e.triggerRef, k, {
+}, O = 20, k = ({ ctx: e, placement: c = "bottom", offset: l = 8, size: u = "md", showArrow: f = !1, className: p, style: m, children: g, ref: x, onPointerEnter: S, onPointerLeave: C, onKeyDown: w, onBlur: T, ...D }) => {
+	let k = _(null), A = i(e.contentRef, x), j = n(e.triggerRef, k, {
 		open: !0,
-		placement: o,
+		placement: c,
 		offset: l,
 		arrowPadding: O
-	}), M = j.placement.split("-")[0], N = j.arrow ? j.arrow.x ?? j.arrow.y ?? null : null, P = n({ active: !0 });
-	r([k, e.triggerRef], {
+	}), M = j.placement.split("-")[0], N = j.arrow ? j.arrow.x ?? j.arrow.y ?? null : null, P = o({ active: !0 });
+	t([k, e.triggerRef], {
 		active: !0,
 		layer: P,
 		onDismiss: (t) => {
@@ -118,13 +119,13 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 	}, [e.triggerRef]);
 	let L = (t) => {
 		if (w?.(t), t.defaultPrevented || t.key !== "Tab") return;
-		let n = e.contentRef.current, r = e.triggerRef.current;
-		if (!n || !r) return;
-		let i = a(n), o = document.activeElement;
-		if (t.shiftKey && (o === i[0] || o === n)) t.preventDefault(), r.focus();
-		else if (!t.shiftKey && o === i[i.length - 1]) {
-			let i = a(document.body).find((e) => !n.contains(e) && !!(r.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING));
-			t.preventDefault(), e.setOpen(!1), (i ?? r).focus();
+		let n = e.contentRef.current, i = e.triggerRef.current;
+		if (!n || !i) return;
+		let a = r(n), o = document.activeElement;
+		if (t.shiftKey && (o === a[0] || o === n)) t.preventDefault(), i.focus();
+		else if (!t.shiftKey && o === a[a.length - 1]) {
+			let a = r(document.body).find((e) => !n.contains(e) && !!(i.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING));
+			t.preventDefault(), e.setOpen(!1), (a ?? i).focus();
 		}
 	}, R = (t) => {
 		T?.(t);
@@ -134,7 +135,7 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 		...m,
 		...N === null ? null : { "--_arrow-pos": `${N}px` }
 	};
-	return /* @__PURE__ */ y(t, {
+	return /* @__PURE__ */ y(a, {
 		layer: P,
 		children: /* @__PURE__ */ y("div", {
 			ref: k,
@@ -145,7 +146,7 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 				...D,
 				ref: A,
 				id: e.contentId,
-				className: c(d.content, E[u], p),
+				className: s(d.content, E[u], p),
 				style: z,
 				"data-side": M,
 				"data-state": "open",
@@ -169,5 +170,4 @@ var w = ({ children: t, open: n, defaultOpen: r = !1, onOpenChange: i, openDelay
 	Trigger: T,
 	Content: D
 });
-//#endregion
 export { A as HoverCard, D as HoverCardContent, T as HoverCardTrigger };

package/dist/components/overlays/HoverCard/HoverCard.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/overlays/HoverCard/HoverCard.module.css
+// src/components/overlays/HoverCard/HoverCard.module.css
 var e = "_positioner_1ej8b_7", t = "_content_1ej8b_12", n = "_sm_1ej8b_37", r = "_md_1ej8b_42", i = "_lg_1ej8b_47", a = "_arrow_1ej8b_85", o = {
 	positioner: e,
 	content: t,
@@ -8,5 +8,4 @@ var e = "_positioner_1ej8b_7", t = "_content_1ej8b_12", n = "_sm_1ej8b_37", r =
 	lg: i,
 	arrow: a
 };
-//#endregion
 export { a as arrow, t as content, o as default, i as lg, r as md, e as positioner, n as sm };

package/dist/components/overlays/Modal/ConfirmModal.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("./Modal.module.css.cjs.js"),o=require("./ModalContent.cjs.js"),s=require("./Modal.cjs.js");let c=require("react"),l=require("react/jsx-runtime");function u({open:u,defaultOpen:d=!1,onOpenChange:f,trigger:p,title:m,description:h,children:g,confirmLabel:_,cancelLabel:v,confirmLoadingText:y,tone:b=`primary`,onConfirm:x,onCancel:S,size:C=`sm`,finalFocusRef:w}){let T=t.useMessages(),E=_??T.modal.confirm,D=v??T.modal.cancel,[O,k]=e.useControllableState({value:u,defaultValue:d,onChange:f}),[A,j]=(0,c.useState)(!1),M=(0,c.useRef)(null),N=e=>{if(!e){if(A)return;S?.()}k(e)},P=async()=>{if(A)return;let e=x?.();if(e&&typeof e.then==`function`){j(!0);try{await e,k(!1)}catch{}finally{j(!1)}return}k(!1)},F=b===`danger`?i.WarningIcon:i.InfoIcon;return(0,l.jsxs)(s.Modal,{open:O,onOpenChange:N,role:`alertdialog`,size:C,showClose:!1,closeOnEscape:!A,initialFocusRef:M,finalFocusRef:w,children:[p&&(0,l.jsx)(s.ModalTrigger,{children:p}),(0,l.jsxs)(o.ModalContent,{children:[(0,l.jsxs)(s.ModalHeader,{children:[(0,l.jsx)(`span`,{className:n.cx(a.default.confirmIcon,b===`danger`&&a.default.confirmIconDanger),"aria-hidden":`true`,children:(0,l.jsx)(F,{size:`lg`})}),(0,l.jsx)(s.ModalTitle,{children:m}),h!=null&&(0,l.jsx)(s.ModalDescription,{children:h})]}),g!=null&&(0,l.jsx)(s.ModalBody,{children:g}),(0,l.jsxs)(s.ModalFooter,{children:[(0,l.jsx)(r.Button,{ref:M,variant:`outline`,tone:`neutral`,disabled:A,onClick:()=>N(!1),children:D}),(0,l.jsx)(r.Button,{variant:`solid`,tone:b,loading:A,loadingText:y,onClick:P,children:E})]})]})]})}exports.ConfirmModal=u;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("./Modal.cjs.js"),a=require("./Modal.module.css.cjs.js"),o=require("./ModalContent.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");function u({open:u,defaultOpen:d=!1,onOpenChange:f,trigger:p,title:m,description:h,children:g,confirmLabel:_,cancelLabel:v,confirmLoadingText:y,tone:b=`primary`,onConfirm:x,onCancel:S,size:C=`sm`,finalFocusRef:w}){let T=s.useMessages(),E=_??T.modal.confirm,D=v??T.modal.cancel,[O,k]=e.useControllableState({value:u,defaultValue:d,onChange:f}),[A,j]=(0,c.useState)(!1),M=(0,c.useRef)(null),N=e=>{if(!e){if(A)return;S?.()}k(e)},P=async()=>{if(A)return;let e=x?.();if(e&&typeof e.then==`function`){j(!0);try{await e,k(!1)}catch{}finally{j(!1)}}else k(!1)},F=b===`danger`?r.WarningIcon:r.InfoIcon;return(0,l.jsxs)(i.Modal,{open:O,onOpenChange:N,role:`alertdialog`,size:C,showClose:!1,closeOnEscape:!A,initialFocusRef:M,finalFocusRef:w,children:[p&&(0,l.jsx)(i.ModalTrigger,{children:p}),(0,l.jsxs)(o.ModalContent,{children:[(0,l.jsxs)(i.ModalHeader,{children:[(0,l.jsx)(`span`,{className:t.cx(a.default.confirmIcon,b===`danger`&&a.default.confirmIconDanger),"aria-hidden":`true`,children:(0,l.jsx)(F,{size:`lg`})}),(0,l.jsx)(i.ModalTitle,{children:m}),h!=null&&(0,l.jsx)(i.ModalDescription,{children:h})]}),g!=null&&(0,l.jsx)(i.ModalBody,{children:g}),(0,l.jsxs)(i.ModalFooter,{children:[(0,l.jsx)(n.Button,{ref:M,variant:`outline`,tone:`neutral`,disabled:A,onClick:()=>N(!1),children:D}),(0,l.jsx)(n.Button,{variant:`solid`,tone:b,loading:A,loadingText:y,onClick:P,children:E})]})]})]})}exports.ConfirmModal=u;