@box-kite/react 2.2.16 → 2.2.17

package/components/dialog.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../client.cjs"),r=require("../effects.cjs"),i=require("../box.cjs"),a=require("../behavior.cjs"),o=require("../identity.cjs"),s=require("../reporting.cjs"),c=require("./semantics.cjs");let l=require("react"),u=require("react/jsx-runtime");var d=0;function f(e){let{classNames:i,styleElements:a}=n.i({overflow:`hidden`},!1),o=i.slice(1).join(` `);return r.n(()=>{let n=t.n();if(!(!e||!n||!o))return d+=1,n.classList.add(o),()=>{--d,d===0&&n.classList.remove(o)}},[e,o]),a}var p=(0,l.createContext)(null);function m(e){let t=(0,l.useContext)(p);if(!t)throw Error(`<${e}> must be rendered inside a <Dialog>.`);return t}function h(e,t){return(0,u.jsx)(_,{role:`dialog`,...e,elementRef:t})}function g(e,t){return(0,u.jsx)(_,{role:`alertdialog`,...e,modal:!0,dismissible:!1,elementRef:t})}function _(e){let{role:n,trigger:c,children:d,open:m,defaultOpen:h=!1,onOpenChange:g,label:_,labelledBy:y,describedBy:b,modal:x=!0,dismissible:S=!0,lockScroll:C=x,initialFocus:w,elementRef:T,props:E,...D}=e,O=o.t(`dialog`),k=D.id??O,[A,j]=s.a({value:m,defaultValue:h,onChange:g,interaction:{component:n===`alertdialog`?`alertDialog`:`dialog`,type:`openChange`}}),[M,N]=(0,l.useState)(null),P=(0,l.useCallback)(e=>{N(e),t.l(T,e)},[T]),[F,I]=(0,l.useState)(null),[L,R]=(0,l.useState)(!1),[z,B]=(0,l.useState)({title:0,description:0}),V=f(A&&C);a.n({enabled:A,returnTo:F});let H=(0,l.useCallback)(e=>(B(t=>({...t,[e]:t[e]+1})),()=>B(t=>({...t,[e]:t[e]-1}))),[]),U=(0,l.useMemo)(()=>({titleId:`${k}-title`,descriptionId:`${k}-description`,register:H}),[k,H]);v({dialog:M,isOpen:A,domOpen:L,setDomOpen:R,setOpen:j,modal:x,dismissible:S,triggerElement:F}),r.n(()=>{let e=t.f(w);!A||!e||e.focus()},[A,w]);let W=a.a(e=>{j(e=>!e,{reason:`trigger`,event:e})}),G=(0,l.useMemo)(()=>({ref:I,props:{"aria-expanded":A,"aria-haspopup":`dialog`,"aria-controls":A?k:void 0,onClick:W}}),[k,W,A]),K=D;return(0,u.jsxs)(u.Fragment,{children:[V,c?.(G),(0,u.jsx)(p.Provider,{value:U,children:(0,u.jsx)(i.default,{ref:P,tag:`dialog`,component:`dialog`,...K,id:k,props:{role:n,"aria-label":z.title||y?void 0:_,"aria-labelledby":y??(z.title?U.titleId:void 0),"aria-describedby":b??(z.description?U.descriptionId:void 0),...E},children:d})})]})}function v(e){let{dialog:n,isOpen:i,domOpen:o,setDomOpen:s,setOpen:c,modal:u,dismissible:d,triggerElement:f}=e,p=(0,l.useRef)(`imperative`),m=t.s(),h=d?`any`:`closerequest`;r.n(()=>{!n||i===o||(s(i),i?u?n.showModal():n.show():n.close())},[n,i,o,u,s]),r.n(()=>{if(!n)return;let e=new AbortController;return n.addEventListener(`close`,e=>{s(!1),c(!1,{reason:p.current,event:e}),p.current=`imperative`},{signal:e.signal}),()=>e.abort()},[n,s,c]),r.n(()=>{if(!(!n||!m))return n.setAttribute(`closedby`,h),()=>n.removeAttribute(`closedby`)},[n,m,h]),r.n(()=>{if(!i||!n)return;let e=new AbortController,r=(t,n)=>document.addEventListener(t,n,{signal:e.signal,capture:!0});return r(`keydown`,e=>{e.key===`Escape`&&(p.current=`escape`)}),r(`pointerdown`,e=>{t.p(e,[f])?p.current=`trigger`:!t.p(e,[n])||y(n,e)?p.current=`outside-pointer`:p.current=`imperative`}),()=>e.abort()},[i,n,f]),a.r({enabled:i&&!u&&!m,inside:[n],escapeKey:!0,outsidePointer:!1,onDismiss:(e,t)=>c(!1,{reason:`escape`,event:t})}),r.n(()=>{if(!n||!i||!d||m)return;let e=new AbortController;return document.addEventListener(`pointerdown`,e=>{t.p(e,[f])||t.p(e,[n])&&!y(n,e)||c(!1,{reason:`outside-pointer`,event:e})},{signal:e.signal,capture:!0}),()=>e.abort()},[n,i,d,m,f,c])}function y(e,t){let n=e.getBoundingClientRect();return t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom}function b(e){let t=m(`Dialog.Title`);return r.n(()=>t.register(`title`),[t]),(0,u.jsx)(c.H2,{id:t.titleId,component:`dialog.title`,...e})}function x(e){let t=m(`Dialog.Description`);return r.n(()=>t.register(`description`),[t]),(0,u.jsx)(c.P,{id:t.descriptionId,component:`dialog.description`,...e})}b.displayName=`Dialog.Title`,x.displayName=`Dialog.Description`;var S={Title:b,Description:x},C=Object.assign(e.f(h,`Dialog`),S),w=Object.assign(e.f(g,`AlertDialog`),S);exports.AlertDialog=w,exports.default=C;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../client.cjs"),r=require("../effects.cjs"),i=require("../box.cjs"),a=require("../behavior.cjs"),o=require("../identity.cjs"),s=require("../reporting.cjs"),c=require("../motion.cjs"),l=require("./semantics.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=0;function p(e){let{classNames:i,styleElements:a}=n.i({overflow:`hidden`},!1),o=i.slice(1).join(` `);return r.n(()=>{let n=t.n();if(!(!e||!n||!o))return f+=1,n.classList.add(o),()=>{--f,f===0&&n.classList.remove(o)}},[e,o]),a}var m=(0,u.createContext)(null);function h(e){let t=(0,u.useContext)(m);if(!t)throw Error(`<${e}> must be rendered inside a <Dialog>.`);return t}function g(e,t){return(0,d.jsx)(v,{role:`dialog`,...e,elementRef:t})}function _(e,t){return(0,d.jsx)(v,{role:`alertdialog`,...e,modal:!0,dismissible:!1,elementRef:t})}function v(e){let{role:n,trigger:l,children:f,open:h,defaultOpen:g=!1,onOpenChange:_,label:v,labelledBy:b,describedBy:x,modal:S=!0,dismissible:C=!0,lockScroll:w=S,initialFocus:T,elementRef:E,props:D,...O}=e,k=o.t(`dialog`),A=O.id??k,[j,M]=s.a({value:h,defaultValue:g,onChange:_,interaction:{component:n===`alertdialog`?`alertDialog`:`dialog`,type:`openChange`}}),[N,P]=(0,u.useState)(null),F=(0,u.useCallback)(e=>{P(e),t.l(E,e)},[E]),[I,L]=(0,u.useState)(null),[R,z]=(0,u.useState)(!1),[B,V]=(0,u.useState)({title:0,description:0}),H=p(j&&w);a.n({enabled:j,returnTo:I});let U=c.t(f,j,N),W=(0,u.useCallback)(e=>(V(t=>({...t,[e]:t[e]+1})),()=>V(t=>({...t,[e]:t[e]-1}))),[]),G=(0,u.useMemo)(()=>({titleId:`${A}-title`,descriptionId:`${A}-description`,register:W}),[A,W]);y({dialog:N,isOpen:j,domOpen:R,setDomOpen:z,setOpen:M,modal:S,dismissible:C,triggerElement:I}),r.n(()=>{let e=t.f(T);!j||!e||e.focus()},[j,T]);let K=a.a(e=>{M(e=>!e,{reason:`trigger`,event:e})}),q=(0,u.useMemo)(()=>({ref:L,props:{"aria-expanded":j,"aria-haspopup":`dialog`,"aria-controls":j?A:void 0,onClick:K}}),[A,K,j]),J=O;return(0,d.jsxs)(d.Fragment,{children:[H,l?.(q),(0,d.jsx)(m.Provider,{value:G,children:(0,d.jsx)(i.default,{ref:F,tag:`dialog`,component:`dialog`,...J,id:A,props:{role:n,"aria-label":B.title||b?void 0:v,"aria-labelledby":b??(B.title?G.titleId:void 0),"aria-describedby":x??(B.description?G.descriptionId:void 0),...D},children:U})})]})}function y(e){let{dialog:n,isOpen:i,domOpen:o,setDomOpen:s,setOpen:c,modal:l,dismissible:d,triggerElement:f}=e,p=(0,u.useRef)(`imperative`),m=t.s(),h=d?`any`:`closerequest`;r.n(()=>{!n||i===o||(s(i),i?l?n.showModal():n.show():n.close())},[n,i,o,l,s]),r.n(()=>{if(!n)return;let e=new AbortController;return n.addEventListener(`close`,e=>{s(!1),c(!1,{reason:p.current,event:e}),p.current=`imperative`},{signal:e.signal}),()=>e.abort()},[n,s,c]),r.n(()=>{if(!(!n||!m))return n.setAttribute(`closedby`,h),()=>n.removeAttribute(`closedby`)},[n,m,h]),r.n(()=>{if(!i||!n)return;let e=new AbortController,r=(t,n)=>document.addEventListener(t,n,{signal:e.signal,capture:!0});return r(`keydown`,e=>{e.key===`Escape`&&(p.current=`escape`)}),r(`pointerdown`,e=>{t.p(e,[f])?p.current=`trigger`:!t.p(e,[n])||b(n,e)?p.current=`outside-pointer`:p.current=`imperative`}),()=>e.abort()},[i,n,f]),a.r({enabled:i&&!l&&!m,inside:[n],escapeKey:!0,outsidePointer:!1,onDismiss:(e,t)=>c(!1,{reason:`escape`,event:t})}),r.n(()=>{if(!n||!i||!d||m)return;let e=new AbortController;return document.addEventListener(`pointerdown`,e=>{t.p(e,[f])||t.p(e,[n])&&!b(n,e)||c(!1,{reason:`outside-pointer`,event:e})},{signal:e.signal,capture:!0}),()=>e.abort()},[n,i,d,m,f,c])}function b(e,t){let n=e.getBoundingClientRect();return t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom}function x(e){let t=h(`Dialog.Title`);return r.n(()=>t.register(`title`),[t]),(0,d.jsx)(l.H2,{id:t.titleId,component:`dialog.title`,...e})}function S(e){let t=h(`Dialog.Description`);return r.n(()=>t.register(`description`),[t]),(0,d.jsx)(l.P,{id:t.descriptionId,component:`dialog.description`,...e})}x.displayName=`Dialog.Title`,S.displayName=`Dialog.Description`;var C={Title:x,Description:S},w=Object.assign(e.f(g,`Dialog`),C),T=Object.assign(e.f(_,`AlertDialog`),C);exports.AlertDialog=T,exports.default=w;

package/components/dialog.mjs

@@ -7,37 +7,38 @@ import c from "../box.mjs";
 import { a as l, n as u, r as d } from "../behavior.mjs";
 import { t as f } from "../identity.mjs";
 import { a as p } from "../reporting.mjs";
-import { H2 as m, P as h } from "./semantics.mjs";
-import { createContext as g, useCallback as _, useContext as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { t as m } from "../motion.mjs";
+import { H2 as h, P as g } from "./semantics.mjs";
+import { createContext as _, useCallback as v, useContext as y, useMemo as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/react/dialog/useScrollLock.ts
-var T = 0;
-function E(e) {
+var E = 0;
+function D(e) {
 	let { classNames: t, styleElements: n } = o({ overflow: "hidden" }, !1), i = t.slice(1).join(" ");
 	return s(() => {
 		let t = r();
-		if (!(!e || !t || !i)) return T += 1, t.classList.add(i), () => {
-			--T, T === 0 && t.classList.remove(i);
+		if (!(!e || !t || !i)) return E += 1, t.classList.add(i), () => {
+			--E, E === 0 && t.classList.remove(i);
 		};
 	}, [e, i]), n;
 }
 //#endregion
 //#region src/components/dialog.tsx
-var D = g(null);
-function O(e) {
-	let t = v(D);
+var O = _(null);
+function k(e) {
+	let t = y(O);
 	if (!t) throw Error(`<${e}> must be rendered inside a <Dialog>.`);
 	return t;
 }
-function k(e, t) {
-	return /* @__PURE__ */ C(j, {
+function A(e, t) {
+	return /* @__PURE__ */ w(M, {
 		role: "dialog",
 		...e,
 		elementRef: t
 	});
 }
-function A(e, t) {
-	return /* @__PURE__ */ C(j, {
+function j(e, t) {
+	return /* @__PURE__ */ w(M, {
 		role: "alertdialog",
 		...e,
 		modal: !0,
@@ -45,92 +46,92 @@ function A(e, t) {
 		elementRef: t
 	});
 }
-function j(e) {
-	let { role: r, trigger: i, children: a, open: o, defaultOpen: d = !1, onOpenChange: m, label: h, labelledBy: g, describedBy: v, modal: b = !0, dismissible: T = !0, lockScroll: O = b, initialFocus: k, elementRef: A, props: j, ...N } = e, P = f("dialog"), F = N.id ?? P, [I, L] = p({
+function M(e) {
+	let { role: r, trigger: i, children: a, open: o, defaultOpen: d = !1, onOpenChange: h, label: g, labelledBy: _, describedBy: y, modal: x = !0, dismissible: E = !0, lockScroll: k = x, initialFocus: A, elementRef: j, props: M, ...P } = e, F = f("dialog"), I = P.id ?? F, [L, R] = p({
 		value: o,
 		defaultValue: d,
-		onChange: m,
+		onChange: h,
 		interaction: {
 			component: r === "alertdialog" ? "alertDialog" : "dialog",
 			type: "openChange"
 		}
-	}), [R, z] = x(null), B = _((e) => {
-		z(e), n(A, e);
-	}, [A]), [V, H] = x(null), [U, W] = x(!1), [G, K] = x({
+	}), [z, B] = S(null), V = v((e) => {
+		B(e), n(j, e);
+	}, [j]), [H, U] = S(null), [W, G] = S(!1), [K, q] = S({
 		title: 0,
 		description: 0
-	}), q = E(I && O);
+	}), J = D(L && k);
 	u({
-		enabled: I,
-		returnTo: V
+		enabled: L,
+		returnTo: H
 	});
-	let J = _((e) => (K((t) => ({
+	let Y = m(a, L, z), X = v((e) => (q((t) => ({
 		...t,
 		[e]: t[e] + 1
-	})), () => K((t) => ({
+	})), () => q((t) => ({
 		...t,
 		[e]: t[e] - 1
-	}))), []), Y = y(() => ({
-		titleId: `${F}-title`,
-		descriptionId: `${F}-description`,
-		register: J
-	}), [F, J]);
-	M({
-		dialog: R,
-		isOpen: I,
-		domOpen: U,
-		setDomOpen: W,
-		setOpen: L,
-		modal: b,
-		dismissible: T,
-		triggerElement: V
+	}))), []), Z = b(() => ({
+		titleId: `${I}-title`,
+		descriptionId: `${I}-description`,
+		register: X
+	}), [I, X]);
+	N({
+		dialog: z,
+		isOpen: L,
+		domOpen: W,
+		setDomOpen: G,
+		setOpen: R,
+		modal: x,
+		dismissible: E,
+		triggerElement: H
 	}), s(() => {
-		let e = t(k);
-		!I || !e || e.focus();
-	}, [I, k]);
-	let X = l((e) => {
-		L((e) => !e, {
+		let e = t(A);
+		!L || !e || e.focus();
+	}, [L, A]);
+	let Q = l((e) => {
+		R((e) => !e, {
 			reason: "trigger",
 			event: e
 		});
-	}), Z = y(() => ({
-		ref: H,
+	}), $ = b(() => ({
+		ref: U,
 		props: {
-			"aria-expanded": I,
+			"aria-expanded": L,
 			"aria-haspopup": "dialog",
-			"aria-controls": I ? F : void 0,
-			onClick: X
+			"aria-controls": L ? I : void 0,
+			onClick: Q
 		}
 	}), [
-		F,
-		X,
-		I
-	]), Q = N;
-	return /* @__PURE__ */ w(S, { children: [
-		q,
-		i?.(Z),
-		/* @__PURE__ */ C(D.Provider, {
-			value: Y,
-			children: /* @__PURE__ */ C(c, {
-				ref: B,
+		I,
+		Q,
+		L
+	]), ee = P;
+	return /* @__PURE__ */ T(C, { children: [
+		J,
+		i?.($),
+		/* @__PURE__ */ w(O.Provider, {
+			value: Z,
+			children: /* @__PURE__ */ w(c, {
+				ref: V,
 				tag: "dialog",
 				component: "dialog",
-				...Q,
-				id: F,
+				...ee,
+				id: I,
 				props: {
 					role: r,
-					"aria-label": G.title || g ? void 0 : h,
-					"aria-labelledby": g ?? (G.title ? Y.titleId : void 0),
-					"aria-describedby": v ?? (G.description ? Y.descriptionId : void 0),
-					...j
+					"aria-label": K.title || _ ? void 0 : g,
+					"aria-labelledby": _ ?? (K.title ? Z.titleId : void 0),
+					"aria-describedby": y ?? (K.description ? Z.descriptionId : void 0),
+					...M
 				},
-				children: a
+				children: Y
 			})
 		})
 	] });
 }
-function M(e) {
-	let { dialog: t, isOpen: n, domOpen: r, setDomOpen: o, setOpen: c, modal: l, dismissible: u, triggerElement: f } = e, p = b("imperative"), m = a(), h = u ? "any" : "closerequest";
+function N(e) {
+	let { dialog: t, isOpen: n, domOpen: r, setDomOpen: o, setOpen: c, modal: l, dismissible: u, triggerElement: f } = e, p = x("imperative"), m = a(), h = u ? "any" : "closerequest";
 	s(() => {
 		!t || n === r || (o(n), n ? l ? t.showModal() : t.show() : t.close());
 	}, [
@@ -167,7 +168,7 @@ function M(e) {
 		return r("keydown", (e) => {
 			e.key === "Escape" && (p.current = "escape");
 		}), r("pointerdown", (e) => {
-			i(e, [f]) ? p.current = "trigger" : !i(e, [t]) || N(t, e) ? p.current = "outside-pointer" : p.current = "imperative";
+			i(e, [f]) ? p.current = "trigger" : !i(e, [t]) || P(t, e) ? p.current = "outside-pointer" : p.current = "imperative";
 		}), () => e.abort();
 	}, [
 		n,
@@ -186,7 +187,7 @@ function M(e) {
 		if (!t || !n || !u || m) return;
 		let e = new AbortController();
 		return document.addEventListener("pointerdown", (e) => {
-			i(e, [f]) || i(e, [t]) && !N(t, e) || c(!1, {
+			i(e, [f]) || i(e, [t]) && !P(t, e) || c(!1, {
 				reason: "outside-pointer",
 				event: e
 			});
@@ -203,30 +204,30 @@ function M(e) {
 		c
 	]);
 }
-function N(e, t) {
+function P(e, t) {
 	let n = e.getBoundingClientRect();
 	return t.clientX < n.left || t.clientX > n.right || t.clientY < n.top || t.clientY > n.bottom;
 }
-function P(e) {
-	let t = O("Dialog.Title");
-	return s(() => t.register("title"), [t]), /* @__PURE__ */ C(m, {
+function F(e) {
+	let t = k("Dialog.Title");
+	return s(() => t.register("title"), [t]), /* @__PURE__ */ w(h, {
 		id: t.titleId,
 		component: "dialog.title",
 		...e
 	});
 }
-function F(e) {
-	let t = O("Dialog.Description");
-	return s(() => t.register("description"), [t]), /* @__PURE__ */ C(h, {
+function I(e) {
+	let t = k("Dialog.Description");
+	return s(() => t.register("description"), [t]), /* @__PURE__ */ w(g, {
 		id: t.descriptionId,
 		component: "dialog.description",
 		...e
 	});
 }
-P.displayName = "Dialog.Title", F.displayName = "Dialog.Description";
-var I = {
-	Title: P,
-	Description: F
-}, L = Object.assign(e(k, "Dialog"), I), R = Object.assign(e(A, "AlertDialog"), I);
+F.displayName = "Dialog.Title", I.displayName = "Dialog.Description";
+var L = {
+	Title: F,
+	Description: I
+}, R = Object.assign(e(A, "Dialog"), L), z = Object.assign(e(j, "AlertDialog"), L);
 //#endregion
-export { R as AlertDialog, L as default };
+export { z as AlertDialog, R as default };

package/components/menu.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../behavior.cjs"),a=require("../identity.cjs"),o=require("../keyboard.cjs"),s=require("../placement.cjs"),c=require("../reporting.cjs"),l=require("../layer.cjs"),u=require("./overlay.cjs");let d=require("react"),f=require("react/jsx-runtime");var p;(function(e){let t=e.ITEM_SELECTOR=`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`;function n(e,t){return t instanceof Element&&t.closest(`[role="menu"]`)===e}e.owns=n;function r(e){return[...e.querySelectorAll(t)].filter(t=>n(e,t))}e.items=r;function i(e){return e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=i;function a(e){return e.getAttribute(`aria-haspopup`)===`menu`}e.isSubTrigger=a;function s(e,t,n){if(e.length!==0)return e[t<0?n>0?0:e.length-1:((t+n)%e.length+e.length)%e.length]}e.step=s;function c(e,t,n){let r=o.t.target(t,n,e.length,t=>e[t].textContent??``);return r<0?void 0:e[r]}e.typeaheadTarget=c})(p||={});var m=p,h=(0,d.createContext)(null);function g(e){let t=(0,d.useContext)(h);if(!t)throw Error(`<${e}> must be rendered inside a <Menu>.`);return t}function _(e){let[t,n]=(0,d.useState)([]);return{panels:t,registerLayer:(0,d.useCallback)(t=>{n(e=>[...e,t]);let r=e?.(t);return()=>{n(e=>e.filter(e=>e!==t)),r?.()}},[e])}}var v=(0,d.createContext)(null);function y(e,t){let{trigger:n,children:r,open:a,defaultOpen:o=!1,onOpenChange:s,label:c,labelledBy:u,side:p=`bottom`,align:g=`start`,offset:v=1,flip:y=!0,matchWidth:x=!1,props:S,...C}=e,w=(0,d.useRef)(`first`),T=i.a(e=>{let t=m.items(e),n=w.current===`last`?t[t.length-1]:t[0];w.current=`first`,(n??e).focus()}),{panels:E,registerLayer:D}=_(),O=l.t({haspopup:`menu`,idPrefix:`menu`,id:C.id,open:a,defaultOpen:o,onOpenChange:s,interaction:{component:`menu`,type:`openChange`},onOpened:T,inside:E}),k=i.a(e=>{(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),w.current=e.key===`ArrowUp`?`last`:`first`,O.isOpen&&O.panelElement?T(O.panelElement):O.setOpen(!0,{reason:`trigger`,event:e}))}),A=(0,d.useMemo)(()=>({ref:O.trigger.ref,props:{...O.trigger.props,onKeyDown:k}}),[k,O.trigger]),j=i.a(e=>O.setOpen(!1,e)),M=(0,d.useMemo)(()=>({open:O.isOpen,closeAll:j,registerLayer:D}),[j,O.isOpen,D]);return(0,f.jsxs)(f.Fragment,{children:[n(A),(0,f.jsx)(h.Provider,{value:M,children:(0,f.jsx)(b,{layer:O,side:p,align:g,offset:v,flip:y,matchWidth:x,label:c,labelledBy:u??(c?void 0:O.triggerId),contentProps:S,...C,elementRef:t,children:r})})]})}function b(e){let{layer:n,side:a,align:c,offset:l,flip:p,matchWidth:h,label:_,labelledBy:v,contentProps:y,closeSelf:b,elementRef:x,children:S,...C}=e,{platform:w,isOpen:T,id:E,triggerElement:D,setPanel:O}=n,k=(0,d.useCallback)(e=>{O(e),t.l(x,e)},[O,x]),A=g(`Menu`),j=(0,d.useRef)({query:``,at:0}),M=s.t({side:a,align:c,offset:l,flip:p,matchWidth:h,anchor:D}),N={role:`menu`,"aria-label":_,"aria-labelledby":v,tabIndex:-1,onKeyDown:i.a(e=>{let n=e.currentTarget;if(!m.owns(n,e.target))return;let r=m.items(n),i=r.indexOf(document.activeElement),a=t=>{t&&(e.preventDefault(),t.focus())},s=t.m(n)?`ArrowRight`:`ArrowLeft`;switch(e.key){case`ArrowDown`:return a(m.step(r,i,1));case`ArrowUp`:return a(m.step(r,i,-1));case`Home`:return a(r[0]);case`End`:return a(r[r.length-1]);case`Tab`:return A.closeAll({reason:`tab`,event:e});case s:return b?(e.preventDefault(),b({reason:`trigger`,event:e})):void 0}if(o.t.isPrintable(e)){let t=o.t.push(j.current,e.key,e.timeStamp);a(m.typeaheadTarget(r,t,i))}}),onPointerOver:i.a(e=>{let t=e.currentTarget,n=e.target?.closest(m.ITEM_SELECTOR);!n||!m.owns(t,n)||n===document.activeElement||n.focus()}),...y};return w?(0,f.jsx)(r.default,{ref:k,component:`menu`,...C,variant:[C.variant,{topLayer:!0}],...M.layerProps,id:E,props:{popover:`auto`,...N},children:S}):T?(0,f.jsx)(u.default,{contentRef:k,anchor:D,side:a,align:c,offset:l,flip:p,matchWidth:h,component:`menu`,...C,id:E,props:N,children:S}):null}function x(e,o){let{label:s,children:u,disabled:p,side:v=`end`,align:y=`start`,offset:x=0,flip:C=!0,itemProps:w,props:T,...E}=e,D=g(`Menu.Sub`),O=a.t(`menu-sub`),k=i.a(e=>{(m.items(e)[0]??e).focus()}),A=i.a((e,t)=>{e&&t?.focus()}),{panels:j,registerLayer:M}=_(D.registerLayer),N=c.i(`menu.sub`),P=l.t({haspopup:`menu`,idPrefix:`menu-sub`,id:E.id,onOpened:k,onClosing:A,inside:j});n.n(()=>{if(!(!P.isOpen||!P.panelElement))return D.registerLayer(P.panelElement)},[P.isOpen,P.panelElement,D.registerLayer]),n.n(()=>{D.open||P.setOpen(!1,{reason:`imperative`})},[D.open,P.setOpen]),n.n(()=>{if(!P.isOpen)return;let e=new AbortController;return document.addEventListener(`focusin`,e=>{t.p(e,[P.panelElement,P.triggerElement])||P.setOpen(!1,{reason:`imperative`,event:e})},{signal:e.signal}),()=>e.abort()},[P.isOpen,P.panelElement,P.triggerElement,P.setOpen]);let F=i.a(e=>{let n=t.m(e.currentTarget)?`ArrowLeft`:`ArrowRight`;p||e.key!==n||(e.preventDefault(),P.setOpen(!0,{reason:`trigger`,event:e}),N(`openChange`,!0,{reason:`keyboard`,event:e,item:S(s)}))}),I=i.a(e=>{p||P.setOpen(!0,{reason:`trigger`,event:e})}),L=(0,d.useMemo)(()=>({open:P.isOpen,closeAll:D.closeAll,registerLayer:M}),[P.isOpen,D.closeAll,M]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(r.default,{tag:`button`,ref:p?void 0:P.trigger.ref,component:`menu.item`,variant:{sub:!0},id:O,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":p||void 0,...P.trigger.props,...w,onKeyDown:F,onPointerEnter:I},children:[s,(0,f.jsx)(r.default,{component:`menu.arrow`})]}),!p&&(0,f.jsx)(h.Provider,{value:L,children:(0,f.jsx)(b,{layer:P,side:v,align:y,offset:x,flip:C,matchWidth:!1,labelledBy:O,contentProps:T,closeSelf:e=>P.setOpen(!1,e),...E,elementRef:o,children:u})})]})}var S=(e,t)=>t??(typeof e==`string`?e:void 0);function C(e){let{onSelect:t,disabled:n,closeOnSelect:a=!0,value:o,props:s,children:l,...u}=e,d=g(`Menu.Item`),p=c.i(`menu.item`),m=i.a(e=>{n||(t?.(e),p(`select`,S(l,o),{reason:`select`,event:e}),a&&d.closeAll({reason:`select`,event:e}))});return(0,f.jsx)(r.default,{tag:`button`,component:`menu.item`,...u,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":n||void 0,...s,onClick:m},children:l})}function w(e){let{checked:t,defaultChecked:n=!1,onCheckedChange:a,disabled:o,closeOnSelect:s=!1,value:l,props:u,children:d,...p}=e,m=g(`Menu.CheckboxItem`),[h,_]=i.i({value:t,defaultValue:n,onChange:a}),v=c.i(`menu.checkboxItem`),y=i.a(e=>{o||(_(!h,{reason:`select`,event:e}),v(`checkedChange`,!h,{reason:`select`,event:e,item:S(d,l)}),s&&m.closeAll({reason:`select`,event:e}))});return(0,f.jsxs)(r.default,{tag:`button`,component:`menu.item`,...p,props:{type:`button`,role:`menuitemcheckbox`,tabIndex:-1,"aria-checked":h,"aria-disabled":o||void 0,...u,onClick:y},children:[(0,f.jsx)(r.default,{component:`menu.indicator`,children:h&&(0,f.jsx)(r.default,{component:`menu.check`})}),d]})}function T(e){let{label:t,value:n,defaultValue:r=``,onValueChange:a,children:o,...s}=e,[l,u]=c.a({value:n,defaultValue:r,onChange:a,interaction:{component:`menu.radioGroup`,type:`valueChange`}}),p=i.a((e,t)=>u(e,{reason:`select`,event:t})),m=(0,d.useMemo)(()=>({value:l,select:p}),[l,p]);return(0,f.jsx)(v.Provider,{value:m,children:(0,f.jsx)(D,{label:t,...s,children:o})})}function E(e){let{value:t,disabled:n,closeOnSelect:a=!1,props:o,children:s,...c}=e,l=g(`Menu.RadioItem`),u=(0,d.useContext)(v);if(!u)throw Error(`<Menu.RadioItem> must be rendered inside a <Menu.RadioGroup>.`);let p=u.value===t,m=i.a(e=>{n||(u.select(t,e),a&&l.closeAll({reason:`select`,event:e}))});return(0,f.jsxs)(r.default,{tag:`button`,component:`menu.item`,...c,props:{type:`button`,role:`menuitemradio`,tabIndex:-1,"aria-checked":p,"aria-disabled":n||void 0,...o,onClick:m},children:[(0,f.jsx)(r.default,{component:`menu.indicator`,children:p&&(0,f.jsx)(r.default,{component:`menu.dot`})}),s]})}function D(e){let{label:t,props:n,children:i,...o}=e,s=a.t(`menu-group`);return(0,f.jsxs)(r.default,{component:`menu.group`,...o,props:{role:`group`,"aria-labelledby":t?s:void 0,...n},children:[t&&(0,f.jsx)(r.default,{component:`menu.label`,id:s,props:{role:`presentation`},children:t}),i]})}function O(e){let{props:t,...n}=e;return(0,f.jsx)(r.default,{component:`menu.separator`,...n,props:{role:`separator`,...t}})}C.displayName=`Menu.Item`,w.displayName=`Menu.CheckboxItem`,T.displayName=`Menu.RadioGroup`,E.displayName=`Menu.RadioItem`,D.displayName=`Menu.Group`,O.displayName=`Menu.Separator`;var k=Object.assign(e.f(y,`Menu`),{Item:C,CheckboxItem:w,RadioGroup:T,RadioItem:E,Group:D,Separator:O,Sub:e.f(x,`Menu.Sub`)});exports.default=k;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../behavior.cjs"),a=require("../identity.cjs"),o=require("../keyboard.cjs"),s=require("../placement.cjs"),c=require("../reporting.cjs"),l=require("../layer.cjs"),u=require("./overlay.cjs"),d=require("../motion.cjs");let f=require("react"),p=require("react/jsx-runtime");var m;(function(e){let t=e.ITEM_SELECTOR=`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`;function n(e,t){return t instanceof Element&&t.closest(`[role="menu"]`)===e}e.owns=n;function r(e){return[...e.querySelectorAll(t)].filter(t=>n(e,t))}e.items=r;function i(e){return e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=i;function a(e){return e.getAttribute(`aria-haspopup`)===`menu`}e.isSubTrigger=a;function s(e,t,n){if(e.length!==0)return e[t<0?n>0?0:e.length-1:((t+n)%e.length+e.length)%e.length]}e.step=s;function c(e,t,n){let r=o.t.target(t,n,e.length,t=>e[t].textContent??``);return r<0?void 0:e[r]}e.typeaheadTarget=c})(m||={});var h=m,g=(0,f.createContext)(null);function _(e){let t=(0,f.useContext)(g);if(!t)throw Error(`<${e}> must be rendered inside a <Menu>.`);return t}function v(e){let[t,n]=(0,f.useState)([]);return{panels:t,registerLayer:(0,f.useCallback)(t=>{n(e=>[...e,t]);let r=e?.(t);return()=>{n(e=>e.filter(e=>e!==t)),r?.()}},[e])}}var y=(0,f.createContext)(null);function b(e,t){let{trigger:n,children:r,open:a,defaultOpen:o=!1,onOpenChange:s,label:c,labelledBy:u,side:d=`bottom`,align:m=`start`,offset:_=1,flip:y=!0,matchWidth:b=!1,props:S,...C}=e,w=(0,f.useRef)(`first`),T=i.a(e=>{let t=h.items(e),n=w.current===`last`?t[t.length-1]:t[0];w.current=`first`,(n??e).focus()}),{panels:E,registerLayer:D}=v(),O=l.t({haspopup:`menu`,idPrefix:`menu`,id:C.id,open:a,defaultOpen:o,onOpenChange:s,interaction:{component:`menu`,type:`openChange`},onOpened:T,inside:E}),k=i.a(e=>{(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),w.current=e.key===`ArrowUp`?`last`:`first`,O.isOpen&&O.panelElement?T(O.panelElement):O.setOpen(!0,{reason:`trigger`,event:e}))}),A=(0,f.useMemo)(()=>({ref:O.trigger.ref,props:{...O.trigger.props,onKeyDown:k}}),[k,O.trigger]),j=i.a(e=>O.setOpen(!1,e)),M=(0,f.useMemo)(()=>({open:O.isOpen,closeAll:j,registerLayer:D}),[j,O.isOpen,D]);return(0,p.jsxs)(p.Fragment,{children:[n(A),(0,p.jsx)(g.Provider,{value:M,children:(0,p.jsx)(x,{layer:O,side:d,align:m,offset:_,flip:y,matchWidth:b,label:c,labelledBy:u??(c?void 0:O.triggerId),contentProps:S,...C,elementRef:t,children:r})})]})}function x(e){let{layer:n,side:a,align:c,offset:l,flip:m,matchWidth:g,label:v,labelledBy:y,contentProps:b,closeSelf:x,elementRef:S,children:C,...w}=e,{platform:T,isOpen:E,id:D,triggerElement:O,setPanel:k}=n,A=(0,f.useCallback)(e=>{k(e),t.l(S,e)},[k,S]),j=_(`Menu`),M=(0,f.useRef)({query:``,at:0}),N=s.t({side:a,align:c,offset:l,flip:m,matchWidth:g,anchor:O}),P=d.t(C,E,n.panelElement),F={role:`menu`,"aria-label":v,"aria-labelledby":y,tabIndex:-1,onKeyDown:i.a(e=>{let n=e.currentTarget;if(!h.owns(n,e.target))return;let r=h.items(n),i=r.indexOf(document.activeElement),a=t=>{t&&(e.preventDefault(),t.focus())},s=t.m(n)?`ArrowRight`:`ArrowLeft`;switch(e.key){case`ArrowDown`:return a(h.step(r,i,1));case`ArrowUp`:return a(h.step(r,i,-1));case`Home`:return a(r[0]);case`End`:return a(r[r.length-1]);case`Tab`:return j.closeAll({reason:`tab`,event:e});case s:return x?(e.preventDefault(),x({reason:`trigger`,event:e})):void 0}if(o.t.isPrintable(e)){let t=o.t.push(M.current,e.key,e.timeStamp);a(h.typeaheadTarget(r,t,i))}}),onPointerOver:i.a(e=>{let t=e.currentTarget,n=e.target?.closest(h.ITEM_SELECTOR);!n||!h.owns(t,n)||n===document.activeElement||n.focus()}),...b};return T?(0,p.jsx)(r.default,{ref:A,component:`menu`,...w,variant:[w.variant,{topLayer:!0}],...N.layerProps,id:D,props:{popover:`auto`,...F},children:P}):E?(0,p.jsx)(u.default,{contentRef:A,anchor:O,side:a,align:c,offset:l,flip:m,matchWidth:g,component:`menu`,...w,id:D,props:F,children:C}):null}function S(e,o){let{label:s,children:u,disabled:d,side:m=`end`,align:y=`start`,offset:b=0,flip:S=!0,itemProps:w,props:T,...E}=e,D=_(`Menu.Sub`),O=a.t(`menu-sub`),k=i.a(e=>{(h.items(e)[0]??e).focus()}),A=i.a((e,t)=>{e&&t?.focus()}),{panels:j,registerLayer:M}=v(D.registerLayer),N=c.i(`menu.sub`),P=l.t({haspopup:`menu`,idPrefix:`menu-sub`,id:E.id,onOpened:k,onClosing:A,inside:j});n.n(()=>{if(!(!P.isOpen||!P.panelElement))return D.registerLayer(P.panelElement)},[P.isOpen,P.panelElement,D.registerLayer]),n.n(()=>{D.open||P.setOpen(!1,{reason:`imperative`})},[D.open,P.setOpen]),n.n(()=>{if(!P.isOpen)return;let e=new AbortController;return document.addEventListener(`focusin`,e=>{t.p(e,[P.panelElement,P.triggerElement])||P.setOpen(!1,{reason:`imperative`,event:e})},{signal:e.signal}),()=>e.abort()},[P.isOpen,P.panelElement,P.triggerElement,P.setOpen]);let F=i.a(e=>{let n=t.m(e.currentTarget)?`ArrowLeft`:`ArrowRight`;d||e.key!==n||(e.preventDefault(),P.setOpen(!0,{reason:`trigger`,event:e}),N(`openChange`,!0,{reason:`keyboard`,event:e,item:C(s)}))}),I=i.a(e=>{d||P.setOpen(!0,{reason:`trigger`,event:e})}),L=(0,f.useMemo)(()=>({open:P.isOpen,closeAll:D.closeAll,registerLayer:M}),[P.isOpen,D.closeAll,M]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(r.default,{tag:`button`,ref:d?void 0:P.trigger.ref,component:`menu.item`,variant:{sub:!0},id:O,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":d||void 0,...P.trigger.props,...w,onKeyDown:F,onPointerEnter:I},children:[s,(0,p.jsx)(r.default,{component:`menu.arrow`})]}),!d&&(0,p.jsx)(g.Provider,{value:L,children:(0,p.jsx)(x,{layer:P,side:m,align:y,offset:b,flip:S,matchWidth:!1,labelledBy:O,contentProps:T,closeSelf:e=>P.setOpen(!1,e),...E,elementRef:o,children:u})})]})}var C=(e,t)=>t??(typeof e==`string`?e:void 0);function w(e){let{onSelect:t,disabled:n,closeOnSelect:a=!0,value:o,props:s,children:l,...u}=e,d=_(`Menu.Item`),f=c.i(`menu.item`),m=i.a(e=>{n||(t?.(e),f(`select`,C(l,o),{reason:`select`,event:e}),a&&d.closeAll({reason:`select`,event:e}))});return(0,p.jsx)(r.default,{tag:`button`,component:`menu.item`,...u,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":n||void 0,...s,onClick:m},children:l})}function T(e){let{checked:t,defaultChecked:n=!1,onCheckedChange:a,disabled:o,closeOnSelect:s=!1,value:l,props:u,children:d,...f}=e,m=_(`Menu.CheckboxItem`),[h,g]=i.i({value:t,defaultValue:n,onChange:a}),v=c.i(`menu.checkboxItem`),y=i.a(e=>{o||(g(!h,{reason:`select`,event:e}),v(`checkedChange`,!h,{reason:`select`,event:e,item:C(d,l)}),s&&m.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...f,props:{type:`button`,role:`menuitemcheckbox`,tabIndex:-1,"aria-checked":h,"aria-disabled":o||void 0,...u,onClick:y},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:h&&(0,p.jsx)(r.default,{component:`menu.check`})}),d]})}function E(e){let{label:t,value:n,defaultValue:r=``,onValueChange:a,children:o,...s}=e,[l,u]=c.a({value:n,defaultValue:r,onChange:a,interaction:{component:`menu.radioGroup`,type:`valueChange`}}),d=i.a((e,t)=>u(e,{reason:`select`,event:t})),m=(0,f.useMemo)(()=>({value:l,select:d}),[l,d]);return(0,p.jsx)(y.Provider,{value:m,children:(0,p.jsx)(O,{label:t,...s,children:o})})}function D(e){let{value:t,disabled:n,closeOnSelect:a=!1,props:o,children:s,...c}=e,l=_(`Menu.RadioItem`),u=(0,f.useContext)(y);if(!u)throw Error(`<Menu.RadioItem> must be rendered inside a <Menu.RadioGroup>.`);let d=u.value===t,m=i.a(e=>{n||(u.select(t,e),a&&l.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...c,props:{type:`button`,role:`menuitemradio`,tabIndex:-1,"aria-checked":d,"aria-disabled":n||void 0,...o,onClick:m},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:d&&(0,p.jsx)(r.default,{component:`menu.dot`})}),s]})}function O(e){let{label:t,props:n,children:i,...o}=e,s=a.t(`menu-group`);return(0,p.jsxs)(r.default,{component:`menu.group`,...o,props:{role:`group`,"aria-labelledby":t?s:void 0,...n},children:[t&&(0,p.jsx)(r.default,{component:`menu.label`,id:s,props:{role:`presentation`},children:t}),i]})}function k(e){let{props:t,...n}=e;return(0,p.jsx)(r.default,{component:`menu.separator`,...n,props:{role:`separator`,...t}})}w.displayName=`Menu.Item`,T.displayName=`Menu.CheckboxItem`,E.displayName=`Menu.RadioGroup`,D.displayName=`Menu.RadioItem`,O.displayName=`Menu.Group`,k.displayName=`Menu.Separator`;var A=Object.assign(e.f(b,`Menu`),{Item:w,CheckboxItem:T,RadioGroup:E,RadioItem:D,Group:O,Separator:k,Sub:e.f(S,`Menu.Sub`)});exports.default=A;