@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/navigation/Stepper/Stepper.mjs

@@ -1,29 +1,30 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+"use client";
+import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
+import { useResponsiveValue as t } from "../../../hooks/useResponsiveValue.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
 import { assignRef as r } from "../../../utils/refs.mjs";
-import { useResponsiveValue as i } from "../../../hooks/useResponsiveValue.mjs";
-import { cx as a } from "../../../utils/cx.mjs";
-import { flattenChildren as o } from "../../../utils/flattenChildren.mjs";
+import { flattenChildren as i } from "../../../utils/flattenChildren.mjs";
+import { CheckIcon as a } from "../../primitives/Icon/icons.mjs";
+import { Icon as o } from "../../primitives/Icon/Icon.mjs";
 import { VisuallyHidden as s } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { CheckIcon as c } from "../../primitives/Icon/icons.mjs";
-import { Icon as l } from "../../primitives/Icon/Icon.mjs";
-import u from "./Stepper.module.css.mjs";
+import c from "./Stepper.module.css.mjs";
+import { useMessages as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as u } from "../../../i18n/en.mjs";
 import { createContext as d, useCallback as f, useContext as p, useEffect as m, useLayoutEffect as h, useRef as g, useState as _ } from "react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region src/components/navigation/Stepper/Stepper.tsx
-var x = e.stepper.status, S = (e) => ({ step: t, total: n, title: r }) => t > n ? e.allComplete(n) : r ? e.stepTitled(t, n, r) : e.step(t, n), C = {
-	sm: u.sm,
-	md: u.md,
-	lg: u.lg
+// src/components/navigation/Stepper/Stepper.tsx
+var x = u.stepper.status, S = (e) => ({ step: t, total: n, title: r }) => t > n ? e.allComplete(n) : r ? e.stepTitled(t, n, r) : e.step(t, n), C = {
+	sm: c.sm,
+	md: c.md,
+	lg: c.lg
 }, w = {
-	horizontal: u.horizontal,
-	vertical: u.vertical
+	horizontal: c.horizontal,
+	vertical: c.vertical
 }, T = {
-	complete: u.statusComplete,
-	current: u.statusCurrent,
-	upcoming: u.statusUpcoming,
-	error: u.statusError
+	complete: c.statusComplete,
+	current: c.statusCurrent,
+	upcoming: c.statusUpcoming,
+	error: c.statusError
 }, E = 6, D = d(null), O = d(0);
 function k() {
 	let e = p(D);
@@ -33,12 +34,12 @@ function k() {
 function A(e, t) {
 	return e < t ? "complete" : e === t ? "current" : "upcoming";
 }
-function j({ activeStep: e, defaultActiveStep: c = 0, onActiveStepChange: l, orientation: d = "horizontal", size: p = "md", clickable: v = !1, linear: x = !0, compact: T = "auto", announce: k = !1, announcement: j, statusLabels: M, "aria-label": N, className: P, children: F, ref: I, ...L }) {
-	let R = n(), z = j ?? S(R.stepper), B = N ?? R.stepper.nav, [V, H] = t({
-		value: e,
-		defaultValue: c,
-		onChange: l
-	}), U = i(d, "horizontal"), W = U === "horizontal", G = v || !x, K = o(F), q = K.length, J = g(null), Y = f((e) => {
+function j({ activeStep: a, defaultActiveStep: o = 0, onActiveStepChange: u, orientation: d = "horizontal", size: p = "md", clickable: v = !1, linear: x = !0, compact: T = "auto", announce: k = !1, announcement: j, statusLabels: M, "aria-label": N, className: P, children: F, ref: I, ...L }) {
+	let R = l(), z = j ?? S(R.stepper), B = N ?? R.stepper.nav, [V, H] = e({
+		value: a,
+		defaultValue: o,
+		onChange: u
+	}), U = t(d, "horizontal"), W = U === "horizontal", G = v || !x, K = i(F), q = K.length, J = g(null), Y = f((e) => {
 		J.current = e, r(I, e);
 	}, [I]), [X, ee] = _(!1);
 	h(() => {
@@ -89,25 +90,25 @@ function j({ activeStep: e, defaultActiveStep: c = 0, onActiveStepChange: l, ori
 			"aria-label": B,
 			...L,
 			ref: Y,
-			className: a(u.root, w[U], C[p], Z && u.compact, G && u.interactive, P),
+			className: n(c.root, w[U], C[p], Z && c.compact, G && c.interactive, P),
 			"data-orientation": U,
 			children: [
 				/* @__PURE__ */ y("ol", {
 					role: "list",
-					className: u.list,
+					className: c.list,
 					children: K.map((e, t) => /* @__PURE__ */ y(O.Provider, {
 						value: t,
 						children: e
 					}, e.key ?? t))
 				}),
 				Z && /* @__PURE__ */ b("div", {
-					className: u.caption,
+					className: c.caption,
 					"aria-hidden": "true",
 					children: [/* @__PURE__ */ y("span", {
-						className: u.captionCount,
+						className: c.captionCount,
 						children: V >= q ? R.stepper.count(q, q) : R.stepper.step(V + 1, q)
 					}), $ && /* @__PURE__ */ y("span", {
-						className: u.captionTitle,
+						className: c.captionTitle,
 						children: $.props.title
 					})]
 				}),
@@ -121,7 +122,7 @@ function j({ activeStep: e, defaultActiveStep: c = 0, onActiveStepChange: l, ori
 		})
 	});
 }
-var M = () => /* @__PURE__ */ b(l, {
+var M = () => /* @__PURE__ */ b(o, {
 	strokeWidth: 3,
 	children: [/* @__PURE__ */ y("path", { d: "M12 6v7.5" }), /* @__PURE__ */ y("circle", {
 		cx: "12",
@@ -131,28 +132,28 @@ var M = () => /* @__PURE__ */ b(l, {
 		stroke: "none"
 	})]
 });
-function N({ title: e, description: t, icon: r, status: i, disabled: o = !1, statusLabel: l, className: d, ...f }) {
-	let m = n(), { activeStep: h, setActiveStep: g, interactive: _, linear: x, statusLabels: S } = k(), C = p(O), w = i ?? A(C, h), E = C === h, D = l ?? S[w], j = _ && (!x || C <= h || w === "complete"), N;
-	N = w === "complete" ? /* @__PURE__ */ y(c, { strokeWidth: 3 }) : w === "error" ? /* @__PURE__ */ y(M, {}) : r ?? /* @__PURE__ */ y("span", {
-		className: u.number,
+function N({ title: e, description: t, icon: r, status: i, disabled: o = !1, statusLabel: u, className: d, ...f }) {
+	let m = l(), { activeStep: h, setActiveStep: g, interactive: _, linear: x, statusLabels: S } = k(), C = p(O), w = i ?? A(C, h), E = C === h, D = u ?? S[w], j = _ && (!x || C <= h || w === "complete"), N;
+	N = w === "complete" ? /* @__PURE__ */ y(a, { strokeWidth: 3 }) : w === "error" ? /* @__PURE__ */ y(M, {}) : r ?? /* @__PURE__ */ y("span", {
+		className: c.number,
 		children: C + 1
 	});
 	let P = /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", {
-		className: u.marker,
+		className: c.marker,
 		"aria-hidden": "true",
 		children: N
 	}), /* @__PURE__ */ b("span", {
-		className: u.text,
+		className: c.text,
 		children: [
 			/* @__PURE__ */ y(s, { children: m.stepper.prefix(C + 1) }),
 			/* @__PURE__ */ y("span", {
-				className: u.title,
+				className: c.title,
 				"data-step-title": "",
 				children: e
 			}),
 			/* @__PURE__ */ y(s, { children: `, ${D}` }),
 			t != null && /* @__PURE__ */ y("span", {
-				className: u.description,
+				className: c.description,
 				children: t
 			})
 		]
@@ -160,26 +161,25 @@ function N({ title: e, description: t, icon: r, status: i, disabled: o = !1, sta
 	return /* @__PURE__ */ b("li", {
 		"aria-current": E && !j ? "step" : void 0,
 		...f,
-		className: a(u.item, T[w], o && j && u.disabled, d),
+		className: n(c.item, T[w], o && j && c.disabled, d),
 		"data-status": w,
 		"data-step-index": C,
 		children: [j ? /* @__PURE__ */ y("button", {
 			type: "button",
-			className: a(u.trigger, u.button),
+			className: n(c.trigger, c.button),
 			"aria-current": E ? "step" : void 0,
 			disabled: o,
 			onClick: () => g(C),
 			children: P
 		}) : /* @__PURE__ */ y("div", {
-			className: u.trigger,
+			className: c.trigger,
 			children: P
 		}), /* @__PURE__ */ y("span", {
-			className: u.connector,
+			className: c.connector,
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ y("span", { className: u.fill })
+			children: /* @__PURE__ */ y("span", { className: c.fill })
 		})]
 	});
 }
 var P = Object.assign(j, { Step: N });
-//#endregion
 export { N as Step, P as Stepper, x as defaultStepperStatusLabels };

package/dist/components/navigation/Stepper/Stepper.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Stepper/Stepper.module.css
+// src/components/navigation/Stepper/Stepper.module.css
 var e = "_root_uas10_33", t = "_list_uas10_67", n = "_sm_uas10_85", r = "_md_uas10_107", i = "_lg_uas10_115", a = "_item_uas10_145", o = "_trigger_uas10_155", s = "_button_uas10_179", c = "_title_uas10_205", l = "_marker_uas10_217", u = "_text_uas10_233", d = "_statusCurrent_uas10_267", f = "_statusError_uas10_269", p = "_statusUpcoming_uas10_277", m = "_description_uas10_285", h = "_number_uas10_353", g = "_statusComplete_uas10_371", _ = "_disabled_uas10_453", v = "_connector_uas10_493", y = "_fill_uas10_509", b = "_horizontal_uas10_529", x = "_compact_uas10_629", S = "_caption_uas10_671", C = "_captionCount_uas10_689", w = "_captionTitle_uas10_707", T = "_vertical_uas10_731", E = {
 	root: e,
 	list: t,
@@ -28,5 +28,4 @@ var e = "_root_uas10_33", t = "_list_uas10_67", n = "_sm_uas10_85", r = "_md_uas
 	captionTitle: w,
 	vertical: T
 };
-//#endregion
 export { s as button, S as caption, C as captionCount, w as captionTitle, x as compact, v as connector, E as default, m as description, _ as disabled, y as fill, b as horizontal, a as item, i as lg, t as list, l as marker, r as md, h as number, e as root, n as sm, g as statusComplete, d as statusCurrent, f as statusError, p as statusUpcoming, u as text, c as title, o as trigger, T as vertical };

package/dist/components/navigation/Tabs/Tabs.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../data-display/Badge/Badge.cjs.js"),r=require("./Tabs.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={line:r.default.line,pill:r.default.pill,enclosed:r.default.enclosed},s={sm:r.default.sm,md:r.default.md,lg:r.default.lg},c={horizontal:r.default.horizontal,vertical:r.default.vertical},l=e=>e.replace(/[^A-Za-z0-9_-]/g,e=>`_${e.charCodeAt(0).toString(16)}`);function u(){let[e,t]=(0,i.useState)({});return[e,(0,i.useCallback)((e,n)=>(t(t=>t[e]===n?t:{...t,[e]:n}),()=>t(t=>{if(t[e]!==n)return t;let r={...t};return delete r[e],r})),[])]}var d=(0,i.createContext)(null);function f(e){let t=(0,i.useContext)(d);if(!t)throw Error(`<${e}> must be used inside <Tabs>.`);return t}var p=(e,t)=>`${e}-tab-${l(t)}`,m=(e,t)=>`${e}-panel-${l(t)}`;function h({value:n,defaultValue:l,onValueChange:f,variant:p=`line`,size:m=`md`,orientation:h=`horizontal`,activationMode:g=`automatic`,fullWidth:_=!1,keepMounted:v=!1,className:y,children:b,...x}){let S=(0,i.useId)(),[C,w]=e.useControllableState({value:n,defaultValue:l,onChange:f}),[T,E]=(0,i.useState)(void 0),[D,O]=(0,i.useState)(void 0),k=(0,i.useCallback)(e=>w(e),[w]),[A,j]=u(),[M,N]=u(),P=C??D,F=(0,i.useMemo)(()=>({baseId:S,selected:P,select:k,tabStop:T,setTabStop:E,setFirstEnabled:O,orientation:h,activationMode:g,variant:p,size:m,keepMounted:v,tabIds:A,panelIds:M,registerTab:j,registerPanel:N}),[S,P,k,T,h,g,p,m,v,A,M,j,N]);return(0,a.jsx)(d.Provider,{value:F,children:(0,a.jsx)(`div`,{...x,"data-orientation":h,className:t.cx(r.default.root,o[p],s[m],c[h],_&&r.default.fullWidth,y),children:b})})}var g=`[role="tab"]`;function _({className:e,children:n,onKeyDown:o,ref:s,...c}){let{selected:l,setTabStop:u,setFirstEnabled:d,orientation:p,activationMode:m,variant:h,select:_}=f(`Tabs.List`),v=(0,i.useRef)(null),y=(0,i.useRef)(null),b=(0,i.useRef)(null),x=(0,i.useRef)(!1),S=h!==`enclosed`,C=(0,i.useCallback)(e=>{if(v.current=e,typeof s==`function`)return s(e);s&&(s.current=e)},[s]),w=(0,i.useCallback)(e=>{let t=y.current;if(!t)return[];let n=Array.from(t.querySelectorAll(g));return e?n.filter(e=>!e.disabled):n},[]),[T,E]=(0,i.useState)(0);(0,i.useLayoutEffect)(()=>{let e=y.current;if(!e||typeof MutationObserver>`u`)return;let t=new MutationObserver(()=>E(e=>e+1));return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`disabled`,`data-value`]}),()=>t.disconnect()},[]),(0,i.useLayoutEffect)(()=>{let e=w(!0),t=e.find(e=>e.dataset.value===l)??e[0];u(t?.dataset.value),d(e[0]?.dataset.value)},[w,l,T,u,d]);let D=(0,i.useCallback)(e=>{let t=y.current,n=b.current;if(!t||!n)return;let r=t.querySelector(`${g}[aria-selected="true"]`);if(!r){n.dataset.hidden=``,x.current=!1;return}let i=e||!x.current||n.dataset.hidden!==void 0;i&&(n.dataset.instant=``),n.style.setProperty(`--_tabs-ind-x`,`${r.offsetLeft}px`),n.style.setProperty(`--_tabs-ind-y`,`${r.offsetTop}px`),n.style.setProperty(`--_tabs-ind-w`,`${r.offsetWidth}px`),n.style.setProperty(`--_tabs-ind-h`,`${r.offsetHeight}px`),delete n.dataset.hidden,i&&(n.offsetWidth,delete n.dataset.instant),x.current=!0},[]);(0,i.useLayoutEffect)(()=>{S&&D(!1)},[S,D,l,T,p,h]);let O=(0,i.useRef)(null),k=(0,i.useRef)(new WeakSet);(0,i.useEffect)(()=>{if(!S||typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>D(!0));return O.current=e,()=>{e.disconnect(),O.current=null,k.current=new WeakSet}},[S,D]),(0,i.useEffect)(()=>{let e=O.current,t=y.current;if(e&&t)for(let n of[t,...t.querySelectorAll(g)])k.current.has(n)||(k.current.add(n),e.observe(n))},[S,D,T]);let A=(0,i.useRef)(!1);(0,i.useEffect)(()=>{let e=v.current,t=y.current;if(!e||!t||p!==`horizontal`||e.scrollWidth<=e.clientWidth)return;let n=t.querySelector(`${g}[aria-selected="true"]`);if(!n)return;let r=parseFloat(getComputedStyle(e).paddingInlineStart)||0,i=e.getBoundingClientRect(),a=n.getBoundingClientRect(),o=0;if(a.left<i.left+r?o=a.left-i.left-r:a.right>i.right-r&&(o=a.right-i.right+r),o!==0){let t=typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;e.scrollBy({left:o,behavior:!A.current||t?`auto`:`smooth`})}A.current=!0},[l,p]);let j=e=>{if(o?.(e),e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey)return;let t=e.target.closest(g);if(!t||!y.current?.contains(t))return;let n=w(!0);if(n.length===0)return;let r=n.indexOf(t),i=getComputedStyle(e.currentTarget).direction===`rtl`,a,s=e=>n[(((r===-1?0:r)+e)%n.length+n.length)%n.length];switch(e.key){case`ArrowRight`:p===`horizontal`&&(a=s(i?-1:1));break;case`ArrowLeft`:p===`horizontal`&&(a=s(i?1:-1));break;case`ArrowDown`:p===`vertical`&&(a=s(1));break;case`ArrowUp`:p===`vertical`&&(a=s(-1));break;case`Home`:a=n[0];break;case`End`:a=n[n.length-1];break;default:return}if(!a)return;e.preventDefault(),a.focus();let c=a.dataset.value;m===`automatic`&&c!==void 0&&_(c)};return(0,a.jsx)(`div`,{...c,ref:C,role:`tablist`,"aria-orientation":p,onKeyDown:j,className:t.cx(r.default.list,e),children:(0,a.jsxs)(`div`,{ref:y,className:r.default.track,children:[n,S&&(0,a.jsx)(`span`,{ref:b,className:r.default.indicator,"data-hidden":``,"data-instant":``,"aria-hidden":`true`})]})})}function v({value:e,icon:o,badge:s,badgeLabel:c,disabled:l=!1,className:u,children:d,onClick:m,id:h,...g}){let _=f(`Tabs.Tab`),v=_.selected===e,y=d!=null,b=o!=null,x=h??p(_.baseId,e),{registerTab:S}=_;(0,i.useLayoutEffect)(()=>S(e,x),[S,e,x]);let C=typeof s==`number`?(0,a.jsx)(n.Badge,{count:s,size:`sm`,variant:v?`solid`:`soft`,tone:v?`accent`:`neutral`,label:c}):s,w=C!=null&&C!==!1;return(0,a.jsx)(`button`,{...g,type:`button`,role:`tab`,id:x,"data-value":e,"aria-selected":v,"aria-controls":_.panelIds[e],tabIndex:_.tabStop===e?0:-1,disabled:l,className:t.cx(r.default.tab,!y&&r.default.iconOnly,u),onClick:t=>{m?.(t),!t.defaultPrevented&&!l&&_.select(e)},children:(0,a.jsxs)(`span`,{className:r.default.content,children:[b&&(0,a.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:o}),y&&(0,a.jsxs)(`span`,{className:r.default.labelStack,children:[(0,a.jsx)(`span`,{className:r.default.labelText,children:d}),(0,a.jsx)(`span`,{className:r.default.labelSizer,"aria-hidden":`true`,children:d})]}),w&&(0,a.jsx)(`span`,{className:r.default.badge,children:C})]})})}function y({value:e,keepMounted:n,className:o,children:s,id:c,tabIndex:l=0,"aria-labelledby":u,...d}){let h=f(`Tabs.Panel`),g=h.selected===e,_=n??h.keepMounted,v=g||_,y=c??m(h.baseId,e),{registerPanel:b}=h;return(0,i.useLayoutEffect)(()=>v?b(e,y):void 0,[v,b,e,y]),v?(0,a.jsx)(`div`,{...d,role:`tabpanel`,id:y,"aria-labelledby":u??h.tabIds[e]??p(h.baseId,e),tabIndex:l,hidden:!g,"data-selected":g||void 0,className:t.cx(r.default.panel,o),children:s}):null}var b=Object.assign(h,{List:_,Tab:v,Panel:y});exports.Tab=v,exports.TabPanel=y,exports.Tabs=b,exports.TabsList=_;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../data-display/Badge/Badge.cjs.js"),r=require("./Tabs.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={line:r.default.line,pill:r.default.pill,enclosed:r.default.enclosed},s={sm:r.default.sm,md:r.default.md,lg:r.default.lg},c={horizontal:r.default.horizontal,vertical:r.default.vertical},l=e=>e.replace(/[^A-Za-z0-9_-]/g,e=>`_${e.charCodeAt(0).toString(16)}`);function u(){let[e,t]=(0,i.useState)({});return[e,(0,i.useCallback)((e,n)=>(t(t=>t[e]===n?t:{...t,[e]:n}),()=>t(t=>{if(t[e]!==n)return t;let r={...t};return delete r[e],r})),[])]}var d=(0,i.createContext)(null);function f(e){let t=(0,i.useContext)(d);if(!t)throw Error(`<${e}> must be used inside <Tabs>.`);return t}var p=(e,t)=>`${e}-tab-${l(t)}`,m=(e,t)=>`${e}-panel-${l(t)}`;function h({value:n,defaultValue:l,onValueChange:f,variant:p=`line`,size:m=`md`,orientation:h=`horizontal`,activationMode:g=`automatic`,fullWidth:_=!1,keepMounted:v=!1,className:y,children:b,...x}){let S=(0,i.useId)(),[C,w]=e.useControllableState({value:n,defaultValue:l,onChange:f}),[T,E]=(0,i.useState)(void 0),[D,O]=(0,i.useState)(void 0),k=(0,i.useCallback)(e=>w(e),[w]),[A,j]=u(),[M,N]=u(),P=C??D,F=(0,i.useMemo)(()=>({baseId:S,selected:P,select:k,tabStop:T,setTabStop:E,setFirstEnabled:O,orientation:h,activationMode:g,variant:p,size:m,keepMounted:v,tabIds:A,panelIds:M,registerTab:j,registerPanel:N}),[S,P,k,T,h,g,p,m,v,A,M,j,N]);return(0,a.jsx)(d.Provider,{value:F,children:(0,a.jsx)(`div`,{...x,"data-orientation":h,className:t.cx(r.default.root,o[p],s[m],c[h],_&&r.default.fullWidth,y),children:b})})}var g=`[role="tab"]`;function _({className:e,children:n,onKeyDown:o,ref:s,...c}){let{selected:l,setTabStop:u,setFirstEnabled:d,orientation:p,activationMode:m,variant:h,select:_}=f(`Tabs.List`),v=(0,i.useRef)(null),y=(0,i.useRef)(null),b=(0,i.useRef)(null),x=(0,i.useRef)(!1),S=h!==`enclosed`,C=(0,i.useCallback)(e=>{if(v.current=e,typeof s==`function`)return s(e);s&&(s.current=e)},[s]),w=(0,i.useCallback)(e=>{let t=y.current;if(!t)return[];let n=Array.from(t.querySelectorAll(g));return e?n.filter(e=>!e.disabled):n},[]),[T,E]=(0,i.useState)(0);(0,i.useLayoutEffect)(()=>{let e=y.current;if(!e||typeof MutationObserver>`u`)return;let t=new MutationObserver(()=>E(e=>e+1));return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`disabled`,`data-value`]}),()=>t.disconnect()},[]),(0,i.useLayoutEffect)(()=>{let e=w(!0),t=e.find(e=>e.dataset.value===l)??e[0];u(t?.dataset.value),d(e[0]?.dataset.value)},[w,l,T,u,d]);let D=(0,i.useCallback)(e=>{let t=y.current,n=b.current;if(!t||!n)return;let r=t.querySelector(`${g}[aria-selected="true"]`);if(!r){n.dataset.hidden=``,x.current=!1;return}let i=e||!x.current||n.dataset.hidden!==void 0;i&&(n.dataset.instant=``),n.style.setProperty(`--_tabs-ind-x`,`${r.offsetLeft}px`),n.style.setProperty(`--_tabs-ind-y`,`${r.offsetTop}px`),n.style.setProperty(`--_tabs-ind-w`,`${r.offsetWidth}px`),n.style.setProperty(`--_tabs-ind-h`,`${r.offsetHeight}px`),delete n.dataset.hidden,i&&(n.offsetWidth,delete n.dataset.instant),x.current=!0},[]);(0,i.useLayoutEffect)(()=>{S&&D(!1)},[S,D,l,T,p,h]);let O=(0,i.useRef)(null),k=(0,i.useRef)(new WeakSet);(0,i.useEffect)(()=>{if(!S||typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>D(!0));return O.current=e,()=>{e.disconnect(),O.current=null,k.current=new WeakSet}},[S,D]),(0,i.useEffect)(()=>{let e=O.current,t=y.current;if(e&&t)for(let n of[t,...t.querySelectorAll(g)])k.current.has(n)||(k.current.add(n),e.observe(n))},[S,D,T]);let A=(0,i.useRef)(!1);(0,i.useEffect)(()=>{let e=v.current,t=y.current;if(!e||!t||p!==`horizontal`||e.scrollWidth<=e.clientWidth)return;let n=t.querySelector(`${g}[aria-selected="true"]`);if(!n)return;let r=parseFloat(getComputedStyle(e).paddingInlineStart)||0,i=e.getBoundingClientRect(),a=n.getBoundingClientRect(),o=0;if(a.left<i.left+r?o=a.left-i.left-r:a.right>i.right-r&&(o=a.right-i.right+r),o!==0){let t=typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;e.scrollBy({left:o,behavior:!A.current||t?`auto`:`smooth`})}A.current=!0},[l,p]);let j=e=>{if(o?.(e),e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey)return;let t=e.target.closest(g);if(!t||!y.current?.contains(t))return;let n=w(!0);if(n.length===0)return;let r=n.indexOf(t),i=getComputedStyle(e.currentTarget).direction===`rtl`,a,s=e=>n[(((r===-1?0:r)+e)%n.length+n.length)%n.length];switch(e.key){case`ArrowRight`:p===`horizontal`&&(a=s(i?-1:1));break;case`ArrowLeft`:p===`horizontal`&&(a=s(i?1:-1));break;case`ArrowDown`:p===`vertical`&&(a=s(1));break;case`ArrowUp`:p===`vertical`&&(a=s(-1));break;case`Home`:a=n[0];break;case`End`:a=n[n.length-1];break;default:return}if(!a)return;e.preventDefault(),a.focus();let c=a.dataset.value;m===`automatic`&&c!==void 0&&_(c)};return(0,a.jsx)(`div`,{...c,ref:C,role:`tablist`,"aria-orientation":p,onKeyDown:j,className:t.cx(r.default.list,e),children:(0,a.jsxs)(`div`,{ref:y,className:r.default.track,children:[n,S&&(0,a.jsx)(`span`,{ref:b,className:r.default.indicator,"data-hidden":``,"data-instant":``,"aria-hidden":`true`})]})})}function v({value:e,icon:o,badge:s,badgeLabel:c,disabled:l=!1,className:u,children:d,onClick:m,id:h,...g}){let _=f(`Tabs.Tab`),v=_.selected===e,y=d!=null,b=o!=null,x=h??p(_.baseId,e),{registerTab:S}=_;(0,i.useLayoutEffect)(()=>S(e,x),[S,e,x]);let C=typeof s==`number`?(0,a.jsx)(n.Badge,{count:s,size:`sm`,variant:v?`solid`:`soft`,tone:v?`accent`:`neutral`,label:c}):s,w=C!=null&&C!==!1;return(0,a.jsx)(`button`,{...g,type:`button`,role:`tab`,id:x,"data-value":e,"aria-selected":v,"aria-controls":_.panelIds[e],tabIndex:_.tabStop===e?0:-1,disabled:l,className:t.cx(r.default.tab,!y&&r.default.iconOnly,u),onClick:t=>{m?.(t),!t.defaultPrevented&&!l&&_.select(e)},children:(0,a.jsxs)(`span`,{className:r.default.content,children:[b&&(0,a.jsx)(`span`,{className:r.default.icon,"aria-hidden":`true`,children:o}),y&&(0,a.jsxs)(`span`,{className:r.default.labelStack,children:[(0,a.jsx)(`span`,{className:r.default.labelText,children:d}),(0,a.jsx)(`span`,{className:r.default.labelSizer,"aria-hidden":`true`,children:d})]}),w&&(0,a.jsx)(`span`,{className:r.default.badge,children:C})]})})}function y({value:e,keepMounted:n,className:o,children:s,id:c,tabIndex:l=0,"aria-labelledby":u,...d}){let h=f(`Tabs.Panel`),g=h.selected===e,_=n??h.keepMounted,v=g||_,y=c??m(h.baseId,e),{registerPanel:b}=h;return(0,i.useLayoutEffect)(()=>v?b(e,y):void 0,[v,b,e,y]),v?(0,a.jsx)(`div`,{...d,role:`tabpanel`,id:y,"aria-labelledby":u??h.tabIds[e]??p(h.baseId,e),tabIndex:l,hidden:!g,"data-selected":g||void 0,className:t.cx(r.default.panel,o),children:s}):null}var b=Object.assign(h,{List:_,Tab:v,Panel:y});exports.Tab=v,exports.TabPanel=y,exports.Tabs=b,exports.TabsList=_;

package/dist/components/navigation/Tabs/Tabs.mjs

@@ -1,10 +1,11 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { cx as t } from "../../../utils/cx.mjs";
 import { Badge as n } from "../../data-display/Badge/Badge.mjs";
 import r from "./Tabs.module.css.mjs";
 import { createContext as i, useCallback as a, useContext as o, useEffect as s, useId as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/navigation/Tabs/Tabs.tsx
+// src/components/navigation/Tabs/Tabs.tsx
 var h = {
 	line: r.line,
 	pill: r.pill,
@@ -296,5 +297,4 @@ var k = Object.assign(w, {
 	Tab: D,
 	Panel: O
 });
-//#endregion
 export { D as Tab, O as TabPanel, k as Tabs, E as TabsList };

package/dist/components/navigation/Tabs/Tabs.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Tabs/Tabs.module.css
+// src/components/navigation/Tabs/Tabs.module.css
 var e = "_sm_1udqw_45", t = "_md_1udqw_59", n = "_lg_1udqw_73", r = "_root_1udqw_97", i = "_vertical_1udqw_119", a = "_enclosed_1udqw_137", o = "_list_1udqw_159", s = "_horizontal_1udqw_177", c = "_tab_1udqw_211", l = "_track_1udqw_219", u = "_iconOnly_1udqw_331", d = "_fullWidth_1udqw_349", f = "_content_1udqw_399", p = "_icon_1udqw_331", m = "_labelStack_1udqw_447", h = "_labelSizer_1udqw_461", g = "_badge_1udqw_471", _ = "_indicator_1udqw_493", v = "_line_1udqw_535", y = "_pill_1udqw_615", b = "_panel_1udqw_787", x = {
 	sm: e,
 	md: t,
@@ -22,5 +22,4 @@ var e = "_sm_1udqw_45", t = "_md_1udqw_59", n = "_lg_1udqw_73", r = "_root_1udqw
 	pill: y,
 	panel: b
 };
-//#endregion
 export { g as badge, f as content, x as default, a as enclosed, d as fullWidth, s as horizontal, p as icon, u as iconOnly, _ as indicator, h as labelSizer, m as labelStack, n as lg, v as line, o as list, t as md, b as panel, y as pill, r as root, e as sm, c as tab, l as track, i as vertical };

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

@@ -1 +1 @@
-const e=require("../../../i18n/en.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../../hooks/useOverlayLayer.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),i=require("../../../utils/hotkeys.cjs.js"),a=require("../../../utils/cx.cjs.js"),o=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),s=require("../../primitives/Kbd/Kbd.cjs.js"),c=require("../Modal/Modal.cjs.js"),ee=require("./CommandPaletteContext.cjs.js"),l=require("./commandPaletteUtils.cjs.js"),u=require("./CommandPalette.module.css.cjs.js"),d=require("./CommandPaletteParts.cjs.js");let f=require("react"),p=require("react/jsx-runtime");function te(t){return e.en.commandPalette.results(t)}var ne=[],re=300,ie=10;function ae({layerIdRef:e,onUnmount:t}){let r=n.useParentOverlayLayer(),i=(0,f.useRef)(t);return i.current=t,(0,f.useLayoutEffect)(()=>(e.current=r,()=>{e.current=null}),[r,e]),(0,f.useLayoutEffect)(()=>()=>i.current(),[]),null}function m({open:e,defaultOpen:d=!1,onOpenChange:te,hotkey:m=`mod+k`,trigger:h,label:oe,search:se,defaultSearch:ce=``,onSearchChange:le,pages:ue,defaultPages:de=ne,onPagesChange:fe,filter:g,shouldFilter:pe=!0,sort:me=!0,highlightMatches:he=!0,closeOnSelect:ge=!0,loop:_e=!0,size:ve=`md`,resultsLabel:ye,instructions:be,showHints:xe=!0,hintLabels:_,backLabel:Se,className:Ce,onMouseDown:we,children:Te,"aria-label":Ee,"aria-labelledby":De,"aria-describedby":Oe,...ke}){let v=r.useMessages(),y=oe??v.commandPalette.label,Ae=ye??v.commandPalette.results,je=be??v.commandPalette.instructions,Me=Se??v.commandPalette.back,[b,x]=t.useControllableState({value:e,defaultValue:d,onChange:te}),[S,C]=t.useControllableState({value:se,defaultValue:ce,onChange:le}),[w,T]=t.useControllableState({value:ue,defaultValue:de,onChange:fe}),E=w.length>0?w[w.length-1]:null,D=(0,f.useId)(),O=`${D}-title`,k=`${D}-instructions`,[Ne,Pe]=(0,f.useState)(null),Fe=Ne??`${D}-listbox`,A=(0,f.useRef)(null),j=(0,f.useRef)(null),M=(0,f.useRef)(null),Ie=n.useParentOverlayLayer(),N=(0,f.useRef)(b);N.current=b;let P=(0,f.useRef)(S);P.current=S;let F=(0,f.useRef)(w);F.current=w;let I=(0,f.useRef)(new Map),[Le,Re]=(0,f.useState)(0),ze=(0,f.useCallback)(e=>(I.current.set(e.key,e),Re(e=>e+1),()=>{I.current.get(e.key)===e&&(I.current.delete(e.key),Re(e=>e+1))}),[]),L=pe&&S.trim()!==``,R=(0,f.useMemo)(()=>{let e=new Map;for(let t of I.current.values()){let n=L?g?g(t.value,S,t.keywords):l.defaultCommandScore(t.value,S,t.keywords):1;n>0&&e.set(t.key,n)}let t=L&&me,n=t?[...new Set(e.values())].sort((e,t)=>t-e):[],r=new Map(n.map((e,t)=>[e,t])),i=new Map,a=new Map,o=new Map;for(let[n,s]of e){let e=t?r.get(s)??0:0;i.set(n,e);let c=I.current.get(n)?.groupKey;c&&(o.set(c,(o.get(c)??0)+1),a.set(c,Math.min(a.get(c)??1/0,e)))}return{visible:new Set(e.keys()),itemOrder:i,groupOrder:a,groupCount:o,count:e.size,ranked:t}},[Le,L,S,g,me]),[z,Be]=(0,f.useState)({}),Ve=(0,f.useCallback)((e,t)=>(Be(n=>n[e]===t?n:{...n,[e]:t}),()=>Be(t=>{if(!(e in t))return t;let n={...t};return delete n[e],n})),[]),B=(0,f.useCallback)(e=>{T(t=>[...t,e]),C(``)},[T,C]),V=(0,f.useCallback)(()=>{F.current.length!==0&&(T(e=>e.slice(0,-1)),C(``))},[T,C]),[He,Ue]=(0,f.useState)(0),We=(0,f.useRef)(v.commandPalette.loading),Ge=(0,f.useCallback)(e=>(We.current=e,Ue(e=>e+1),()=>Ue(e=>e-1)),[]),H=He>0,[Ke,qe]=(0,f.useState)(null),[U,W]=(0,f.useState)(null),G=(0,f.useRef)(U);G.current=U;let K=(0,f.useRef)(!1),Je=(0,f.useRef)(null);(0,f.useLayoutEffect)(()=>{if(!b){Je.current=null;return}let e=j.current;if(!e)return;l.syncDomOrder(e);let t=l.getOrderedOptions(e),n=`${E??``}\u0000${S}`,r=n!==Je.current,i=G.current,a=i!==null&&t.some(e=>e.id===i);if(r||!a){Je.current=n;let a=(t.find(e=>e.getAttribute(`aria-disabled`)!==`true`)??t[0])?.id??null;a!==i&&W(a),r&&(e.scrollTop=0)}}),(0,f.useLayoutEffect)(()=>{if(!K.current||!U)return;K.current=!1;let e=document.getElementById(U);if(!e)return;e.scrollIntoView?.({block:`nearest`});let t=l.getOrderedOptions(j.current),n=t.indexOf(e),r=e.closest(`[role="group"]`),i=n<=0||t[n-1].closest(`[role="group"]`)!==r;if(n===0){let e=j.current;e&&(e.scrollTop=0)}else r&&i&&r.querySelector(`[data-command-heading]`)?.scrollIntoView?.({block:`nearest`})},[U]);let q=(0,f.useCallback)(e=>{let t=l.getOrderedOptions(j.current);if(t.length===0)return;let n=t.findIndex(e=>e.id===G.current),r;r=n===-1?e>0?0:t.length-1:_e&&Math.abs(e)===1?(n+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,n+e)),K.current=!0,W(t[r].id)},[_e]),Ye=(0,f.useRef)(ge);Ye.current=ge;let J=(0,f.useCallback)(e=>{let t=[...I.current.values()].find(t=>t.domId===e);if(!t||t.disabled)return;if(t.to){B(t.to);return}let n={value:t.value,defaultPrevented:!1,preventDefault:()=>{n.defaultPrevented=!0}},r=t.onSelectRef.current?.(n);!n.defaultPrevented&&r!==!1&&Ye.current&&x(!1)},[B,x]),Xe=(0,f.useCallback)(e=>{if(e.nativeEvent.isComposing||e.keyCode===229)return;let{key:t}=e,n=e.ctrlKey&&!e.metaKey&&!e.altKey&&!e.shiftKey,r=e.nativeEvent.code,i=!e.ctrlKey&&!e.metaKey&&!e.altKey;if(t===`ArrowDown`&&i||n&&(t===`n`||r===`KeyN`))e.preventDefault(),q(1);else if(t===`ArrowUp`&&i||n&&(t===`p`||r===`KeyP`))e.preventDefault(),q(-1);else if(t===`PageDown`&&i)e.preventDefault(),q(ie);else if(t===`PageUp`&&i)e.preventDefault(),q(-10);else if(t===`Enter`){if(e.repeat){e.preventDefault();return}let t=G.current;if(!t)return;e.preventDefault(),J(t)}else t===`Escape`?P.current===``?F.current.length>0&&(e.preventDefault(),V()):(e.preventDefault(),C(``)):t===`Backspace`&&!e.repeat&&P.current===``&&F.current.length>0&&(e.preventDefault(),V())},[q,J,C,V]),Ze=ke.onKeyDown,Qe=e=>{Ze?.(e),!(e.defaultPrevented||e.key!==`Escape`||e.target===A.current)&&(P.current===``?F.current.length>0&&(e.preventDefault(),V(),A.current?.focus()):(e.preventDefault(),C(``),A.current?.focus()))},Y=(0,f.useCallback)(()=>{N.current||(P.current!==``&&C(``),F.current.length>0&&T(ne),W(null))},[C,T]),$e=s.useKbdPlatform(),et=m?i.parseHotkey(m,$e):null,tt=et?i.hotkeyToAria(et):void 0;(0,f.useEffect)(()=>{if(!m)return;let e=i.parseHotkey(m,$e);if(!e)return;let t=t=>{if(t.defaultPrevented||t.isComposing||t.repeat||!i.matchesHotkey(t,e)||t.target!==A.current&&i.isTypingTarget(t.target))return;let r=n.getOverlayLayerStack(),a=N.current?M.current:Ie,o=a?r.findIndex(e=>e.id===a):-1;r.slice(o+1).some(e=>e.modal&&e.id!==M.current)||(t.preventDefault(),x(!N.current))};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[m,$e,Ie,x]);let[nt,rt]=(0,f.useState)(``),X=(0,f.useRef)(null),Z=R.count,Q=E?z[E]??E:null,it=(0,f.useRef)(Ae);it.current=Ae,(0,f.useEffect)(()=>{if(!b){X.current=null,rt(``);return}let e=`${E??``}\u0000${S}`;if(X.current===null){X.current={trigger:e,count:-1,page:E};return}if(H){rt(We.current);return}let t=X.current;if(t.trigger===e&&(t.count===-1||t.count===Z))return;let n=window.setTimeout(()=>{let n=it.current(Z),r=t.page!==E;X.current={trigger:e,count:Z,page:E},rt(r&&Q?`${Q}, ${n}`:n)},re);return()=>window.clearTimeout(n)},[b,H,E,S,Z,Q]);let at=(0,f.useMemo)(()=>({search:S,setSearch:e=>C(e),filtering:L,highlightMatches:he,results:R,register:ze,activeId:U,setActiveId:W,selectById:J,pages:w,currentPage:E,pushPage:B,popPage:V,pageTitles:z,registerPageTitle:Ve,loading:H,registerLoading:Ge,statusSlot:Ke,setStatusSlot:qe,inputRef:A,listboxRef:j,listboxId:Fe,setListboxId:Pe,titleId:O,label:y,instructionsId:k,backLabel:Me,onInputKeyDown:Xe,reset:Y}),[S,C,L,he,R,ze,U,J,w,E,B,V,z,Ve,H,Ge,Ke,Fe,O,y,k,Me,Xe,Y]),ot=e=>{we?.(e),!e.defaultPrevented&&(e.target.closest(`input, textarea, select, button, a[href], [contenteditable]`)||e.preventDefault())},st=h&&(0,f.isValidElement)(h)?(0,f.cloneElement)(h,{"aria-keyshortcuts":h.props[`aria-keyshortcuts`]??tt}):null,$={navigate:_?.navigate??v.commandPalette.hints.navigate,select:_?.select??v.commandPalette.hints.select,back:_?.back??v.commandPalette.hints.back,close:_?.close??v.commandPalette.hints.close};return(0,p.jsx)(ee.CommandPaletteContext.Provider,{value:at,children:(0,p.jsxs)(c.Modal,{open:b,onOpenChange:x,size:ve,placement:`top`,mobileLayout:`card`,showClose:!1,initialFocusRef:A,children:[st&&(0,p.jsx)(c.Modal.Trigger,{children:st}),(0,p.jsxs)(c.Modal.Content,{...ke,"aria-label":Ee,"aria-labelledby":De??(Ee?void 0:O),"aria-describedby":Oe,className:a.cx(u.default.palette,Ce),onMouseDown:ot,onKeyDown:Qe,children:[(0,p.jsx)(ae,{layerIdRef:M,onUnmount:Y}),(0,p.jsx)(o.VisuallyHidden,{id:O,children:y}),(0,p.jsx)(o.VisuallyHidden,{id:k,children:je}),Te,xe&&(0,p.jsxs)(`div`,{className:u.default.footer,"aria-hidden":`true`,children:[(0,p.jsxs)(`span`,{className:u.default.hint,children:[(0,p.jsx)(s.Kbd,{size:`sm`,keyName:`up`}),(0,p.jsx)(s.Kbd,{size:`sm`,keyName:`down`}),$.navigate]}),(0,p.jsxs)(`span`,{className:u.default.hint,children:[(0,p.jsx)(s.Kbd,{size:`sm`,keyName:`enter`}),$.select]}),w.length>0&&(0,p.jsxs)(`span`,{className:u.default.hint,children:[(0,p.jsx)(s.Kbd,{size:`sm`,keyName:`backspace`}),$.back]}),(0,p.jsxs)(`span`,{className:u.default.hint,children:[(0,p.jsx)(s.Kbd,{size:`sm`,keyName:`esc`}),$.close]})]}),(0,p.jsx)(o.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:nt})]})]})})}var h=Object.assign(m,{Input:d.CommandPaletteInput,List:d.CommandPaletteList,Group:d.CommandPaletteGroup,Item:d.CommandPaletteItem,Empty:d.CommandPaletteEmpty,Loading:d.CommandPaletteLoading,Separator:d.CommandPaletteSeparator,Page:d.CommandPalettePage});exports.CommandPalette=h,exports.CommandPaletteEmpty=d.CommandPaletteEmpty,exports.CommandPaletteGroup=d.CommandPaletteGroup,exports.CommandPaletteInput=d.CommandPaletteInput,exports.CommandPaletteItem=d.CommandPaletteItem,exports.CommandPaletteList=d.CommandPaletteList,exports.CommandPaletteLoading=d.CommandPaletteLoading,exports.CommandPalettePage=d.CommandPalettePage,exports.CommandPaletteSeparator=d.CommandPaletteSeparator,exports.defaultCommandResultsLabel=te,exports.defaultCommandScore=l.defaultCommandScore;
+"use client";const e=require("../../../hooks/useOverlayLayer.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Kbd/Kbd.cjs.js"),i=require("../../../utils/hotkeys.cjs.js"),a=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("../Modal/Modal.cjs.js"),ee=require("./CommandPaletteContext.cjs.js"),s=require("./CommandPaletteParts.cjs.js"),c=require("./commandPaletteUtils.cjs.js"),l=require("./CommandPalette.module.css.cjs.js"),te=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),ne=require("../../../i18n/en.cjs.js");let u=require("react"),d=require("react/jsx-runtime");function re(e){return ne.en.commandPalette.results(e)}var ie=[],ae=300,oe=10;function se({layerIdRef:t,onUnmount:n}){let r=e.useParentOverlayLayer(),i=(0,u.useRef)(n);return i.current=n,(0,u.useLayoutEffect)(()=>(t.current=r,()=>{t.current=null}),[r,t]),(0,u.useLayoutEffect)(()=>()=>i.current(),[]),null}function f({open:s,defaultOpen:ne=!1,onOpenChange:re,hotkey:f=`mod+k`,trigger:p,label:ce,search:le,defaultSearch:ue=``,onSearchChange:de,pages:fe,defaultPages:pe=ie,onPagesChange:me,filter:m,shouldFilter:he=!0,sort:ge=!0,highlightMatches:_e=!0,closeOnSelect:ve=!0,loop:ye=!0,size:be=`md`,resultsLabel:xe,instructions:Se,showHints:Ce=!0,hintLabels:h,backLabel:we,className:Te,onMouseDown:Ee,children:De,"aria-label":Oe,"aria-labelledby":ke,"aria-describedby":Ae,...je}){let g=te.useMessages(),_=ce??g.commandPalette.label,Me=xe??g.commandPalette.results,Ne=Se??g.commandPalette.instructions,Pe=we??g.commandPalette.back,[v,y]=t.useControllableState({value:s,defaultValue:ne,onChange:re}),[b,x]=t.useControllableState({value:le,defaultValue:ue,onChange:de}),[S,C]=t.useControllableState({value:fe,defaultValue:pe,onChange:me}),w=S.length>0?S[S.length-1]:null,T=(0,u.useId)(),E=`${T}-title`,D=`${T}-instructions`,[Fe,Ie]=(0,u.useState)(null),Le=Fe??`${T}-listbox`,O=(0,u.useRef)(null),k=(0,u.useRef)(null),A=(0,u.useRef)(null),Re=e.useParentOverlayLayer(),j=(0,u.useRef)(v);j.current=v;let M=(0,u.useRef)(b);M.current=b;let N=(0,u.useRef)(S);N.current=S;let P=(0,u.useRef)(new Map),[ze,Be]=(0,u.useState)(0),Ve=(0,u.useCallback)(e=>(P.current.set(e.key,e),Be(e=>e+1),()=>{P.current.get(e.key)===e&&(P.current.delete(e.key),Be(e=>e+1))}),[]),F=he&&b.trim()!==``,I=(0,u.useMemo)(()=>{let e=new Map;for(let t of P.current.values()){let n=F?m?m(t.value,b,t.keywords):c.defaultCommandScore(t.value,b,t.keywords):1;n>0&&e.set(t.key,n)}let t=F&&ge,n=t?[...new Set(e.values())].sort((e,t)=>t-e):[],r=new Map(n.map((e,t)=>[e,t])),i=new Map,a=new Map,o=new Map;for(let[n,ee]of e){let e=t?r.get(ee)??0:0;i.set(n,e);let s=P.current.get(n)?.groupKey;s&&(o.set(s,(o.get(s)??0)+1),a.set(s,Math.min(a.get(s)??1/0,e)))}return{visible:new Set(e.keys()),itemOrder:i,groupOrder:a,groupCount:o,count:e.size,ranked:t}},[ze,F,b,m,ge]),[L,He]=(0,u.useState)({}),Ue=(0,u.useCallback)((e,t)=>(He(n=>n[e]===t?n:{...n,[e]:t}),()=>He(t=>{if(!(e in t))return t;let n={...t};return delete n[e],n})),[]),R=(0,u.useCallback)(e=>{C(t=>[...t,e]),x(``)},[C,x]),z=(0,u.useCallback)(()=>{N.current.length!==0&&(C(e=>e.slice(0,-1)),x(``))},[C,x]),[We,Ge]=(0,u.useState)(0),Ke=(0,u.useRef)(g.commandPalette.loading),qe=(0,u.useCallback)(e=>(Ke.current=e,Ge(e=>e+1),()=>Ge(e=>e-1)),[]),B=We>0,[Je,Ye]=(0,u.useState)(null),[V,H]=(0,u.useState)(null),U=(0,u.useRef)(V);U.current=V;let W=(0,u.useRef)(!1),G=(0,u.useRef)(null);(0,u.useLayoutEffect)(()=>{if(!v){G.current=null;return}let e=k.current;if(!e)return;c.syncDomOrder(e);let t=c.getOrderedOptions(e),n=`${w??``}\u0000${b}`,r=n!==G.current,i=U.current,a=i!==null&&t.some(e=>e.id===i);if(r||!a){G.current=n;let a=(t.find(e=>e.getAttribute(`aria-disabled`)!==`true`)??t[0])?.id??null;a!==i&&H(a),r&&(e.scrollTop=0)}}),(0,u.useLayoutEffect)(()=>{if(!W.current||!V)return;W.current=!1;let e=document.getElementById(V);if(!e)return;e.scrollIntoView?.({block:`nearest`});let t=c.getOrderedOptions(k.current),n=t.indexOf(e),r=e.closest(`[role="group"]`),i=n<=0||t[n-1].closest(`[role="group"]`)!==r;if(n===0){let e=k.current;e&&(e.scrollTop=0)}else r&&i&&r.querySelector(`[data-command-heading]`)?.scrollIntoView?.({block:`nearest`})},[V]);let K=(0,u.useCallback)(e=>{let t=c.getOrderedOptions(k.current);if(t.length===0)return;let n=t.findIndex(e=>e.id===U.current),r;r=n===-1?e>0?0:t.length-1:ye&&Math.abs(e)===1?(n+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,n+e)),W.current=!0,H(t[r].id)},[ye]),Xe=(0,u.useRef)(ve);Xe.current=ve;let q=(0,u.useCallback)(e=>{let t=[...P.current.values()].find(t=>t.domId===e);if(!t||t.disabled)return;if(t.to){R(t.to);return}let n={value:t.value,defaultPrevented:!1,preventDefault:()=>{n.defaultPrevented=!0}},r=t.onSelectRef.current?.(n);!n.defaultPrevented&&r!==!1&&Xe.current&&y(!1)},[R,y]),Ze=(0,u.useCallback)(e=>{if(e.nativeEvent.isComposing||e.keyCode===229)return;let{key:t}=e,n=e.ctrlKey&&!e.metaKey&&!e.altKey&&!e.shiftKey,r=e.nativeEvent.code,i=!e.ctrlKey&&!e.metaKey&&!e.altKey;if(t===`ArrowDown`&&i||n&&(t===`n`||r===`KeyN`))e.preventDefault(),K(1);else if(t===`ArrowUp`&&i||n&&(t===`p`||r===`KeyP`))e.preventDefault(),K(-1);else if(t===`PageDown`&&i)e.preventDefault(),K(oe);else if(t===`PageUp`&&i)e.preventDefault(),K(-10);else if(t===`Enter`){if(e.repeat){e.preventDefault();return}let t=U.current;if(!t)return;e.preventDefault(),q(t)}else t===`Escape`?M.current===``?N.current.length>0&&(e.preventDefault(),z()):(e.preventDefault(),x(``)):t===`Backspace`&&!e.repeat&&M.current===``&&N.current.length>0&&(e.preventDefault(),z())},[K,q,x,z]),Qe=je.onKeyDown,$e=e=>{Qe?.(e),e.defaultPrevented||e.key!==`Escape`||e.target===O.current||(M.current===``?N.current.length>0&&(e.preventDefault(),z(),O.current?.focus()):(e.preventDefault(),x(``),O.current?.focus()))},J=(0,u.useCallback)(()=>{j.current||(M.current!==``&&x(``),N.current.length>0&&C(ie),H(null))},[x,C]),Y=r.useKbdPlatform(),et=f?i.parseHotkey(f,Y):null,tt=et?i.hotkeyToAria(et):void 0;(0,u.useEffect)(()=>{if(!f)return;let t=i.parseHotkey(f,Y);if(!t)return;let n=n=>{if(n.defaultPrevented||n.isComposing||n.repeat||!i.matchesHotkey(n,t)||n.target!==O.current&&i.isTypingTarget(n.target))return;let r=e.getOverlayLayerStack(),a=j.current?A.current:Re,o=a?r.findIndex(e=>e.id===a):-1;r.slice(o+1).some(e=>e.modal&&e.id!==A.current)||(n.preventDefault(),y(!j.current))};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[f,Y,Re,y]);let[nt,rt]=(0,u.useState)(``),X=(0,u.useRef)(null),Z=I.count,Q=w?L[w]??w:null,it=(0,u.useRef)(Me);it.current=Me,(0,u.useEffect)(()=>{if(!v){X.current=null,rt(``);return}let e=`${w??``}\u0000${b}`;if(X.current===null){X.current={trigger:e,count:-1,page:w};return}if(B){rt(Ke.current);return}let t=X.current;if(t.trigger===e&&(t.count===-1||t.count===Z))return;let n=window.setTimeout(()=>{let n=it.current(Z),r=t.page!==w;X.current={trigger:e,count:Z,page:w},rt(r&&Q?`${Q}, ${n}`:n)},ae);return()=>window.clearTimeout(n)},[v,B,w,b,Z,Q]);let at=(0,u.useMemo)(()=>({search:b,setSearch:e=>x(e),filtering:F,highlightMatches:_e,results:I,register:Ve,activeId:V,setActiveId:H,selectById:q,pages:S,currentPage:w,pushPage:R,popPage:z,pageTitles:L,registerPageTitle:Ue,loading:B,registerLoading:qe,statusSlot:Je,setStatusSlot:Ye,inputRef:O,listboxRef:k,listboxId:Le,setListboxId:Ie,titleId:E,label:_,instructionsId:D,backLabel:Pe,onInputKeyDown:Ze,reset:J}),[b,x,F,_e,I,Ve,V,q,S,w,R,z,L,Ue,B,qe,Je,Le,E,_,D,Pe,Ze,J]),ot=e=>{Ee?.(e),e.defaultPrevented||e.target.closest(`input, textarea, select, button, a[href], [contenteditable]`)||e.preventDefault()},st=p&&(0,u.isValidElement)(p)?(0,u.cloneElement)(p,{"aria-keyshortcuts":p.props[`aria-keyshortcuts`]??tt}):null,$={navigate:h?.navigate??g.commandPalette.hints.navigate,select:h?.select??g.commandPalette.hints.select,back:h?.back??g.commandPalette.hints.back,close:h?.close??g.commandPalette.hints.close};return(0,d.jsx)(ee.CommandPaletteContext.Provider,{value:at,children:(0,d.jsxs)(o.Modal,{open:v,onOpenChange:y,size:be,placement:`top`,mobileLayout:`card`,showClose:!1,initialFocusRef:O,children:[st&&(0,d.jsx)(o.Modal.Trigger,{children:st}),(0,d.jsxs)(o.Modal.Content,{...je,"aria-label":Oe,"aria-labelledby":ke??(Oe?void 0:E),"aria-describedby":Ae,className:n.cx(l.default.palette,Te),onMouseDown:ot,onKeyDown:$e,children:[(0,d.jsx)(se,{layerIdRef:A,onUnmount:J}),(0,d.jsx)(a.VisuallyHidden,{id:E,children:_}),(0,d.jsx)(a.VisuallyHidden,{id:D,children:Ne}),De,Ce&&(0,d.jsxs)(`div`,{className:l.default.footer,"aria-hidden":`true`,children:[(0,d.jsxs)(`span`,{className:l.default.hint,children:[(0,d.jsx)(r.Kbd,{size:`sm`,keyName:`up`}),(0,d.jsx)(r.Kbd,{size:`sm`,keyName:`down`}),$.navigate]}),(0,d.jsxs)(`span`,{className:l.default.hint,children:[(0,d.jsx)(r.Kbd,{size:`sm`,keyName:`enter`}),$.select]}),S.length>0&&(0,d.jsxs)(`span`,{className:l.default.hint,children:[(0,d.jsx)(r.Kbd,{size:`sm`,keyName:`backspace`}),$.back]}),(0,d.jsxs)(`span`,{className:l.default.hint,children:[(0,d.jsx)(r.Kbd,{size:`sm`,keyName:`esc`}),$.close]})]}),(0,d.jsx)(a.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:nt})]})]})})}var p=Object.assign(f,{Input:s.CommandPaletteInput,List:s.CommandPaletteList,Group:s.CommandPaletteGroup,Item:s.CommandPaletteItem,Empty:s.CommandPaletteEmpty,Loading:s.CommandPaletteLoading,Separator:s.CommandPaletteSeparator,Page:s.CommandPalettePage});exports.CommandPalette=p,exports.CommandPaletteEmpty=s.CommandPaletteEmpty,exports.CommandPaletteGroup=s.CommandPaletteGroup,exports.CommandPaletteInput=s.CommandPaletteInput,exports.CommandPaletteItem=s.CommandPaletteItem,exports.CommandPaletteList=s.CommandPaletteList,exports.CommandPaletteLoading=s.CommandPaletteLoading,exports.CommandPalettePage=s.CommandPalettePage,exports.CommandPaletteSeparator=s.CommandPaletteSeparator,exports.defaultCommandResultsLabel=re,exports.defaultCommandScore=c.defaultCommandScore;