@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/overlays/Modal/ConfirmModal.mjs

@@ -1,16 +1,17 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Button as r } from "../../primitives/Button/Button.mjs";
-import { InfoIcon as i, WarningIcon as a } from "../../primitives/Icon/icons.mjs";
-import o from "./Modal.module.css.mjs";
-import { ModalContent as s } from "./ModalContent.mjs";
-import { Modal as c, ModalBody as l, ModalDescription as u, ModalFooter as d, ModalHeader as f, ModalTitle as p, ModalTrigger as m } from "./Modal.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { Button as n } from "../../primitives/Button/Button.mjs";
+import { InfoIcon as r, WarningIcon as i } from "../../primitives/Icon/icons.mjs";
+import { Modal as a, ModalBody as o, ModalDescription as s, ModalFooter as c, ModalHeader as l, ModalTitle as u, ModalTrigger as d } from "./Modal.mjs";
+import f from "./Modal.module.css.mjs";
+import { ModalContent as p } from "./ModalContent.mjs";
+import { useMessages as m } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useRef as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/components/overlays/Modal/ConfirmModal.tsx
+// src/components/overlays/Modal/ConfirmModal.tsx
 function y({ open: y, defaultOpen: b = !1, onOpenChange: x, trigger: S, title: C, description: w, children: T, confirmLabel: E, cancelLabel: D, confirmLoadingText: O, tone: k = "primary", onConfirm: A, onCancel: j, size: M = "sm", finalFocusRef: N }) {
-	let P = t(), F = E ?? P.modal.confirm, I = D ?? P.modal.cancel, [L, R] = e({
+	let P = m(), F = E ?? P.modal.confirm, I = D ?? P.modal.cancel, [L, R] = e({
 		value: y,
 		defaultValue: b,
 		onChange: x
@@ -30,11 +31,9 @@ function y({ open: y, defaultOpen: b = !1, onOpenChange: x, trigger: S, title: C
 			} catch {} finally {
 				B(!1);
 			}
-			return;
-		}
-		R(!1);
-	}, W = k === "danger" ? a : i;
-	return /* @__PURE__ */ v(c, {
+		} else R(!1);
+	}, W = k === "danger" ? i : r;
+	return /* @__PURE__ */ v(a, {
 		open: L,
 		onOpenChange: H,
 		role: "alertdialog",
@@ -43,25 +42,25 @@ function y({ open: y, defaultOpen: b = !1, onOpenChange: x, trigger: S, title: C
 		closeOnEscape: !z,
 		initialFocusRef: V,
 		finalFocusRef: N,
-		children: [S && /* @__PURE__ */ _(m, { children: S }), /* @__PURE__ */ v(s, { children: [
-			/* @__PURE__ */ v(f, { children: [
+		children: [S && /* @__PURE__ */ _(d, { children: S }), /* @__PURE__ */ v(p, { children: [
+			/* @__PURE__ */ v(l, { children: [
 				/* @__PURE__ */ _("span", {
-					className: n(o.confirmIcon, k === "danger" && o.confirmIconDanger),
+					className: t(f.confirmIcon, k === "danger" && f.confirmIconDanger),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ _(W, { size: "lg" })
 				}),
-				/* @__PURE__ */ _(p, { children: C }),
-				w != null && /* @__PURE__ */ _(u, { children: w })
+				/* @__PURE__ */ _(u, { children: C }),
+				w != null && /* @__PURE__ */ _(s, { children: w })
 			] }),
-			T != null && /* @__PURE__ */ _(l, { children: T }),
-			/* @__PURE__ */ v(d, { children: [/* @__PURE__ */ _(r, {
+			T != null && /* @__PURE__ */ _(o, { children: T }),
+			/* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(n, {
 				ref: V,
 				variant: "outline",
 				tone: "neutral",
 				disabled: z,
 				onClick: () => H(!1),
 				children: I
-			}), /* @__PURE__ */ _(r, {
+			}), /* @__PURE__ */ _(n, {
 				variant: "solid",
 				tone: k,
 				loading: z,
@@ -72,5 +71,4 @@ function y({ open: y, defaultOpen: b = !1, onOpenChange: x, trigger: S, title: C
 		] })]
 	});
 }
-//#endregion
 export { y as ConfirmModal };

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

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../primitives/Typography/Typography.cjs.js"),a=require("./ModalContext.cjs.js"),o=require("./Modal.module.css.cjs.js"),s=require("./ModalContent.cjs.js"),c=require("./useScrollRegion.cjs.js");let l=require("react"),u=require("react/jsx-runtime");function d({open:n,defaultOpen:r=!1,onOpenChange:i,size:o=`md`,placement:s=`center`,mobileLayout:c=`sheet`,scrollBehavior:d=`inside`,role:f=`dialog`,closeOnOverlayPress:p,closeOnEscape:m=!0,initialFocusRef:h,finalFocusRef:g,showClose:_=!0,closeLabel:v,children:y}){let b=t.useMessages(),x=v??b.modal.close,[S,C]=e.useControllableState({value:n,defaultValue:r,onChange:i}),w=(0,l.useRef)(null),T=(0,l.useRef)(null),E=(0,l.useId)(),[D,O]=(0,l.useState)(null),[k,A]=(0,l.useState)(null);(0,l.useLayoutEffect)(()=>{if(!S)return;let e=document.activeElement;T.current=e instanceof HTMLElement&&e!==document.body?e:null},[S]);let j=(0,l.useCallback)(e=>(O(e),()=>O(t=>t===e?null:t)),[]),M=(0,l.useCallback)(e=>(A(e),()=>A(t=>t===e?null:t)),[]),N=(0,l.useMemo)(()=>({open:S,setOpen:e=>C(e),size:o,placement:s,mobileLayout:c,scrollBehavior:d,role:f,closeOnOverlayPress:p??f!==`alertdialog`,closeOnEscape:m,showClose:_,closeLabel:x,initialFocusRef:h,finalFocusRef:g,triggerRef:w,returnFocusRef:T,defaultTitleId:`${E}-title`,defaultDescriptionId:`${E}-description`,titleId:D,descriptionId:k,registerTitle:j,registerDescription:M}),[S,C,o,s,c,d,f,p,m,_,x,h,g,E,D,k,j,M]);return(0,u.jsx)(a.ModalContext.Provider,{value:N,children:y})}function f({children:e}){let t=a.useModalContext(`Modal.Trigger`),r=(0,l.isValidElement)(e)?e:null,i=r?.props.ref,o=(0,l.useMemo)(()=>n.mergeRefs(i,t.triggerRef),[i,t.triggerRef]);return r?(0,l.cloneElement)(r,{ref:o,"aria-haspopup":`dialog`,"aria-expanded":t.open,onClick:e=>{r.props.onClick?.(e),e.defaultPrevented||t.setOpen(!0)}}):e}function p({children:e}){let t=a.useModalContext(`Modal.Close`);if(!(0,l.isValidElement)(e))return e;let n=e;return(0,l.cloneElement)(n,{"data-modal-close":``,onClick:e=>{n.props.onClick?.(e),e.defaultPrevented||t.setOpen(!1)}})}function m({className:e,...t}){return(0,u.jsx)(`div`,{...t,className:r.cx(o.default.header,e)})}function h({level:e=2,size:t=`2xl`,id:n,className:s,...c}){let d=a.useModalContext(`Modal.Title`),f=n??d.defaultTitleId,{registerTitle:p}=d;return(0,l.useLayoutEffect)(()=>p(f),[p,f]),(0,u.jsx)(i.Heading,{...c,id:f,level:e,size:t,weight:`black`,className:r.cx(o.default.title,s)})}function g({id:e,className:t,...n}){let s=a.useModalContext(`Modal.Description`),c=e??s.defaultDescriptionId,{registerDescription:d}=s;return(0,l.useLayoutEffect)(()=>d(c),[d,c]),(0,u.jsx)(i.Text,{...n,id:c,tone:`muted`,size:`md`,className:r.cx(o.default.description,t)})}function _({className:e,ref:t,scrollRegionLabel:i,...s}){let d=a.useModalContext(`Modal.Body`),[f,p]=c.useScrollRegion(d.scrollBehavior===`inside`),m=(0,l.useMemo)(()=>n.mergeRefs(t,f),[t,f]),h=p?{tabIndex:0,role:`region`,"aria-label":i,"aria-labelledby":i?void 0:d.titleId??void 0}:{};return(0,u.jsx)(`div`,{...h,...s,ref:m,"data-modal-body":``,className:r.cx(o.default.body,e)})}function v({className:e,...t}){return(0,u.jsx)(`div`,{...t,"data-modal-footer":``,className:r.cx(o.default.footer,e)})}var y=Object.assign(d,{Trigger:f,Content:s.ModalContent,Header:m,Title:h,Description:g,Body:_,Footer:v,Close:p});exports.Modal=y,exports.ModalBody=_,exports.ModalClose=p,exports.ModalContent=s.ModalContent,exports.ModalDescription=g,exports.ModalFooter=v,exports.ModalHeader=m,exports.ModalTitle=h,exports.ModalTrigger=f;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Typography/Typography.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("./ModalContent.cjs.js"),a=require("./ModalContext.cjs.js"),o=require("./useScrollRegion.cjs.js"),s=require("./Modal.module.css.cjs.js"),c=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let l=require("react"),u=require("react/jsx-runtime");function d({open:t,defaultOpen:n=!1,onOpenChange:r,size:i=`md`,placement:o=`center`,mobileLayout:s=`sheet`,scrollBehavior:d=`inside`,role:f=`dialog`,closeOnOverlayPress:p,closeOnEscape:m=!0,initialFocusRef:h,finalFocusRef:g,showClose:_=!0,closeLabel:v,children:y}){let b=c.useMessages(),x=v??b.modal.close,[S,C]=e.useControllableState({value:t,defaultValue:n,onChange:r}),w=(0,l.useRef)(null),T=(0,l.useRef)(null),E=(0,l.useId)(),[D,O]=(0,l.useState)(null),[k,A]=(0,l.useState)(null);(0,l.useLayoutEffect)(()=>{if(!S)return;let e=document.activeElement;T.current=e instanceof HTMLElement&&e!==document.body?e:null},[S]);let j=(0,l.useCallback)(e=>(O(e),()=>O(t=>t===e?null:t)),[]),M=(0,l.useCallback)(e=>(A(e),()=>A(t=>t===e?null:t)),[]),N=(0,l.useMemo)(()=>({open:S,setOpen:e=>C(e),size:i,placement:o,mobileLayout:s,scrollBehavior:d,role:f,closeOnOverlayPress:p??f!==`alertdialog`,closeOnEscape:m,showClose:_,closeLabel:x,initialFocusRef:h,finalFocusRef:g,triggerRef:w,returnFocusRef:T,defaultTitleId:`${E}-title`,defaultDescriptionId:`${E}-description`,titleId:D,descriptionId:k,registerTitle:j,registerDescription:M}),[S,C,i,o,s,d,f,p,m,_,x,h,g,E,D,k,j,M]);return(0,u.jsx)(a.ModalContext.Provider,{value:N,children:y})}function f({children:e}){let t=a.useModalContext(`Modal.Trigger`),n=(0,l.isValidElement)(e)?e:null,i=n?.props.ref,o=(0,l.useMemo)(()=>r.mergeRefs(i,t.triggerRef),[i,t.triggerRef]);return n?(0,l.cloneElement)(n,{ref:o,"aria-haspopup":`dialog`,"aria-expanded":t.open,onClick:e=>{n.props.onClick?.(e),e.defaultPrevented||t.setOpen(!0)}}):e}function p({children:e}){let t=a.useModalContext(`Modal.Close`);if(!(0,l.isValidElement)(e))return e;let n=e;return(0,l.cloneElement)(n,{"data-modal-close":``,onClick:e=>{n.props.onClick?.(e),e.defaultPrevented||t.setOpen(!1)}})}function m({className:e,...n}){return(0,u.jsx)(`div`,{...n,className:t.cx(s.default.header,e)})}function h({level:e=2,size:r=`2xl`,id:i,className:o,...c}){let d=a.useModalContext(`Modal.Title`),f=i??d.defaultTitleId,{registerTitle:p}=d;return(0,l.useLayoutEffect)(()=>p(f),[p,f]),(0,u.jsx)(n.Heading,{...c,id:f,level:e,size:r,weight:`black`,className:t.cx(s.default.title,o)})}function g({id:e,className:r,...i}){let o=a.useModalContext(`Modal.Description`),c=e??o.defaultDescriptionId,{registerDescription:d}=o;return(0,l.useLayoutEffect)(()=>d(c),[d,c]),(0,u.jsx)(n.Text,{...i,id:c,tone:`muted`,size:`md`,className:t.cx(s.default.description,r)})}function _({className:e,ref:n,scrollRegionLabel:i,...c}){let d=a.useModalContext(`Modal.Body`),[f,p]=o.useScrollRegion(d.scrollBehavior===`inside`),m=(0,l.useMemo)(()=>r.mergeRefs(n,f),[n,f]),h=p?{tabIndex:0,role:`region`,"aria-label":i,"aria-labelledby":i?void 0:d.titleId??void 0}:{};return(0,u.jsx)(`div`,{...h,...c,ref:m,"data-modal-body":``,className:t.cx(s.default.body,e)})}function v({className:e,...n}){return(0,u.jsx)(`div`,{...n,"data-modal-footer":``,className:t.cx(s.default.footer,e)})}var y=Object.assign(d,{Trigger:f,Content:i.ModalContent,Header:m,Title:h,Description:g,Body:_,Footer:v,Close:p});exports.Modal=y,exports.ModalBody=_,exports.ModalClose=p,exports.ModalContent=i.ModalContent,exports.ModalDescription=g,exports.ModalFooter=v,exports.ModalHeader=m,exports.ModalTitle=h,exports.ModalTrigger=f;

package/dist/components/overlays/Modal/Modal.mjs

@@ -1,20 +1,21 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { mergeRefs as n } from "../../../utils/refs.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { Heading as i, Text as a } from "../../primitives/Typography/Typography.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { Heading as n, Text as r } from "../../primitives/Typography/Typography.mjs";
+import { mergeRefs as i } from "../../../utils/refs.mjs";
+import { ModalContent as a } from "./ModalContent.mjs";
 import { ModalContext as o, useModalContext as s } from "./ModalContext.mjs";
-import c from "./Modal.module.css.mjs";
-import { ModalContent as l } from "./ModalContent.mjs";
-import { useScrollRegion as u } from "./useScrollRegion.mjs";
+import { useScrollRegion as c } from "./useScrollRegion.mjs";
+import l from "./Modal.module.css.mjs";
+import { useMessages as u } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { cloneElement as d, isValidElement as f, useCallback as p, useId as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
 import { jsx as y } from "react/jsx-runtime";
-//#region src/components/overlays/Modal/Modal.tsx
-function b({ open: n, defaultOpen: r = !1, onOpenChange: i, size: a = "md", placement: s = "center", mobileLayout: c = "sheet", scrollBehavior: l = "inside", role: u = "dialog", closeOnOverlayPress: d, closeOnEscape: f = !0, initialFocusRef: b, finalFocusRef: x, showClose: S = !0, closeLabel: C, children: w }) {
-	let T = t(), E = C ?? T.modal.close, [D, O] = e({
-		value: n,
-		defaultValue: r,
-		onChange: i
+// src/components/overlays/Modal/Modal.tsx
+function b({ open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", placement: a = "center", mobileLayout: s = "sheet", scrollBehavior: c = "inside", role: l = "dialog", closeOnOverlayPress: d, closeOnEscape: f = !0, initialFocusRef: b, finalFocusRef: x, showClose: S = !0, closeLabel: C, children: w }) {
+	let T = u(), E = C ?? T.modal.close, [D, O] = e({
+		value: t,
+		defaultValue: n,
+		onChange: r
 	}), k = _(null), A = _(null), j = m(), [M, N] = v(null), [P, F] = v(null);
 	h(() => {
 		if (!D) return;
@@ -24,12 +25,12 @@ function b({ open: n, defaultOpen: r = !1, onOpenChange: i, size: a = "md", plac
 	let I = p((e) => (N(e), () => N((t) => t === e ? null : t)), []), L = p((e) => (F(e), () => F((t) => t === e ? null : t)), []), R = g(() => ({
 		open: D,
 		setOpen: (e) => O(e),
-		size: a,
-		placement: s,
-		mobileLayout: c,
-		scrollBehavior: l,
-		role: u,
-		closeOnOverlayPress: d ?? u !== "alertdialog",
+		size: i,
+		placement: a,
+		mobileLayout: s,
+		scrollBehavior: c,
+		role: l,
+		closeOnOverlayPress: d ?? l !== "alertdialog",
 		closeOnEscape: f,
 		showClose: S,
 		closeLabel: E,
@@ -46,11 +47,11 @@ function b({ open: n, defaultOpen: r = !1, onOpenChange: i, size: a = "md", plac
 	}), [
 		D,
 		O,
+		i,
 		a,
 		s,
 		c,
 		l,
-		u,
 		d,
 		f,
 		S,
@@ -69,13 +70,13 @@ function b({ open: n, defaultOpen: r = !1, onOpenChange: i, size: a = "md", plac
 	});
 }
 function x({ children: e }) {
-	let t = s("Modal.Trigger"), r = f(e) ? e : null, i = r?.props.ref, a = g(() => n(i, t.triggerRef), [i, t.triggerRef]);
-	return r ? d(r, {
+	let t = s("Modal.Trigger"), n = f(e) ? e : null, r = n?.props.ref, a = g(() => i(r, t.triggerRef), [r, t.triggerRef]);
+	return n ? d(n, {
 		ref: a,
 		"aria-haspopup": "dialog",
 		"aria-expanded": t.open,
 		onClick: (e) => {
-			r.props.onClick?.(e), e.defaultPrevented || t.setOpen(!0);
+			n.props.onClick?.(e), e.defaultPrevented || t.setOpen(!0);
 		}
 	}) : e;
 }
@@ -90,58 +91,58 @@ function S({ children: e }) {
 		}
 	});
 }
-function C({ className: e, ...t }) {
+function C({ className: e, ...n }) {
 	return /* @__PURE__ */ y("div", {
-		...t,
-		className: r(c.header, e)
+		...n,
+		className: t(l.header, e)
 	});
 }
-function w({ level: e = 2, size: t = "2xl", id: n, className: a, ...o }) {
-	let l = s("Modal.Title"), u = n ?? l.defaultTitleId, { registerTitle: d } = l;
-	return h(() => d(u), [d, u]), /* @__PURE__ */ y(i, {
+function w({ level: e = 2, size: r = "2xl", id: i, className: a, ...o }) {
+	let c = s("Modal.Title"), u = i ?? c.defaultTitleId, { registerTitle: d } = c;
+	return h(() => d(u), [d, u]), /* @__PURE__ */ y(n, {
 		...o,
 		id: u,
 		level: e,
-		size: t,
+		size: r,
 		weight: "black",
-		className: r(c.title, a)
+		className: t(l.title, a)
 	});
 }
-function T({ id: e, className: t, ...n }) {
-	let i = s("Modal.Description"), o = e ?? i.defaultDescriptionId, { registerDescription: l } = i;
-	return h(() => l(o), [l, o]), /* @__PURE__ */ y(a, {
-		...n,
+function T({ id: e, className: n, ...i }) {
+	let a = s("Modal.Description"), o = e ?? a.defaultDescriptionId, { registerDescription: c } = a;
+	return h(() => c(o), [c, o]), /* @__PURE__ */ y(r, {
+		...i,
 		id: o,
 		tone: "muted",
 		size: "md",
-		className: r(c.description, t)
+		className: t(l.description, n)
 	});
 }
-function E({ className: e, ref: t, scrollRegionLabel: i, ...a }) {
-	let o = s("Modal.Body"), [l, d] = u(o.scrollBehavior === "inside"), f = g(() => n(t, l), [t, l]), p = d ? {
+function E({ className: e, ref: n, scrollRegionLabel: r, ...a }) {
+	let o = s("Modal.Body"), [u, d] = c(o.scrollBehavior === "inside"), f = g(() => i(n, u), [n, u]), p = d ? {
 		tabIndex: 0,
 		role: "region",
-		"aria-label": i,
-		"aria-labelledby": i ? void 0 : o.titleId ?? void 0
+		"aria-label": r,
+		"aria-labelledby": r ? void 0 : o.titleId ?? void 0
 	} : {};
 	return /* @__PURE__ */ y("div", {
 		...p,
 		...a,
 		ref: f,
 		"data-modal-body": "",
-		className: r(c.body, e)
+		className: t(l.body, e)
 	});
 }
-function D({ className: e, ...t }) {
+function D({ className: e, ...n }) {
 	return /* @__PURE__ */ y("div", {
-		...t,
+		...n,
 		"data-modal-footer": "",
-		className: r(c.footer, e)
+		className: t(l.footer, e)
 	});
 }
 var O = Object.assign(b, {
 	Trigger: x,
-	Content: l,
+	Content: a,
 	Header: C,
 	Title: w,
 	Description: T,
@@ -149,5 +150,4 @@ var O = Object.assign(b, {
 	Footer: D,
 	Close: S
 });
-//#endregion
-export { O as Modal, E as ModalBody, S as ModalClose, l as ModalContent, T as ModalDescription, D as ModalFooter, C as ModalHeader, w as ModalTitle, x as ModalTrigger };
+export { O as Modal, E as ModalBody, S as ModalClose, a as ModalContent, T as ModalDescription, D as ModalFooter, C as ModalHeader, w as ModalTitle, x as ModalTrigger };

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

@@ -1,4 +1,4 @@
-//#region src/components/overlays/Modal/Modal.module.css
+// src/components/overlays/Modal/Modal.module.css
 var e = "_root_8lyks_39", t = "_overlay_8lyks_55", n = "_overlayIn_8lyks_1", r = "_overlayOut_8lyks_1", i = "_positioner_8lyks_97", a = "_scrollInside_8lyks_121", o = "_scrollOutside_8lyks_129", s = "_positionerFull_8lyks_137", c = "_placementCenter_8lyks_147", l = "_placementTop_8lyks_149", u = "_content_8lyks_161", d = "_contentInSheet_8lyks_1", f = "_contentOutSheet_8lyks_1", p = "_sizeSm_8lyks_233", m = "_sizeMd_8lyks_235", h = "_sizeLg_8lyks_237", g = "_sizeXl_8lyks_239", _ = "_sizeFull_8lyks_247", v = "_inner_8lyks_269", y = "_closeButton_8lyks_287", b = "_header_8lyks_305", x = "_hasClose_8lyks_319", S = "_title_8lyks_327", C = "_description_8lyks_343", w = "_body_8lyks_355", T = "_footer_8lyks_421", E = "_confirmIcon_8lyks_449", D = "_confirmIconDanger_8lyks_473", O = "_contentIn_8lyks_1", k = "_contentOut_8lyks_1", A = "_mobileCard_8lyks_627", j = {
 	root: e,
 	overlay: t,
@@ -32,5 +32,4 @@ var e = "_root_8lyks_39", t = "_overlay_8lyks_55", n = "_overlayIn_8lyks_1", r =
 	contentOut: k,
 	mobileCard: A
 };
-//#endregion
 export { w as body, y as closeButton, E as confirmIcon, D as confirmIconDanger, u as content, O as contentIn, d as contentInSheet, k as contentOut, f as contentOutSheet, j as default, C as description, T as footer, x as hasClose, b as header, v as inner, A as mobileCard, t as overlay, n as overlayIn, r as overlayOut, c as placementCenter, l as placementTop, i as positioner, s as positionerFull, e as root, a as scrollInside, o as scrollOutside, _ as sizeFull, h as sizeLg, m as sizeMd, p as sizeSm, g as sizeXl, S as title };

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

@@ -1 +1 @@
-const e=require("../../../hooks/useOverlayLayer.cjs.js"),t=require("../../../hooks/useDismiss.cjs.js"),n=require("../../../hooks/useFocusTrap.cjs.js"),r=require("../../../hooks/useInertOutside.cjs.js"),i=require("../../../hooks/useScrollLock.cjs.js"),a=require("../../../utils/refs.cjs.js"),o=require("../../../utils/cx.cjs.js"),s=require("../../utilities/Portal/Portal.cjs.js"),c=require("../../primitives/Button/Button.cjs.js"),l=require("../../primitives/Icon/icons.cjs.js"),u=require("./ModalContext.cjs.js"),d=require("./Modal.module.css.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m={sm:d.default.sizeSm,md:d.default.sizeMd,lg:d.default.sizeLg,xl:d.default.sizeXl,full:d.default.sizeFull},h={center:d.default.placementCenter,top:d.default.placementTop},g={inside:d.default.scrollInside,outside:d.default.scrollOutside},_=globalThis.process?.env?.NODE_ENV!==`production`;function v(e){return Math.max(0,...e.split(`,`).map(e=>{let t=parseFloat(e);return Number.isNaN(t)?0:e.trim().endsWith(`ms`)?t:t*1e3}))}var y=({overlayClassName:y,className:b,children:x,ref:S,onFocus:C,"aria-labelledby":w,"aria-describedby":T,...E})=>{let D=u.useModalContext(`Modal.Content`),{open:O,setOpen:k}=D,[A,j]=(0,f.useState)(O);O&&!A&&j(!0);let[M,N]=(0,f.useState)(null),[P,F]=(0,f.useState)(null),I=(0,f.useRef)(null),L=(0,f.useMemo)(()=>a.mergeRefs(S,I,F),[S]),R=(0,f.useRef)(D);R.current=D;let z=(0,f.useRef)(null),B=(0,f.useRef)(null),V=e.useOverlayLayer({active:O&&M!==null,modal:!0,elements:()=>[M]});(0,f.useLayoutEffect)(()=>{if(!O||!M)return;let e=i.lockScroll(),t=r.inertOutsideLayer(V.id,M);return()=>{t(),e(),z.current=null;let{finalFocusRef:n,returnFocusRef:r,triggerRef:i}=R.current;[n?.current,r.current,i.current].find(e=>!!e&&e.isConnected&&!e.closest(`[inert]`))?.focus()}},[O,M,V.id]);let H=O&&!V.hasModalAbove&&P!==null;(0,f.useLayoutEffect)(()=>{let e=I.current;if(!H||!e)return;let{initialFocusRef:t,role:r}=R.current,i=e.querySelector(`[data-modal-footer]`),a=e.querySelector(`[data-modal-body]`),o=z.current;B.current=(o&&e.contains(o)?o:null)??t?.current??(r===`alertdialog`&&i?i.querySelector(`[data-modal-close]`)??n.getFocusable(i)[0]:null)??(a?n.getFocusable(a)[0]:null)??e},[H]),n.useFocusTrap(P,{active:O&&P!==null,initialFocusRef:B,restoreFocus:!1,layer:V}),t.useDismiss([I],{active:O,onDismiss:()=>k(!1),escapeKey:D.closeOnEscape,outsidePress:!1,layer:V}),(0,f.useEffect)(()=>{if(O||!A)return;let e=I.current,t=e?v(window.getComputedStyle(e).animationDuration):0;if(!e||t===0){j(!1);return}let n=()=>j(!1),r=t=>{t.target===e&&n()};e.addEventListener(`animationend`,r);let i=window.setTimeout(n,t+50);return()=>{e.removeEventListener(`animationend`,r),window.clearTimeout(i)}},[O,A]);let U=E[`aria-label`];(0,f.useEffect)(()=>{_&&O&&P&&!D.titleId&&!w&&!U&&console.warn(`[Modal] Add a <Modal.Title> (or pass aria-label / aria-labelledby to <Modal.Content>) so the dialog has an accessible name.`)},[O,P,D.titleId,w,U]);let W=(0,f.useRef)(!1),G=e=>{W.current=e.target===e.currentTarget&&V.getIsTopmost()},K=e=>{let t=W.current;W.current=!1,t&&e.target===e.currentTarget&&D.closeOnOverlayPress&&O&&k(!1)},q=e=>{C?.(e),e.target instanceof HTMLElement&&e.currentTarget.contains(e.target)&&(z.current=e.target)};if(!O&&!A)return null;let J=w??D.titleId??void 0,Y=[T,D.descriptionId].filter(Boolean).join(` `)||void 0,X=O?`open`:`closed`;return(0,p.jsx)(s.Portal,{children:(0,p.jsx)(e.OverlayLayerProvider,{layer:V,children:(0,p.jsxs)(`div`,{ref:N,className:d.default.root,"data-state":X,inert:!O,children:[(0,p.jsx)(`div`,{className:o.cx(d.default.overlay,y),"data-state":X,"aria-hidden":`true`}),(0,p.jsx)(`div`,{className:o.cx(d.default.positioner,h[D.placement],g[D.scrollBehavior],D.size===`full`&&d.default.positionerFull,D.mobileLayout===`card`&&D.size!==`full`&&d.default.mobileCard),onPointerDown:G,onClick:K,children:(0,p.jsxs)(`div`,{role:D.role,"aria-modal":`true`,"aria-labelledby":J,"aria-describedby":Y,tabIndex:-1,...E,ref:L,onFocus:q,className:o.cx(d.default.content,m[D.size],g[D.scrollBehavior],D.showClose&&d.default.hasClose,b),"data-state":X,"data-size":D.size,children:[D.showClose&&(0,p.jsx)(c.IconButton,{"aria-label":D.closeLabel,variant:`ghost`,tone:`neutral`,size:`md`,className:d.default.closeButton,onClick:()=>k(!1),children:(0,p.jsx)(l.CloseIcon,{})}),(0,p.jsx)(`div`,{className:d.default.inner,children:x})]})})]})})})};exports.ModalContent=y;
+"use client";const e=require("../../../hooks/useOverlayLayer.cjs.js"),t=require("../../../hooks/useFocusTrap.cjs.js"),n=require("../../../hooks/useInertOutside.cjs.js"),r=require("../../../hooks/useScrollLock.cjs.js"),i=require("../../../hooks/useDismiss.cjs.js"),a=require("../../../utils/cx.cjs.js"),o=require("../../primitives/Button/Button.cjs.js"),s=require("../../primitives/Icon/icons.cjs.js"),c=require("../../utilities/Portal/Portal.cjs.js"),l=require("../../../utils/refs.cjs.js"),u=require("./ModalContext.cjs.js"),d=require("./Modal.module.css.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m={sm:d.default.sizeSm,md:d.default.sizeMd,lg:d.default.sizeLg,xl:d.default.sizeXl,full:d.default.sizeFull},h={center:d.default.placementCenter,top:d.default.placementTop},g={inside:d.default.scrollInside,outside:d.default.scrollOutside},_=globalThis.process?.env?.NODE_ENV!==`production`;function v(e){return Math.max(0,...e.split(`,`).map(e=>{let t=parseFloat(e);return Number.isNaN(t)?0:e.trim().endsWith(`ms`)?t:t*1e3}))}var y=({overlayClassName:y,className:b,children:x,ref:S,onFocus:C,"aria-labelledby":w,"aria-describedby":T,...E})=>{let D=u.useModalContext(`Modal.Content`),{open:O,setOpen:k}=D,[A,j]=(0,f.useState)(O);O&&!A&&j(!0);let[M,N]=(0,f.useState)(null),[P,F]=(0,f.useState)(null),I=(0,f.useRef)(null),L=(0,f.useMemo)(()=>l.mergeRefs(S,I,F),[S]),R=(0,f.useRef)(D);R.current=D;let z=(0,f.useRef)(null),B=(0,f.useRef)(null),V=e.useOverlayLayer({active:O&&M!==null,modal:!0,elements:()=>[M]});(0,f.useLayoutEffect)(()=>{if(!O||!M)return;let e=r.lockScroll(),t=n.inertOutsideLayer(V.id,M);return()=>{t(),e(),z.current=null;let{finalFocusRef:n,returnFocusRef:r,triggerRef:i}=R.current;[n?.current,r.current,i.current].find(e=>!!e&&e.isConnected&&!e.closest(`[inert]`))?.focus()}},[O,M,V.id]);let H=O&&!V.hasModalAbove&&P!==null;(0,f.useLayoutEffect)(()=>{let e=I.current;if(!H||!e)return;let{initialFocusRef:n,role:r}=R.current,i=e.querySelector(`[data-modal-footer]`),a=e.querySelector(`[data-modal-body]`),o=z.current;B.current=(o&&e.contains(o)?o:null)??n?.current??(r===`alertdialog`&&i?i.querySelector(`[data-modal-close]`)??t.getFocusable(i)[0]:null)??(a?t.getFocusable(a)[0]:null)??e},[H]),t.useFocusTrap(P,{active:O&&P!==null,initialFocusRef:B,restoreFocus:!1,layer:V}),i.useDismiss([I],{active:O,onDismiss:()=>k(!1),escapeKey:D.closeOnEscape,outsidePress:!1,layer:V}),(0,f.useEffect)(()=>{if(O||!A)return;let e=I.current,t=e?v(window.getComputedStyle(e).animationDuration):0;if(!e||t===0){j(!1);return}let n=()=>j(!1),r=t=>{t.target===e&&n()};e.addEventListener(`animationend`,r);let i=window.setTimeout(n,t+50);return()=>{e.removeEventListener(`animationend`,r),window.clearTimeout(i)}},[O,A]);let U=E[`aria-label`];(0,f.useEffect)(()=>{_&&O&&P&&(D.titleId||w||U||console.warn(`[Modal] Add a <Modal.Title> (or pass aria-label / aria-labelledby to <Modal.Content>) so the dialog has an accessible name.`))},[O,P,D.titleId,w,U]);let W=(0,f.useRef)(!1),G=e=>{W.current=e.target===e.currentTarget&&V.getIsTopmost()},K=e=>{let t=W.current;W.current=!1,t&&e.target===e.currentTarget&&D.closeOnOverlayPress&&O&&k(!1)},q=e=>{C?.(e),e.target instanceof HTMLElement&&e.currentTarget.contains(e.target)&&(z.current=e.target)};if(!O&&!A)return null;let J=w??D.titleId??void 0,Y=[T,D.descriptionId].filter(Boolean).join(` `)||void 0,X=O?`open`:`closed`;return(0,p.jsx)(c.Portal,{children:(0,p.jsx)(e.OverlayLayerProvider,{layer:V,children:(0,p.jsxs)(`div`,{ref:N,className:d.default.root,"data-state":X,inert:!O,children:[(0,p.jsx)(`div`,{className:a.cx(d.default.overlay,y),"data-state":X,"aria-hidden":`true`}),(0,p.jsx)(`div`,{className:a.cx(d.default.positioner,h[D.placement],g[D.scrollBehavior],D.size===`full`&&d.default.positionerFull,D.mobileLayout===`card`&&D.size!==`full`&&d.default.mobileCard),onPointerDown:G,onClick:K,children:(0,p.jsxs)(`div`,{role:D.role,"aria-modal":`true`,"aria-labelledby":J,"aria-describedby":Y,tabIndex:-1,...E,ref:L,onFocus:q,className:a.cx(d.default.content,m[D.size],g[D.scrollBehavior],D.showClose&&d.default.hasClose,b),"data-state":X,"data-size":D.size,children:[D.showClose&&(0,p.jsx)(o.IconButton,{"aria-label":D.closeLabel,variant:`ghost`,tone:`neutral`,size:`md`,className:d.default.closeButton,onClick:()=>k(!1),children:(0,p.jsx)(s.CloseIcon,{})}),(0,p.jsx)(`div`,{className:d.default.inner,children:x})]})})]})})})};exports.ModalContent=y;

package/dist/components/overlays/Modal/ModalContent.mjs

@@ -1,18 +1,19 @@
+"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 { inertOutsideLayer as a } from "../../../hooks/useInertOutside.mjs";
-import { lockScroll as o } from "../../../hooks/useScrollLock.mjs";
-import { mergeRefs as s } from "../../../utils/refs.mjs";
-import { cx as c } from "../../../utils/cx.mjs";
-import { Portal as l } from "../../utilities/Portal/Portal.mjs";
-import { IconButton as u } from "../../primitives/Button/Button.mjs";
-import { CloseIcon as d } from "../../primitives/Icon/icons.mjs";
+import { getFocusable as n, useFocusTrap as r } from "../../../hooks/useFocusTrap.mjs";
+import { inertOutsideLayer as i } from "../../../hooks/useInertOutside.mjs";
+import { lockScroll as a } from "../../../hooks/useScrollLock.mjs";
+import { useDismiss as o } from "../../../hooks/useDismiss.mjs";
+import { cx as s } from "../../../utils/cx.mjs";
+import { IconButton as c } from "../../primitives/Button/Button.mjs";
+import { CloseIcon as l } from "../../primitives/Icon/icons.mjs";
+import { Portal as u } from "../../utilities/Portal/Portal.mjs";
+import { mergeRefs as d } from "../../../utils/refs.mjs";
 import { useModalContext as f } from "./ModalContext.mjs";
 import p from "./Modal.module.css.mjs";
 import { useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region src/components/overlays/Modal/ModalContent.tsx
+// src/components/overlays/Modal/ModalContent.tsx
 var x = {
 	sm: p.sizeSm,
 	md: p.sizeMd,
@@ -35,7 +36,7 @@ function T(e) {
 var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "aria-labelledby": j, "aria-describedby": M, ...N }) => {
 	let P = f("Modal.Content"), { open: F, setOpen: I } = P, [L, R] = v(F);
 	F && !L && R(!0);
-	let [z, B] = v(null), [V, H] = v(null), U = _(null), W = g(() => s(k, U, H), [k]), G = _(P);
+	let [z, B] = v(null), [V, H] = v(null), U = _(null), W = g(() => d(k, U, H), [k]), G = _(P);
 	G.current = P;
 	let K = _(null), q = _(null), J = t({
 		active: F && z !== null,
@@ -44,7 +45,7 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 	});
 	h(() => {
 		if (!F || !z) return;
-		let e = o(), t = a(J.id, z);
+		let e = a(), t = i(J.id, z);
 		return () => {
 			t(), e(), K.current = null;
 			let { finalFocusRef: n, returnFocusRef: r, triggerRef: i } = G.current;
@@ -63,14 +64,14 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 	h(() => {
 		let e = U.current;
 		if (!Y || !e) return;
-		let { initialFocusRef: t, role: n } = G.current, i = e.querySelector("[data-modal-footer]"), a = e.querySelector("[data-modal-body]"), o = K.current;
-		q.current = (o && e.contains(o) ? o : null) ?? t?.current ?? (n === "alertdialog" && i ? i.querySelector("[data-modal-close]") ?? r(i)[0] : null) ?? (a ? r(a)[0] : null) ?? e;
-	}, [Y]), i(V, {
+		let { initialFocusRef: t, role: r } = G.current, i = e.querySelector("[data-modal-footer]"), a = e.querySelector("[data-modal-body]"), o = K.current;
+		q.current = (o && e.contains(o) ? o : null) ?? t?.current ?? (r === "alertdialog" && i ? i.querySelector("[data-modal-close]") ?? n(i)[0] : null) ?? (a ? n(a)[0] : null) ?? e;
+	}, [Y]), r(V, {
 		active: F && V !== null,
 		initialFocusRef: q,
 		restoreFocus: !1,
 		layer: J
-	}), n([U], {
+	}), o([U], {
 		active: F,
 		onDismiss: () => I(!1),
 		escapeKey: P.closeOnEscape,
@@ -94,7 +95,7 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 	}, [F, L]);
 	let X = N["aria-label"];
 	m(() => {
-		w && F && V && !P.titleId && !j && !X && console.warn("[Modal] Add a <Modal.Title> (or pass aria-label / aria-labelledby to <Modal.Content>) so the dialog has an accessible name.");
+		w && F && V && (P.titleId || j || X || console.warn("[Modal] Add a <Modal.Title> (or pass aria-label / aria-labelledby to <Modal.Content>) so the dialog has an accessible name."));
 	}, [
 		F,
 		V,
@@ -112,7 +113,7 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 	};
 	if (!F && !L) return null;
 	let ne = j ?? P.titleId ?? void 0, re = [M, P.descriptionId].filter(Boolean).join(" ") || void 0, $ = F ? "open" : "closed";
-	return /* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(e, {
+	return /* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(e, {
 		layer: J,
 		children: /* @__PURE__ */ b("div", {
 			ref: B,
@@ -120,11 +121,11 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 			"data-state": $,
 			inert: !F,
 			children: [/* @__PURE__ */ y("div", {
-				className: c(p.overlay, E),
+				className: s(p.overlay, E),
 				"data-state": $,
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ y("div", {
-				className: c(p.positioner, S[P.placement], C[P.scrollBehavior], P.size === "full" && p.positionerFull, P.mobileLayout === "card" && P.size !== "full" && p.mobileCard),
+				className: s(p.positioner, S[P.placement], C[P.scrollBehavior], P.size === "full" && p.positionerFull, P.mobileLayout === "card" && P.size !== "full" && p.mobileCard),
 				onPointerDown: Q,
 				onClick: ee,
 				children: /* @__PURE__ */ b("div", {
@@ -136,17 +137,17 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 					...N,
 					ref: W,
 					onFocus: te,
-					className: c(p.content, x[P.size], C[P.scrollBehavior], P.showClose && p.hasClose, D),
+					className: s(p.content, x[P.size], C[P.scrollBehavior], P.showClose && p.hasClose, D),
 					"data-state": $,
 					"data-size": P.size,
-					children: [P.showClose && /* @__PURE__ */ y(u, {
+					children: [P.showClose && /* @__PURE__ */ y(c, {
 						"aria-label": P.closeLabel,
 						variant: "ghost",
 						tone: "neutral",
 						size: "md",
 						className: p.closeButton,
 						onClick: () => I(!1),
-						children: /* @__PURE__ */ y(d, {})
+						children: /* @__PURE__ */ y(l, {})
 					}), /* @__PURE__ */ y("div", {
 						className: p.inner,
 						children: O
@@ -156,5 +157,4 @@ var E = ({ overlayClassName: E, className: D, children: O, ref: k, onFocus: A, "
 		})
 	}) });
 };
-//#endregion
 export { E as ModalContent };

package/dist/components/overlays/Modal/ModalContext.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 <Modal>.`);return r}exports.ModalContext=t,exports.useModalContext=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 <Modal>.`);return r}exports.ModalContext=t,exports.useModalContext=n;

package/dist/components/overlays/Modal/ModalContext.mjs

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

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

@@ -1 +1 @@
-let e=require("react");function t(t){let[n,r]=(0,e.useState)(null),[i,a]=(0,e.useState)(!1),o=(0,e.useCallback)(e=>r(e),[]);return(0,e.useEffect)(()=>{if(!t||!n){a(!1);return}let e=()=>a(n.scrollHeight>n.clientHeight+1);if(e(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(e),i=()=>{r.disconnect(),r.observe(n),Array.from(n.children).forEach(e=>r.observe(e))};i();let o=new MutationObserver(()=>{i(),e()});return o.observe(n,{childList:!0}),()=>{r.disconnect(),o.disconnect()}},[t,n]),[o,i]}exports.useScrollRegion=t;
+"use client";let e=require("react");function t(t){let[n,r]=(0,e.useState)(null),[i,a]=(0,e.useState)(!1),o=(0,e.useCallback)(e=>r(e),[]);return(0,e.useEffect)(()=>{if(!t||!n){a(!1);return}let e=()=>a(n.scrollHeight>n.clientHeight+1);if(e(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(e),i=()=>{r.disconnect(),r.observe(n),Array.from(n.children).forEach(e=>r.observe(e))};i();let o=new MutationObserver(()=>{i(),e()});return o.observe(n,{childList:!0}),()=>{r.disconnect(),o.disconnect()}},[t,n]),[o,i]}exports.useScrollRegion=t;

package/dist/components/overlays/Modal/useScrollRegion.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useEffect as t, useState as n } from "react";
-//#region src/components/overlays/Modal/useScrollRegion.ts
+// src/components/overlays/Modal/useScrollRegion.ts
 function r(r) {
 	let [i, a] = n(null), [o, s] = n(!1), c = e((e) => a(e), []);
 	return t(() => {
@@ -21,5 +22,4 @@ function r(r) {
 		};
 	}, [r, i]), [c, o];
 }
-//#endregion
 export { r as useScrollRegion };

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

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../../utils/slot.cjs.js"),o=require("../../primitives/Button/Button.cjs.js"),s=require("./PopoverContext.cjs.js"),c=require("./Popover.module.css.cjs.js"),l=require("./PopoverContent.cjs.js");let u=require("react"),d=require("react/jsx-runtime");var f=({children:t,open:n,defaultOpen:r=!1,onOpenChange:i,placement:a=`bottom`,offset:o,modal:c=!1,closeOnOutsidePress:l=!0,closeOnEscape:f=!0,closeOnFocusOut:p=!0,closeOnAnchorFocus:m=!1})=>{let[h,g]=e.useControllableState({value:n,defaultValue:r,onChange:i}),_=(0,u.useRef)(null),v=(0,u.useRef)(null),y=(0,u.useRef)(null),b=(0,u.useRef)(null),x=(0,u.useRef)(`auto`),[S,C]=(0,u.useState)(!1),[w,T]=(0,u.useState)(!1),E=(0,u.useId)(),D=(0,u.useCallback)((e,t=`auto`)=>{e||(x.current=t),g(e)},[g]);(0,u.useLayoutEffect)(()=>{if(h){x.current=`auto`;let e=document.activeElement;b.current=e instanceof HTMLElement&&e!==document.body?e:null}},[h]),(0,u.useEffect)(()=>{let e=v.current;if(!h||!m||!e)return;let t=e=>{let t=e.target;t&&!_.current?.contains(t)&&D(!1,`none`)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[h,m,D]);let O=(0,u.useMemo)(()=>({open:h,setOpen:D,placement:a,offset:o,modal:c,closeOnOutsidePress:l,closeOnEscape:f,closeOnFocusOut:p,triggerRef:_,anchorRef:v,contentRef:y,returnFocusRef:b,restoreModeRef:x,contentId:`${E}-content`,titleId:`${E}-title`,descriptionId:`${E}-description`,hasTitle:S,hasDescription:w,setHasTitle:C,setHasDescription:T}),[h,D,a,o,c,l,f,p,E,S,w]);return(0,d.jsx)(s.PopoverContext.Provider,{value:O,children:t})};function p(e){let{variant:t,tone:n,size:r,radius:i,startIcon:a,endIcon:o,fullWidth:s,...c}=e;return c}var m=({children:e,asChild:t,onClick:i,ref:c,...l})=>{let u=s.usePopoverContext(`Popover.Trigger`),f=t??n.isSingleElement(e),m=f&&n.isSingleElement(e)?n.getChildRef(e):void 0,h=r.useMergedRef(u.triggerRef,c,m),g=e=>{i?.(e),!e.defaultPrevented&&u.setOpen(!u.open,`force`)},_={"aria-haspopup":`dialog`,"aria-expanded":u.open,"aria-controls":u.open?u.contentId:void 0,"data-state":u.open?`open`:`closed`};return f&&n.isSingleElement(e)?a.cloneSlot(e,{...p(l),..._,onClick:g},h):(0,d.jsx)(o.Button,{...l,..._,ref:h,onClick:g,children:e})},h=({children:e,asChild:t,ref:i,...o})=>{let c=s.usePopoverContext(`Popover.Anchor`),l=t??n.isSingleElement(e),u=l&&n.isSingleElement(e)?n.getChildRef(e):void 0,f=r.useMergedRef(c.anchorRef,i,u);return l&&n.isSingleElement(e)?a.cloneSlot(e,o,f):(0,d.jsx)(`div`,{...o,ref:f,children:e})},g=({level:e=2,className:t,id:n,...r})=>{let a=s.usePopoverContext(`Popover.Title`),{setHasTitle:o}=a;(0,u.useLayoutEffect)(()=>(o(!0),()=>o(!1)),[o]);let l=`h${e}`;return(0,d.jsx)(l,{...r,id:n??a.titleId,className:i.cx(c.default.title,t)})},_=({className:e,id:t,...n})=>{let r=s.usePopoverContext(`Popover.Description`),{setHasDescription:a}=r;return(0,u.useLayoutEffect)(()=>(a(!0),()=>a(!1)),[a]),(0,d.jsx)(`p`,{...n,id:t??r.descriptionId,className:i.cx(c.default.description,e)})},v=({children:e,asChild:i,onClick:c,ref:l,variant:u=`ghost`,...f})=>{let m=t.useMessages(),h=e??m.popover.close,g=s.usePopoverContext(`Popover.Close`),_=i??n.isSingleElement(h),v=_&&n.isSingleElement(h)?n.getChildRef(h):void 0,y=r.useMergedRef(l,v),b=e=>{c?.(e),e.defaultPrevented||g.setOpen(!1,`force`)};return _&&n.isSingleElement(h)?a.cloneSlot(h,{...p(f),onClick:b},y):(0,d.jsx)(o.Button,{...f,variant:u,ref:y,onClick:b,children:h})},y=Object.assign(f,{Trigger:m,Anchor:h,Content:l.PopoverContent,Title:g,Description:_,Close:v});exports.Popover=y,exports.PopoverAnchor=h,exports.PopoverClose=v,exports.PopoverContent=l.PopoverContent,exports.PopoverDescription=_,exports.PopoverTitle=g,exports.PopoverTrigger=m;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/refs.cjs.js"),a=require("../../../utils/slot.cjs.js"),o=require("./PopoverContext.cjs.js"),s=require("./PopoverContent.cjs.js"),c=require("./Popover.module.css.cjs.js"),l=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let u=require("react"),d=require("react/jsx-runtime");var f=({children:t,open:n,defaultOpen:r=!1,onOpenChange:i,placement:a=`bottom`,offset:s,modal:c=!1,closeOnOutsidePress:l=!0,closeOnEscape:f=!0,closeOnFocusOut:p=!0,closeOnAnchorFocus:m=!1})=>{let[h,g]=e.useControllableState({value:n,defaultValue:r,onChange:i}),_=(0,u.useRef)(null),v=(0,u.useRef)(null),y=(0,u.useRef)(null),b=(0,u.useRef)(null),x=(0,u.useRef)(`auto`),[S,C]=(0,u.useState)(!1),[w,T]=(0,u.useState)(!1),E=(0,u.useId)(),D=(0,u.useCallback)((e,t=`auto`)=>{e||(x.current=t),g(e)},[g]);(0,u.useLayoutEffect)(()=>{if(h){x.current=`auto`;let e=document.activeElement;b.current=e instanceof HTMLElement&&e!==document.body?e:null}},[h]),(0,u.useEffect)(()=>{let e=v.current;if(!h||!m||!e)return;let t=e=>{let t=e.target;t&&!_.current?.contains(t)&&D(!1,`none`)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[h,m,D]);let O=(0,u.useMemo)(()=>({open:h,setOpen:D,placement:a,offset:s,modal:c,closeOnOutsidePress:l,closeOnEscape:f,closeOnFocusOut:p,triggerRef:_,anchorRef:v,contentRef:y,returnFocusRef:b,restoreModeRef:x,contentId:`${E}-content`,titleId:`${E}-title`,descriptionId:`${E}-description`,hasTitle:S,hasDescription:w,setHasTitle:C,setHasDescription:T}),[h,D,a,s,c,l,f,p,E,S,w]);return(0,d.jsx)(o.PopoverContext.Provider,{value:O,children:t})};function p(e){let{variant:t,tone:n,size:r,radius:i,startIcon:a,endIcon:o,fullWidth:s,...c}=e;return c}var m=({children:e,asChild:t,onClick:s,ref:c,...l})=>{let u=o.usePopoverContext(`Popover.Trigger`),f=t??i.isSingleElement(e),m=f&&i.isSingleElement(e)?i.getChildRef(e):void 0,h=r.useMergedRef(u.triggerRef,c,m),g=e=>{s?.(e),e.defaultPrevented||u.setOpen(!u.open,`force`)},_={"aria-haspopup":`dialog`,"aria-expanded":u.open,"aria-controls":u.open?u.contentId:void 0,"data-state":u.open?`open`:`closed`};return f&&i.isSingleElement(e)?a.cloneSlot(e,{...p(l),..._,onClick:g},h):(0,d.jsx)(n.Button,{...l,..._,ref:h,onClick:g,children:e})},h=({children:e,asChild:t,ref:n,...s})=>{let c=o.usePopoverContext(`Popover.Anchor`),l=t??i.isSingleElement(e),u=l&&i.isSingleElement(e)?i.getChildRef(e):void 0,f=r.useMergedRef(c.anchorRef,n,u);return l&&i.isSingleElement(e)?a.cloneSlot(e,s,f):(0,d.jsx)(`div`,{...s,ref:f,children:e})},g=({level:e=2,className:n,id:r,...i})=>{let a=o.usePopoverContext(`Popover.Title`),{setHasTitle:s}=a;(0,u.useLayoutEffect)(()=>(s(!0),()=>s(!1)),[s]);let l=`h${e}`;return(0,d.jsx)(l,{...i,id:r??a.titleId,className:t.cx(c.default.title,n)})},_=({className:e,id:n,...r})=>{let i=o.usePopoverContext(`Popover.Description`),{setHasDescription:a}=i;return(0,u.useLayoutEffect)(()=>(a(!0),()=>a(!1)),[a]),(0,d.jsx)(`p`,{...r,id:n??i.descriptionId,className:t.cx(c.default.description,e)})},v=({children:e,asChild:t,onClick:s,ref:c,variant:u=`ghost`,...f})=>{let m=l.useMessages(),h=e??m.popover.close,g=o.usePopoverContext(`Popover.Close`),_=t??i.isSingleElement(h),v=_&&i.isSingleElement(h)?i.getChildRef(h):void 0,y=r.useMergedRef(c,v),b=e=>{s?.(e),e.defaultPrevented||g.setOpen(!1,`force`)};return _&&i.isSingleElement(h)?a.cloneSlot(h,{...p(f),onClick:b},y):(0,d.jsx)(n.Button,{...f,variant:u,ref:y,onClick:b,children:h})},y=Object.assign(f,{Trigger:m,Anchor:h,Content:s.PopoverContent,Title:g,Description:_,Close:v});exports.Popover=y,exports.PopoverAnchor=h,exports.PopoverClose=v,exports.PopoverContent=s.PopoverContent,exports.PopoverDescription=_,exports.PopoverTitle=g,exports.PopoverTrigger=m;