@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/overlays/CommandPalette/commandPaletteUtils.mjs

@@ -1,43 +1,46 @@
 import { hotkeyToAria as e, isTypingTarget as t, matchesHotkey as n, parseHotkey as r } from "../../../utils/hotkeys.mjs";
-//#region src/components/overlays/CommandPalette/commandPaletteUtils.ts
-var i = /[̀-ͯ]/g;
-function a(e) {
-	let t = "", n = [];
-	for (let r = 0; r < e.length; r += 1) {
-		let a = e[r].normalize("NFD").replace(i, "").toLowerCase();
-		for (let e = 0; e < a.length; e += 1) t += a[e], n.push(r);
+// src/components/overlays/CommandPalette/commandPaletteUtils.ts
+var i = /[̀-ͯ]/g, a = /* @__PURE__ */ new Map(), o = 2e4;
+function s(e) {
+	let t = a.get(e);
+	if (t) return t;
+	let n = "", r = [];
+	for (let t = 0; t < e.length; t += 1) {
+		let a = e[t].normalize("NFD").replace(i, "").toLowerCase();
+		for (let e = 0; e < a.length; e += 1) n += a[e], r.push(t);
 	}
-	return {
-		text: t,
-		map: n
+	let s = {
+		text: n,
+		map: r
 	};
+	return a.size >= o && a.clear(), a.set(e, s), s;
 }
-function o(e) {
-	return a(e.trim()).text.replace(/\s+/g, " ");
+function c(e) {
+	return s(e.trim()).text.replace(/\s+/g, " ");
 }
-var s = /[\p{L}\p{N}]/u;
-function c(e, t) {
-	return t === 0 || !s.test(e[t - 1]) && s.test(e[t]);
+var l = /[\p{L}\p{N}]/u;
+function u(e, t) {
+	return t === 0 || !l.test(e[t - 1]) && l.test(e[t]);
 }
-function l(e, t) {
+function d(e, t) {
 	return Array.from({ length: t }, (t, n) => e + n);
 }
-function u(e, t) {
+function f(e, t) {
 	let n = e.indexOf(t);
 	for (; n !== -1;) {
-		if (c(e, n)) return n;
+		if (u(e, n)) return n;
 		n = e.indexOf(t, n + 1);
 	}
 	return -1;
 }
-function d(e, t, n) {
+function p(e, t, n) {
 	let r = [], i = 0;
 	for (let a of t) {
 		let t = e.indexOf(a, i);
 		if (t === -1) return null;
 		if (n) {
 			let n = t;
-			for (; n !== -1 && !c(e, n);) n = e.indexOf(a, n + 1);
+			for (; n !== -1 && !u(e, n);) n = e.indexOf(a, n + 1);
 			let i = r.length > 0 && t === r[r.length - 1] + 1;
 			n !== -1 && !i && (t = n);
 		}
@@ -45,103 +48,102 @@ function d(e, t, n) {
 	}
 	return r;
 }
-function f(e, t) {
+function m(e, t) {
 	if (!t) return {
 		score: 1,
 		indexes: []
 	};
-	let { text: n, map: r } = a(e), i = (e) => Array.from(new Set(e.map((e) => r[e])));
+	let { text: n, map: r } = s(e), i = (e) => Array.from(new Set(e.map((e) => r[e])));
 	if (n === t) return {
 		score: 1,
-		indexes: i(l(0, t.length))
+		indexes: i(d(0, t.length))
 	};
 	if (n.startsWith(t)) return {
 		score: .9,
-		indexes: i(l(0, t.length))
+		indexes: i(d(0, t.length))
 	};
-	let o = u(n, t);
-	if (o !== -1) return {
+	let a = f(n, t);
+	if (a !== -1) return {
 		score: .8,
-		indexes: i(l(o, t.length))
+		indexes: i(d(a, t.length))
 	};
-	let s = n.indexOf(t);
-	if (s !== -1) return {
+	let o = n.indexOf(t);
+	if (o !== -1) return {
 		score: .7,
-		indexes: i(l(s, t.length))
+		indexes: i(d(o, t.length))
 	};
-	let f = t.split(" ").filter(Boolean);
-	if (f.length > 1) {
+	let c = t.split(" ").filter(Boolean);
+	if (c.length > 1) {
 		let e = [], t = 0;
-		if (f.every((r) => {
-			let i = u(n, r), a = i === -1 ? n.indexOf(r) : i;
-			return a !== -1 && (i !== -1 && (t += 1), e.push(...l(a, r.length)), !0);
+		if (c.every((r) => {
+			let i = f(n, r), a = i === -1 ? n.indexOf(r) : i;
+			return a !== -1 && (i !== -1 && (t += 1), e.push(...d(a, r.length)), !0);
 		})) return {
-			score: .55 + .1 * (t / f.length),
+			score: .55 + .1 * (t / c.length),
 			indexes: i(e)
 		};
 	}
-	let p = t.replace(/ /g, ""), m = d(n, p, !0) ?? d(n, p, !1);
+	let l = t.replace(/ /g, ""), m = p(n, l, !0) ?? p(n, l, !1);
 	if (!m) return null;
 	let h = 0, g = 0;
 	return m.forEach((e, t) => {
-		t > 0 && (h += e - m[t - 1] - 1), c(n, e) && (g += 1);
+		t > 0 && (h += e - m[t - 1] - 1), u(n, e) && (g += 1);
 	}), {
 		score: .1 + .25 * (g / m.length) + .15 / (1 + h),
 		indexes: i(m)
 	};
 }
-function p(e, t, n = []) {
-	let r = o(t);
+function h(e, t, n = []) {
+	let r = c(t);
 	if (!r) return 1;
-	let i = f(e, r)?.score ?? 0;
+	let i = m(e, r)?.score ?? 0;
 	for (let e of n) {
-		let t = (f(e, r)?.score ?? 0) * .95;
+		let t = (m(e, r)?.score ?? 0) * .95;
 		t > i && (i = t);
 	}
 	return i;
 }
-var m = /* @__PURE__ */ new WeakMap(), h = 0;
-function g(e) {
-	let t = m.get(e);
-	return t === void 0 && (t = h++, m.set(e, t)), t;
+var g = /* @__PURE__ */ new WeakMap(), _ = 0;
+function v(e) {
+	let t = g.get(e);
+	return t === void 0 && (t = _++, g.set(e, t)), t;
 }
-function _(e) {
+function y(e) {
 	return e.hasAttribute("data-command-heading") ? -Infinity : Number(e.dataset?.order ?? 0);
 }
-function v(e, t) {
-	return _(e) - _(t) || g(e) - g(t);
+function b(e, t) {
+	return y(e) - y(t) || v(e) - v(t);
 }
-function y(e) {
+function x(e) {
 	let t = Array.from(e.children);
-	t.forEach(g), [...t].sort(v).forEach((t, n) => {
+	t.forEach(v), [...t].sort(b).forEach((t, n) => {
 		e.children[n] !== t && e.insertBefore(t, e.children[n] ?? null);
 	});
 }
-function b(e) {
+function S(e) {
 	if (e) {
-		y(e);
-		for (let t of Array.from(e.children)) t.getAttribute("role") === "group" && y(t);
+		x(e);
+		for (let t of Array.from(e.children)) t.getAttribute("role") === "group" && x(t);
 	}
 }
-function x(e) {
+function C(e) {
 	return Array.from(e.children).filter((e) => e instanceof HTMLElement && !e.hidden);
 }
-function S(e) {
+function w(e) {
 	if (!e) return [];
 	let t = [], n = (e) => {
 		e.forEach((t, n) => {
 			t.setAttribute("aria-posinset", String(n + 1)), t.setAttribute("aria-setsize", String(e.length));
 		});
 	}, r = [];
-	for (let i of x(e)) {
+	for (let i of C(e)) {
 		let e = i.getAttribute("role");
 		if (e === "option") r.push(i), t.push(i);
 		else if (e === "group") {
-			let e = x(i).filter((e) => e.getAttribute("role") === "option");
+			let e = C(i).filter((e) => e.getAttribute("role") === "option");
 			n(e), t.push(...e);
 		}
 	}
 	return n(r), t;
 }
-//#endregion
-export { p as defaultCommandScore, S as getOrderedOptions, e as hotkeyToAria, t as isTypingTarget, f as matchText, n as matchesHotkey, o as normalizeQuery, a as normalizeText, r as parseHotkey, b as syncDomOrder };
+export { h as defaultCommandScore, w as getOrderedOptions, e as hotkeyToAria, t as isTypingTarget, m as matchText, n as matchesHotkey, c as normalizeQuery, s as normalizeText, r as parseHotkey, S as syncDomOrder };

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

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("./DrawerContext.cjs.js"),i=require("./DrawerContent.cjs.js"),a=require("./DrawerParts.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=({children:t,open:n,defaultOpen:i=!1,onOpenChange:a,side:c=`end`,size:l=`md`,modal:u=!0,closeOnOverlayPress:d=!0,closeOnEscape:f=!0,swipeToClose:p=!0,initialFocusRef:m,finalFocusRef:h})=>{let[g,_]=e.useControllableState({value:n,defaultValue:i,onChange:a}),v=(0,o.useId)(),y=(0,o.useRef)(null),[b,x]=(0,o.useState)(0),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(null),E=(0,o.useCallback)(()=>(x(e=>e+1),()=>x(e=>e-1)),[]),D=(0,o.useCallback)(()=>(C(e=>e+1),()=>C(e=>e-1)),[]),O=(0,o.useCallback)(e=>_(e),[_]),k=(0,o.useMemo)(()=>({open:g,setOpen:O,side:c,size:l,modal:u,closeOnOverlayPress:d,closeOnEscape:f,swipeToClose:p,initialFocusRef:m,finalFocusRef:h,triggerRef:y,contentId:`${v}-content`,titleId:`${v}-title`,descriptionId:`${v}-description`,hasTitle:b>0,hasDescription:S>0,registerTitle:E,registerDescription:D,mountedContentId:w,setMountedContentId:T}),[g,O,c,l,u,d,f,p,m,h,v,b,S,E,D,w]);return(0,s.jsx)(r.DrawerContext.Provider,{value:k,children:t})};c.displayName=`Drawer`;var l=({onClick:e,ref:i,asChild:a=!1,children:c,...l})=>{let{open:u,setOpen:d,triggerRef:f,mountedContentId:p}=r.useDrawerContext(`Drawer.Trigger`),m=a&&(0,o.isValidElement)(c)?c:null,h=t.useMergedRef(f,i,m?.props.ref);return m?(0,o.cloneElement)(m,{"aria-haspopup":`dialog`,"aria-expanded":u,"aria-controls":p??void 0,ref:h,onClick:t=>{m.props.onClick?.(t),e?.(t),t.defaultPrevented||d(!u)}}):(0,s.jsx)(n.Button,{"aria-haspopup":`dialog`,"aria-expanded":u,"aria-controls":p??void 0,...l,ref:h,onClick:t=>{e?.(t),t.defaultPrevented||d(!u)},children:c})};l.displayName=`Drawer.Trigger`;var u=({onClick:e,variant:t=`outline`,tone:i=`neutral`,...a})=>{let{setOpen:o}=r.useDrawerContext(`Drawer.Close`);return(0,s.jsx)(n.Button,{variant:t,tone:i,...a,onClick:t=>{e?.(t),t.defaultPrevented||o(!1)}})};u.displayName=`Drawer.Close`;var d=Object.assign(c,{Trigger:l,Content:i.DrawerContent,Header:a.DrawerHeader,Title:a.DrawerTitle,Description:a.DrawerDescription,Body:a.DrawerBody,Footer:a.DrawerFooter,Close:u});exports.Drawer=d,exports.DrawerBody=a.DrawerBody,exports.DrawerClose=u,exports.DrawerContent=i.DrawerContent,exports.DrawerDescription=a.DrawerDescription,exports.DrawerFooter=a.DrawerFooter,exports.DrawerHeader=a.DrawerHeader,exports.DrawerTitle=a.DrawerTitle,exports.DrawerTrigger=l;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../primitives/Button/Button.cjs.js"),n=require("./DrawerContext.cjs.js"),r=require("./DrawerContent.cjs.js"),i=require("./DrawerParts.cjs.js"),a=require("../../../hooks/useMergedRef.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=({children:t,open:r,defaultOpen:i=!1,onOpenChange:a,side:c=`end`,size:l=`md`,modal:u=!0,closeOnOverlayPress:d=!0,closeOnEscape:f=!0,swipeToClose:p=!0,initialFocusRef:m,finalFocusRef:h})=>{let[g,_]=e.useControllableState({value:r,defaultValue:i,onChange:a}),v=(0,o.useId)(),y=(0,o.useRef)(null),[b,x]=(0,o.useState)(0),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(null),E=(0,o.useCallback)(()=>(x(e=>e+1),()=>x(e=>e-1)),[]),D=(0,o.useCallback)(()=>(C(e=>e+1),()=>C(e=>e-1)),[]),O=(0,o.useCallback)(e=>_(e),[_]),k=(0,o.useMemo)(()=>({open:g,setOpen:O,side:c,size:l,modal:u,closeOnOverlayPress:d,closeOnEscape:f,swipeToClose:p,initialFocusRef:m,finalFocusRef:h,triggerRef:y,contentId:`${v}-content`,titleId:`${v}-title`,descriptionId:`${v}-description`,hasTitle:b>0,hasDescription:S>0,registerTitle:E,registerDescription:D,mountedContentId:w,setMountedContentId:T}),[g,O,c,l,u,d,f,p,m,h,v,b,S,E,D,w]);return(0,s.jsx)(n.DrawerContext.Provider,{value:k,children:t})};c.displayName=`Drawer`;var l=({onClick:e,ref:r,asChild:i=!1,children:c,...l})=>{let{open:u,setOpen:d,triggerRef:f,mountedContentId:p}=n.useDrawerContext(`Drawer.Trigger`),m=i&&(0,o.isValidElement)(c)?c:null,h=a.useMergedRef(f,r,m?.props.ref);return m?(0,o.cloneElement)(m,{"aria-haspopup":`dialog`,"aria-expanded":u,"aria-controls":p??void 0,ref:h,onClick:t=>{m.props.onClick?.(t),e?.(t),t.defaultPrevented||d(!u)}}):(0,s.jsx)(t.Button,{"aria-haspopup":`dialog`,"aria-expanded":u,"aria-controls":p??void 0,...l,ref:h,onClick:t=>{e?.(t),t.defaultPrevented||d(!u)},children:c})};l.displayName=`Drawer.Trigger`;var u=({onClick:e,variant:r=`outline`,tone:i=`neutral`,...a})=>{let{setOpen:o}=n.useDrawerContext(`Drawer.Close`);return(0,s.jsx)(t.Button,{variant:r,tone:i,...a,onClick:t=>{e?.(t),t.defaultPrevented||o(!1)}})};u.displayName=`Drawer.Close`;var d=Object.assign(c,{Trigger:l,Content:r.DrawerContent,Header:i.DrawerHeader,Title:i.DrawerTitle,Description:i.DrawerDescription,Body:i.DrawerBody,Footer:i.DrawerFooter,Close:u});exports.Drawer=d,exports.DrawerBody=i.DrawerBody,exports.DrawerClose=u,exports.DrawerContent=r.DrawerContent,exports.DrawerDescription=i.DrawerDescription,exports.DrawerFooter=i.DrawerFooter,exports.DrawerHeader=i.DrawerHeader,exports.DrawerTitle=i.DrawerTitle,exports.DrawerTrigger=l;

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

@@ -1,15 +1,16 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMergedRef as t } from "../../../hooks/useMergedRef.mjs";
-import { Button as n } from "../../primitives/Button/Button.mjs";
-import { DrawerContext as r, useDrawerContext as i } from "./DrawerContext.mjs";
-import { DrawerContent as a } from "./DrawerContent.mjs";
-import { DrawerBody as o, DrawerDescription as s, DrawerFooter as c, DrawerHeader as l, DrawerTitle as u } from "./DrawerParts.mjs";
+import { Button as t } from "../../primitives/Button/Button.mjs";
+import { DrawerContext as n, useDrawerContext as r } from "./DrawerContext.mjs";
+import { DrawerContent as i } from "./DrawerContent.mjs";
+import { DrawerBody as a, DrawerDescription as o, DrawerFooter as s, DrawerHeader as c, DrawerTitle as l } from "./DrawerParts.mjs";
+import { useMergedRef as u } from "../../../hooks/useMergedRef.mjs";
 import { cloneElement as d, isValidElement as f, useCallback as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v } from "react/jsx-runtime";
-//#region src/components/overlays/Drawer/Drawer.tsx
-var y = ({ children: t, open: n, defaultOpen: i = !1, onOpenChange: a, side: o = "end", size: s = "md", modal: c = !0, closeOnOverlayPress: l = !0, closeOnEscape: u = !0, swipeToClose: d = !0, initialFocusRef: f, finalFocusRef: y }) => {
+// src/components/overlays/Drawer/Drawer.tsx
+var y = ({ children: t, open: r, defaultOpen: i = !1, onOpenChange: a, side: o = "end", size: s = "md", modal: c = !0, closeOnOverlayPress: l = !0, closeOnEscape: u = !0, swipeToClose: d = !0, initialFocusRef: f, finalFocusRef: y }) => {
 	let [b, x] = e({
-		value: n,
+		value: r,
 		defaultValue: i,
 		onChange: a
 	}), S = m(), C = g(null), [w, T] = _(0), [E, D] = _(0), [O, k] = _(null), A = p(() => (T((e) => e + 1), () => T((e) => e - 1)), []), j = p(() => (D((e) => e + 1), () => D((e) => e - 1)), []), M = p((e) => x(e), [x]), N = h(() => ({
@@ -51,40 +52,40 @@ var y = ({ children: t, open: n, defaultOpen: i = !1, onOpenChange: a, side: o =
 		j,
 		O
 	]);
-	return /* @__PURE__ */ v(r.Provider, {
+	return /* @__PURE__ */ v(n.Provider, {
 		value: N,
 		children: t
 	});
 };
 y.displayName = "Drawer";
-var b = ({ onClick: e, ref: r, asChild: a = !1, children: o, ...s }) => {
-	let { open: c, setOpen: l, triggerRef: u, mountedContentId: p } = i("Drawer.Trigger"), m = a && f(o) ? o : null, h = t(u, r, m?.props.ref);
+var b = ({ onClick: e, ref: n, asChild: i = !1, children: a, ...o }) => {
+	let { open: s, setOpen: c, triggerRef: l, mountedContentId: p } = r("Drawer.Trigger"), m = i && f(a) ? a : null, h = u(l, n, m?.props.ref);
 	return m ? d(m, {
 		"aria-haspopup": "dialog",
-		"aria-expanded": c,
+		"aria-expanded": s,
 		"aria-controls": p ?? void 0,
 		ref: h,
 		onClick: (t) => {
-			m.props.onClick?.(t), e?.(t), t.defaultPrevented || l(!c);
+			m.props.onClick?.(t), e?.(t), t.defaultPrevented || c(!s);
 		}
-	}) : /* @__PURE__ */ v(n, {
+	}) : /* @__PURE__ */ v(t, {
 		"aria-haspopup": "dialog",
-		"aria-expanded": c,
+		"aria-expanded": s,
 		"aria-controls": p ?? void 0,
-		...s,
+		...o,
 		ref: h,
 		onClick: (t) => {
-			e?.(t), t.defaultPrevented || l(!c);
+			e?.(t), t.defaultPrevented || c(!s);
 		},
-		children: o
+		children: a
 	});
 };
 b.displayName = "Drawer.Trigger";
-var x = ({ onClick: e, variant: t = "outline", tone: r = "neutral", ...a }) => {
-	let { setOpen: o } = i("Drawer.Close");
-	return /* @__PURE__ */ v(n, {
-		variant: t,
-		tone: r,
+var x = ({ onClick: e, variant: n = "outline", tone: i = "neutral", ...a }) => {
+	let { setOpen: o } = r("Drawer.Close");
+	return /* @__PURE__ */ v(t, {
+		variant: n,
+		tone: i,
 		...a,
 		onClick: (t) => {
 			e?.(t), t.defaultPrevented || o(!1);
@@ -94,13 +95,12 @@ var x = ({ onClick: e, variant: t = "outline", tone: r = "neutral", ...a }) => {
 x.displayName = "Drawer.Close";
 var S = Object.assign(y, {
 	Trigger: b,
-	Content: a,
-	Header: l,
-	Title: u,
-	Description: s,
-	Body: o,
-	Footer: c,
+	Content: i,
+	Header: c,
+	Title: l,
+	Description: o,
+	Body: a,
+	Footer: s,
 	Close: x
 });
-//#endregion
-export { S as Drawer, o as DrawerBody, x as DrawerClose, a as DrawerContent, s as DrawerDescription, c as DrawerFooter, l as DrawerHeader, u as DrawerTitle, b as DrawerTrigger };
+export { S as Drawer, a as DrawerBody, x as DrawerClose, i as DrawerContent, o as DrawerDescription, s as DrawerFooter, c as DrawerHeader, l as DrawerTitle, b as DrawerTrigger };

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

@@ -1,4 +1,4 @@
-//#region src/components/overlays/Drawer/Drawer.module.css
+// src/components/overlays/Drawer/Drawer.module.css
 var e = "_root_txjis_17", t = "_rootModal_txjis_43", n = "_rootNonModal_txjis_53", r = "_panel_txjis_63", i = "_overlay_txjis_75", a = "_fadeIn_txjis_1", o = "_fadeOut_txjis_1", s = "_panelIn_txjis_1", c = "_panelOut_txjis_1", l = "_sideEnd_txjis_229", u = "_sideStart_txjis_231", d = "_sideTop_txjis_295", f = "_sideBottom_txjis_297", p = "_sizeSm_txjis_365", m = "_sizeMd_txjis_375", h = "_sizeLg_txjis_385", g = "_sizeFull_txjis_425", _ = "_sizeCustom_txjis_439", v = "_handleArea_txjis_451", y = "_handleDraggable_txjis_465", b = "_handle_txjis_451", x = "_closeButton_txjis_503", S = "_header_txjis_529", C = "_hasClose_txjis_545", w = "_title_txjis_563", T = "_description_txjis_583", E = "_body_txjis_601", D = "_flush_txjis_635", O = "_footer_txjis_657", k = {
 	root: e,
 	rootModal: t,
@@ -30,5 +30,4 @@ var e = "_root_txjis_17", t = "_rootModal_txjis_43", n = "_rootNonModal_txjis_53
 	flush: D,
 	footer: O
 };
-//#endregion
 export { E as body, x as closeButton, k as default, T as description, a as fadeIn, o as fadeOut, D as flush, O as footer, b as handle, v as handleArea, y as handleDraggable, C as hasClose, S as header, i as overlay, r as panel, s as panelIn, c as panelOut, e as root, t as rootModal, n as rootNonModal, f as sideBottom, l as sideEnd, u as sideStart, d as sideTop, _ as sizeCustom, g as sizeFull, h as sizeLg, m as sizeMd, p as sizeSm, w as title };

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