@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/display/step.jsx

@@ -19,11 +19,11 @@ const states = {
     initial: { pathLength: 0, opacity: 0 },
     animate: { pathLength: 1, opacity: 1 },
 };
-const ErrorIcon = (props) => (<svg {...props} viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+const ErrorIcon = (props) => (<svg {...props} aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
         <motion.path className="currentColor" initial={states.initial} animate={states.animate} transition={iconTransitions} d="M18 6 6 18"/>
         <motion.path className="currentColor" initial={states.initial} animate={states.animate} transition={iconTransitions} d="m6 6 12 12"/>
     </svg>);
-const CheckIcon = (props) => (<svg {...props} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
+const CheckIcon = (props) => (<svg {...props} aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
         <motion.path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" animate={states.animate} initial={states.initial} transition={iconTransitions}/>
     </svg>);
 const variants = {
@@ -82,7 +82,7 @@ export const Step = ({ step, currentStep, status, title, titleClassName, ...prop
     const _widthPerStep = context?.steps ? 100 / context?.steps : undefined;
     return (<Fragment>
             <div className={`hidden h-step-connector-h w-full bg-card-border first:hidden xl:block ${innerStatus === "active" || innerStatus === "complete" ? "bg-success" : ""}`}/>
-            <motion.button {...props} type="button" data-step={step} animate={innerStatus} className="relative flex w-auto items-center justify-center text-center">
+            <motion.button {...props} type="button" aria-current={innerStatus === "active" ? "step" : undefined} data-step={step} animate={innerStatus} className="relative flex w-auto items-center justify-center text-center">
                 <motion.div variants={variants} transition={transitions} className={`absolute inset-0 hidden rounded-full text-center xl:block ${innerStatus === "error" ? "bg-danger" : ""}`}/>
                 <motion.div initial={false} animate={innerStatus} transition={transition} className="relative flex aspect-square size-step-size items-center justify-center rounded-full font-medium" variants={{
             error: {
@@ -115,9 +115,9 @@ export const Step = ({ step, currentStep, status, title, titleClassName, ...prop
                             </Fragment>)}
                     </div>
                 </motion.div>
-                <header className="flex flex-col items-start justify-start px-step-label-px">
+                <div className="flex flex-col items-start justify-start px-step-label-px">
                     <h3 className={`flex h-full items-center whitespace-nowrap font-normal ${titleClassName}`}>{title}</h3>
-                </header>
+                </div>
             </motion.button>
         </Fragment>);
 };

package/dist/components/display/tabs.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, t } from "../../tabs-Ciy0l9OF.js";
+import { n as e, t } from "../../tabs-Brc963EW.js";
 export { t as Tab, e as Tabs };

package/dist/components/display/timeline.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../dom-Bn4wY_Zx.js";
-import { t } from "../../polymorph-BLXhrn9n.js";
+import { Polymorph as t } from "../core/polymorph.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/display/timeline.tsx

package/dist/components/floating/command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAmE,MAAM,OAAO,CAAC;AAQxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACvD,CAAC;AAEF,KAAK,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAEpD,KAAK,mBAAmB,GAAG,WAAW,CAClC,UAAU,EACV;IACI,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;KACjE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CACJ,CAAC;AAEF,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAiDtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CAChE,CAAC;AAmCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAiNxD,CAAC"}
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAmE,MAAM,OAAO,CAAC;AAQxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACvD,CAAC;AAEF,KAAK,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAEpD,KAAK,mBAAmB,GAAG,WAAW,CAClC,UAAU,EACV;IACI,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;KACjE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CACJ,CAAC;AAEF,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAqDtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CAChE,CAAC;AAmCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAqOxD,CAAC"}

package/dist/components/floating/command-palette.js

@@ -0,0 +1,255 @@
+"use client";
+import { l as e, p as t, s as n, t as r, u as i } from "../../dom-Bn4wY_Zx.js";
+import { n as a, t as o } from "../../shortcut-CQCmgmlU.js";
+import { t as s } from "../../Funnel.es-DjKVl8Nj.js";
+import { t as c } from "../../use-translations-BE4PuhLm.js";
+import { A as l, b as u, f as d, v as f } from "../../floating-ui.react-CwXtBJ_y.js";
+import { t as p } from "../../use-stable-ref-D5LFCx0u.js";
+import { SkeletonCell as m } from "../display/skeleton.js";
+import { t as h } from "../../modal-Df8-6i-o.js";
+import { t as g } from "../../fzf-CPGDDCoU.js";
+import { t as _ } from "../../dict-CisoYSMO.js";
+import { Fragment as v, createElement as y, forwardRef as b, useEffect as x, useId as S, useRef as C, useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/components/floating/command-palette.tsx
+var D = (t) => /* @__PURE__ */ T("span", {
+	className: "text-typography-sm flex h-full items-center text-left font-medium text-secondary",
+	children: e(t.item.title) ? /* @__PURE__ */ T(t.item.title, { text: t.text }) : t.item.title
+}), O = b(({ active: t, id: n, item: i, text: a, ...s }, c) => i.type === "group" ? /* @__PURE__ */ T("div", {
+	id: n,
+	role: "presentation",
+	className: "h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt",
+	children: /* @__PURE__ */ T(D, {
+		text: a,
+		item: i
+	})
+}) : i.type === "shortcut" ? /* @__PURE__ */ E("div", {
+	...s,
+	id: n,
+	ref: c,
+	role: "option",
+	tabIndex: -1,
+	"aria-selected": t,
+	"data-component": "command-palette-item",
+	onMouseDown: (e) => {
+		s.onMouseDown?.(e), e.defaultPrevented || e.preventDefault();
+	},
+	className: r("flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-floating-hover", t ? "bg-floating-hover" : ""),
+	children: [/* @__PURE__ */ E("span", {
+		className: "flex items-center gap-command-item-gap",
+		children: [i.Icon ? i.Icon : null, /* @__PURE__ */ T("span", { children: e(i.title) ? /* @__PURE__ */ T(i.title, { text: a }) : i.title })]
+	}), i.shortcut ? /* @__PURE__ */ T(o, { value: i.shortcut }) : null]
+}) : /* @__PURE__ */ T(v, {})), k = (e, n) => {
+	if (n.length === 0) return e;
+	let r = [
+		{
+			key: "title",
+			value: n
+		},
+		{
+			key: "shortcut",
+			value: n
+		},
+		{
+			key: "hint",
+			value: n
+		}
+	], i = e.map((e) => ({
+		...e,
+		title: t.function(e.title) ? e.title({ text: n }) : e.title
+	})), a = g(i.reduce((e, r) => {
+		let i = t.function(r.enabled) ? r.enabled({ text: n }) : r.enabled ?? !0;
+		return i && e.push({
+			...r,
+			enabled: i
+		}), e;
+	}, []), "title", r), o = i.filter((e) => t.function(e.enabled) ? e.enabled({ text: n }) : !1);
+	return _.unique(a.concat(o), (e) => e.title);
+}, A = [
+	0,
+	0,
+	0,
+	0,
+	0
+], j = (e) => {
+	for (let t = 0; t < e.length; t++) {
+		let n = e[t];
+		if (n.type === "shortcut") return n;
+		let r = j(n.items);
+		if (r) return r;
+	}
+	return null;
+}, M = (e) => {
+	let o = S(), g = C(null), _ = C(null), [b, D] = w(""), M = C([]), N = c(), P = p(b), [F, I] = w(null);
+	x(() => {
+		I(null);
+	}, [b]);
+	let L = e.bind ?? "Mod + k", R = d({
+		open: e.open,
+		strategy: "absolute",
+		whileElementsMounted: l,
+		onOpenChange: e.onChangeVisibility
+	}), z = e.commands.flatMap((e) => e.type === "group" ? [e, ...e.items] : [e]), B = k(z, b), V = b === "" ? z : [{
+		type: "group",
+		title: N.commandPaletteResults,
+		items: []
+	}, ...B.filter((e) => e.type !== "group")], H = `${o}-listbox`, U = t.number(F) && V[F]?.type === "shortcut" ? `${o}-option-${F}` : void 0, { getItemProps: W, getReferenceProps: G, getFloatingProps: K } = f([u(R.context, {
+		listRef: M,
+		loop: !0,
+		activeIndex: F,
+		virtual: !0,
+		allowEscape: !1,
+		focusItemOnOpen: !1,
+		focusItemOnHover: !0,
+		openOnArrowKeyDown: !0,
+		scrollItemIntoView: !1,
+		selectedIndex: F,
+		disabledIndices: (e) => {
+			let t = V[e];
+			return t ? t.type === "group" : !1;
+		},
+		onNavigate: (r) => {
+			t.number(r) && (n(g.current, M.current[r]) || M.current[r]?.scrollIntoView({
+				block: "start",
+				inline: "start"
+			})), I((n) => t.number(r) ? r : e.open ? n ?? 0 : null);
+		}
+	})]);
+	x(() => {
+		let t = new a();
+		return t.add(L, () => e.onChangeVisibility?.(!0)), z.forEach((n) => {
+			n.type !== "group" && n.type === "shortcut" && n.shortcut !== void 0 && t.add(n.shortcut, (t) => n.action({
+				event: t,
+				setText: D,
+				text: P.current,
+				setOpen: e.onChangeVisibility
+			}));
+		}), t.register();
+	}, [
+		L,
+		z,
+		e,
+		P
+	]);
+	let q = e.Icon ?? s;
+	return /* @__PURE__ */ T(v, { children: /* @__PURE__ */ E(h, {
+		...K(),
+		animated: !1,
+		closable: !1,
+		open: e.open,
+		overlayClickClose: !0,
+		initialFocus: _,
+		ariaTitle: N.commandPaletteTitle,
+		bodyClassName: "px-0 py-0 pt-0",
+		"data-component": "command-palette",
+		onChange: e.onChangeVisibility,
+		className: "container relative overflow-clip py-0 md:max-w-screen-sm lg:max-w-screen-md",
+		children: [
+			/* @__PURE__ */ E("header", {
+				className: "sticky top-0 isolate z-floating flex h-command-header-h w-full items-center overflow-clip border-b border-floating-border bg-floating-background",
+				children: [/* @__PURE__ */ T("div", {
+					className: "flex size-command-icon-size items-center justify-center",
+					children: e.Icon ? /* @__PURE__ */ T(q, {
+						Default: s,
+						text: b,
+						size: 16
+					}) : /* @__PURE__ */ T(s, { size: 16 })
+				}), /* @__PURE__ */ T("input", {
+					...G({
+						ref: i(R.refs.setReference, _),
+						onKeyDown: (n) => {
+							let r = t.number(F) ? V[F] : null, i = n.key;
+							if (i === "Escape") {
+								n.preventDefault(), e.onChangeVisibility(!1);
+								return;
+							}
+							if (i === "Enter") if (n.preventDefault(), r) r.type === "shortcut" && r.action({
+								event: n,
+								text: b,
+								setOpen: e.onChangeVisibility,
+								setText: D
+							});
+							else {
+								let t = j(B);
+								t?.type === "shortcut" && t.action({
+									event: n,
+									text: b,
+									setOpen: e.onChangeVisibility,
+									setText: D
+								});
+							}
+						}
+					}),
+					value: b,
+					role: "combobox",
+					"aria-label": N.commandPaletteSearchLabel,
+					"aria-autocomplete": "list",
+					"aria-expanded": e.open,
+					"aria-haspopup": "listbox",
+					"aria-controls": H,
+					"aria-activedescendant": U,
+					"data-combikeysbypass": "true",
+					placeholder: N.commandPaletteSearchPlaceholder,
+					onChange: (e) => D(e.target.value),
+					className: "text-typography-lg h-command-header-h w-full items-center bg-transparent px-command-input-px py-command-input-py pb-command-input-py text-left outline-none"
+				})]
+			}),
+			e.loading ? /* @__PURE__ */ E("div", {
+				"data-component": "command-palette-list",
+				className: "my-command-list-my flex max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-group-px",
+				children: [/* @__PURE__ */ T("div", {
+					className: "h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt",
+					children: N.commandPaletteLoading
+				}), A.map((e, t) => /* @__PURE__ */ T("div", {
+					className: r("flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-primary hover:text-primary-foreground"),
+					children: m
+				}, `${o}-${t}-skeleton-index`))]
+			}) : /* @__PURE__ */ E("div", {
+				className: "flex min-w-full flex-row flex-nowrap",
+				"data-component": "command-palette-container",
+				children: [/* @__PURE__ */ E("div", {
+					role: "listbox",
+					id: H,
+					ref: g,
+					"data-component": "command-palette-list",
+					className: "my-command-list-my flex h-fit max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-list-px",
+					children: [V.map((t, n) => /* @__PURE__ */ y(O, {
+						id: `${o}-option-${n}`,
+						...W({
+							onMouseEnter: () => I(n),
+							ref(e) {
+								M.current[n] = e;
+							},
+							onClick(n) {
+								n.preventDefault(), e.onChangeVisibility(!1), t.type === "shortcut" && t.action({
+									event: n,
+									text: b,
+									setOpen: e.onChangeVisibility,
+									setText: D
+								});
+							}
+						}),
+						item: t,
+						text: b,
+						active: F === n,
+						key: `${o}-${t.type}-${n}`
+					})), V.length === 1 ? /* @__PURE__ */ T("div", {
+						className: r("flex items-center justify-between rounded-command-radius p-command-item-p text-secondary"),
+						children: N.commandPaletteEmpty ?? e.emptyMessage
+					}) : null]
+				}), e.Preview && t.number(F) ? /* @__PURE__ */ T(e.Preview, {
+					command: V[F],
+					text: b
+				}) : null]
+			}),
+			e.footer ? /* @__PURE__ */ T("footer", {
+				className: "flex h-command-footer-h items-center rounded-b-command-radius border-t border-floating-border p-command-footer-p",
+				children: e.footer
+			}) : null
+		]
+	}) });
+};
+//#endregion
+export { M as CommandPalette };
+
+//# sourceMappingURL=command-palette.js.map

package/dist/components/floating/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.js","names":[],"sources":["../../../src/components/floating/command-palette.tsx"],"sourcesContent":["\"use client\";\nimport { autoUpdate, useFloating, useInteractions, useListNavigation } from \"@floating-ui/react\";\nimport { FunnelIcon, type Icon, type IconProps } from \"@phosphor-icons/react\";\nimport React, { forwardRef, Fragment, useEffect, useId, useRef, useState } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { CombiKeys } from \"../../lib/combi-keys\";\nimport { Dict } from \"../../lib/dict\";\nimport { css, isChildVisible, isReactFC, mergeRefs } from \"../../lib/dom\";\nimport { fzf, MatchValue } from \"../../lib/fzf\";\nimport { Label } from \"../../types\";\nimport { Shortcut } from \"../display/shortcut\";\nimport { SkeletonCell } from \"../display/skeleton\";\nimport { Modal } from \"./modal\";\n\ntype ViewProps = { text: string };\n\ntype CommandItem<T extends string, P extends object> = P & {\n    type: T;\n    hint?: string | string[];\n    Icon?: React.ReactElement;\n    enabled?: ((props: ViewProps) => boolean) | boolean;\n};\n\ntype View = string | ((props: ViewProps) => string);\n\ntype CommandShortcutItem = CommandItem<\n    \"shortcut\",\n    {\n        title: View;\n        shortcut?: string;\n        action: (args: {\n            text: string;\n            setText: (state: string) => void;\n            setOpen: (state: boolean) => void;\n            event: KeyboardEvent | React.MouseEvent | React.KeyboardEvent;\n        }) => void | Promise<void>;\n    }\n>;\n\ntype CommandGroupItem = CommandItem<\"group\", { title: View; items: CommandItemTypes[] }>;\n\nexport type CommandItemTypes = CommandGroupItem | CommandShortcutItem;\n\ntype ItemProps = {\n    id: string;\n    text: string;\n    active: boolean;\n    item: CommandItemTypes;\n    onChangeVisibility: (next: boolean) => void;\n};\n\nconst Group = (props: { item: CommandGroupItem; text: string }) => (\n    <span className=\"text-typography-sm flex h-full items-center text-left font-medium text-secondary\">\n        {isReactFC(props.item.title) ? <props.item.title text={props.text} /> : props.item.title}\n    </span>\n);\n\nconst Item = forwardRef<HTMLDivElement, Omit<ItemProps, \"onChangeVisibility\"> & React.HTMLAttributes<HTMLDivElement>>(\n    ({ active, id, item, text, ...props }, ref) => {\n        if (item.type === \"group\")\n            return (\n                <div id={id} role=\"presentation\" className=\"h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt\">\n                    <Group text={text} item={item} />\n                </div>\n            );\n        if (item.type !== \"shortcut\") return <Fragment />;\n        return (\n            <div\n                {...props}\n                id={id}\n                ref={ref}\n                role=\"option\"\n                tabIndex={-1}\n                aria-selected={active}\n                data-component=\"command-palette-item\"\n                onMouseDown={(event) => {\n                    props.onMouseDown?.(event);\n                    if (!event.defaultPrevented) event.preventDefault();\n                }}\n                className={css(\n                    \"flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-floating-hover\",\n                    active ? \"bg-floating-hover\" : \"\"\n                )}\n            >\n                <span className=\"flex items-center gap-command-item-gap\">\n                    {item.Icon ? item.Icon : null}\n                    <span>{isReactFC(item.title) ? <item.title text={text} /> : item.title}</span>\n                </span>\n                {item.shortcut ? <Shortcut value={item.shortcut} /> : null}\n            </div>\n        );\n    }\n);\n\nexport type CommandPaletteProps = {\n    bind?: string;\n    open: boolean;\n    loading?: boolean;\n    emptyMessage?: Label;\n    footer?: React.ReactElement;\n    commands: CommandItemTypes[];\n    onChangeText?: (text: string) => void;\n    onChangeVisibility: (next: boolean) => void;\n    Preview?: React.FC<{ command: CommandItemTypes; text: string }>;\n    Icon?: React.FC<IconProps & { text: string; Default: Icon }>;\n};\n\nconst getFuzzyData = (commands: CommandItemTypes[], value: string) => {\n    if (value.length === 0) return commands;\n    const rules: MatchValue<CommandItemTypes>[] = [\n        { key: \"title\", value },\n        { key: \"shortcut\", value },\n        { key: \"hint\", value },\n    ];\n    const normalize = commands.map((x) => ({\n        ...x,\n        title: Is.function(x.title) ? x.title({ text: value }) : x.title,\n    }));\n    const target = normalize.reduce<CommandItemTypes[]>((acc, x) => {\n        const enabled = Is.function(x.enabled) ? x.enabled({ text: value }) : (x.enabled ?? true);\n        if (enabled) acc.push({ ...x, enabled: enabled });\n        return acc;\n    }, []);\n    const filter = fzf(target, \"title\", rules);\n    const withEnabled = normalize.filter((x) => (Is.function(x.enabled) ? x.enabled({ text: value }) : false));\n    return Dict.unique(filter.concat(withEnabled), (x) => x.title);\n};\n\nconst loadingSkeleton = [0, 0, 0, 0, 0];\n\nconst findFirstClickable = (items: CommandItemTypes[]): CommandItemTypes | null => {\n    for (let index = 0; index < items.length; index++) {\n        const element = items[index];\n        if (element.type === \"shortcut\") return element;\n        const recursive = findFirstClickable(element.items);\n        if (recursive) return recursive;\n    }\n    return null;\n};\n\nexport const CommandPalette = (props: CommandPaletteProps) => {\n    const id = useId();\n    const scrollContainerRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const [text, setText] = useState(\"\");\n    const listRef = useRef<Array<HTMLElement | null>>([]);\n    const translations = useTranslations();\n    const valueRef = useStableRef(text);\n    const [activeIndex, setActiveIndex] = useState<number | null>(null);\n    useEffect(() => {\n        setActiveIndex(null);\n    }, [text]);\n    const bindKey = props.bind ?? \"Mod + k\";\n    const root = useFloating<HTMLInputElement>({\n        open: props.open,\n        strategy: \"absolute\",\n        whileElementsMounted: autoUpdate,\n        onOpenChange: props.onChangeVisibility,\n    });\n\n    const commands = props.commands.flatMap((x) => (x.type === \"group\" ? [x, ...x.items] : [x]));\n\n    const fuzzy = getFuzzyData(commands, text);\n\n    const displayItems: CommandItemTypes[] =\n        text === \"\"\n            ? commands\n            : [\n                  {\n                      type: \"group\",\n                      title: translations.commandPaletteResults,\n                      items: [],\n                  },\n                  ...fuzzy.filter((x) => x.type !== \"group\"),\n              ];\n\n    const listboxId = `${id}-listbox`;\n    const activeOptionId = Is.number(activeIndex) && displayItems[activeIndex]?.type === \"shortcut\" ? `${id}-option-${activeIndex}` : undefined;\n\n    const listNav = useListNavigation(root.context, {\n        listRef,\n        loop: true,\n        activeIndex,\n        virtual: true,\n        allowEscape: false,\n        focusItemOnOpen: false,\n        focusItemOnHover: true,\n        openOnArrowKeyDown: true,\n        scrollItemIntoView: false,\n        selectedIndex: activeIndex,\n        disabledIndices: (n) => {\n            const item = displayItems[n];\n            if (item) return item.type === \"group\";\n            return false;\n        },\n        onNavigate: (n) => {\n            if (Is.number(n)) {\n                if (!isChildVisible(scrollContainerRef.current!, listRef.current[n]!))\n                    listRef.current[n]?.scrollIntoView({\n                        block: \"start\",\n                        inline: \"start\",\n                    });\n            }\n            setActiveIndex((prev) => {\n                if (Is.number(n)) return n;\n                return props.open ? (prev ?? 0) : null;\n            });\n        },\n    });\n    const { getItemProps, getReferenceProps, getFloatingProps } = useInteractions([listNav]);\n\n    useEffect(() => {\n        const combi = new CombiKeys();\n        combi.add(bindKey, () => props.onChangeVisibility?.(true));\n        commands.forEach((cmd) => {\n            if (cmd.type === \"group\") return;\n            if (cmd.type === \"shortcut\" && cmd.shortcut !== undefined)\n                combi.add(cmd.shortcut, (event) =>\n                    cmd.action({\n                        event,\n                        setText,\n                        text: valueRef.current,\n                        setOpen: props.onChangeVisibility,\n                    })\n                );\n        });\n        return combi.register();\n    }, [bindKey, commands, props, valueRef]);\n\n    const Icon = props.Icon ?? FunnelIcon;\n\n    return (\n        <Fragment>\n            <Modal\n                {...getFloatingProps()}\n                animated={false}\n                closable={false}\n                open={props.open}\n                overlayClickClose\n                initialFocus={searchInputRef}\n                ariaTitle={translations.commandPaletteTitle}\n                bodyClassName=\"px-0 py-0 pt-0\"\n                data-component=\"command-palette\"\n                onChange={props.onChangeVisibility}\n                className=\"container relative overflow-clip py-0 md:max-w-screen-sm lg:max-w-screen-md\"\n            >\n                <header className=\"sticky top-0 isolate z-floating flex h-command-header-h w-full items-center overflow-clip border-b border-floating-border bg-floating-background\">\n                    <div className=\"flex size-command-icon-size items-center justify-center\">\n                        {props.Icon ? <Icon Default={FunnelIcon} text={text} size={16} /> : <FunnelIcon size={16} />}\n                    </div>\n                    <input\n                        {...(getReferenceProps({\n                            ref: mergeRefs(root.refs.setReference, searchInputRef),\n                            onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {\n                                const item = Is.number(activeIndex) ? displayItems[activeIndex] : null;\n                                const key = e.key;\n                                if (key === \"Escape\") {\n                                    e.preventDefault();\n                                    props.onChangeVisibility(false);\n                                    return;\n                                }\n                                if (key === \"Enter\") {\n                                    e.preventDefault();\n                                    if (item) {\n                                        if (item.type === \"shortcut\")\n                                            item.action({\n                                                event: e,\n                                                text: text,\n                                                setOpen: props.onChangeVisibility,\n                                                setText,\n                                            });\n                                    } else {\n                                        const item = findFirstClickable(fuzzy);\n                                        if (item?.type === \"shortcut\")\n                                            item.action({\n                                                event: e,\n                                                text: text,\n                                                setOpen: props.onChangeVisibility,\n                                                setText,\n                                            });\n                                    }\n                                }\n                            },\n                        } as unknown as React.HTMLProps<Element>) as React.InputHTMLAttributes<HTMLInputElement>)}\n                        value={text}\n                        role=\"combobox\"\n                        aria-label={translations.commandPaletteSearchLabel}\n                        aria-autocomplete=\"list\"\n                        aria-expanded={props.open}\n                        aria-haspopup=\"listbox\"\n                        aria-controls={listboxId}\n                        aria-activedescendant={activeOptionId}\n                        data-combikeysbypass=\"true\"\n                        placeholder={translations.commandPaletteSearchPlaceholder}\n                        onChange={(e) => setText(e.target.value)}\n                        className=\"text-typography-lg h-command-header-h w-full items-center bg-transparent px-command-input-px py-command-input-py pb-command-input-py text-left outline-none\"\n                    />\n                </header>\n                {props.loading ? (\n                    <div\n                        data-component=\"command-palette-list\"\n                        className=\"my-command-list-my flex max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-group-px\"\n                    >\n                        <div className=\"h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt\">\n                            {translations.commandPaletteLoading}\n                        </div>\n                        {loadingSkeleton.map((_, i) => (\n                            <div\n                                key={`${id}-${i}-skeleton-index`}\n                                className={css(\n                                    \"flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-primary hover:text-primary-foreground\"\n                                )}\n                            >\n                                {SkeletonCell}\n                            </div>\n                        ))}\n                    </div>\n                ) : (\n                    <div className=\"flex min-w-full flex-row flex-nowrap\" data-component=\"command-palette-container\">\n                        <div\n                            role=\"listbox\"\n                            id={listboxId}\n                            ref={scrollContainerRef}\n                            data-component=\"command-palette-list\"\n                            className=\"my-command-list-my flex h-fit max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-list-px\"\n                        >\n                            {displayItems.map((item, index) => (\n                                <Item\n                                    id={`${id}-option-${index}`}\n                                    {...getItemProps({\n                                        onMouseEnter: () => setActiveIndex(index),\n                                        ref(node: HTMLElement | null) {\n                                            listRef.current[index] = node;\n                                        },\n                                        onClick(e: React.MouseEvent<HTMLDivElement>) {\n                                            e.preventDefault();\n                                            props.onChangeVisibility(false);\n                                            if (item.type === \"shortcut\")\n                                                item.action({\n                                                    event: e,\n                                                    text: text,\n                                                    setOpen: props.onChangeVisibility,\n                                                    setText,\n                                                });\n                                        },\n                                    })}\n                                    item={item}\n                                    text={text}\n                                    active={activeIndex === index}\n                                    key={`${id}-${item.type}-${index}`}\n                                />\n                            ))}\n                            {displayItems.length === 1 ? (\n                                <div className={css(\"flex items-center justify-between rounded-command-radius p-command-item-p text-secondary\")}>\n                                    {translations.commandPaletteEmpty ?? props.emptyMessage}\n                                </div>\n                            ) : null}\n                        </div>\n                        {props.Preview && Is.number(activeIndex) ? <props.Preview command={displayItems[activeIndex]} text={text} /> : null}\n                    </div>\n                )}\n                {props.footer ? (\n                    <footer className=\"flex h-command-footer-h items-center rounded-b-command-radius border-t border-floating-border p-command-footer-p\">\n                        {props.footer}\n                    </footer>\n                ) : null}\n            </Modal>\n        </Fragment>\n    );\n};\n"],"mappings":"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"}

package/dist/components/floating/command-palette.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { autoUpdate, useFloating, useInteractions, useListNavigation, useRole } from "@floating-ui/react";
+import { autoUpdate, useFloating, useInteractions, useListNavigation } from "@floating-ui/react";
 import { FunnelIcon } from "@phosphor-icons/react";
 import React, { forwardRef, Fragment, useEffect, useId, useRef, useState } from "react";
 import { Is } from "sidekicker";
@@ -7,7 +7,7 @@ import { useStableRef } from "../../hooks/use-stable-ref";
 import { useTranslations } from "../../hooks/use-translations";
 import { CombiKeys } from "../../lib/combi-keys";
 import { Dict } from "../../lib/dict";
-import { css, isChildVisible, isReactFC } from "../../lib/dom";
+import { css, isChildVisible, isReactFC, mergeRefs } from "../../lib/dom";
 import { fzf } from "../../lib/fzf";
 import { Shortcut } from "../display/shortcut";
 import { SkeletonCell } from "../display/skeleton";
@@ -15,23 +15,24 @@ import { Modal } from "./modal";
 const Group = (props) => (<span className="text-typography-sm flex h-full items-center text-left font-medium text-secondary">
         {isReactFC(props.item.title) ? <props.item.title text={props.text}/> : props.item.title}
     </span>);
-const Item = forwardRef((props, ref) => {
-    const id = useId();
-    const active = props.active;
-    const item = props.item;
+const Item = forwardRef(({ active, id, item, text, ...props }, ref) => {
     if (item.type === "group")
-        return (<div id={id} className="h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt">
-                <Group text={props.text} item={item}/>
-            </div>);
+        return (<div id={id} role="presentation" className="h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt">
+                    <Group text={text} item={item}/>
+                </div>);
     if (item.type !== "shortcut")
         return <Fragment />;
-    return (<button {...props} id={id} ref={ref} role="option" type="button" aria-selected={active} data-component="command-palette-item" className={css("flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-floating-hover", active ? "bg-floating-hover" : "")}>
-            <span className="flex items-center gap-command-item-gap">
-                {item.Icon ? item.Icon : null}
-                <span>{isReactFC(item.title) ? <item.title text={props.text}/> : item.title}</span>
-            </span>
-            {item.shortcut ? <Shortcut value={item.shortcut}/> : null}
-        </button>);
+    return (<div {...props} id={id} ref={ref} role="option" tabIndex={-1} aria-selected={active} data-component="command-palette-item" onMouseDown={(event) => {
+            props.onMouseDown?.(event);
+            if (!event.defaultPrevented)
+                event.preventDefault();
+        }} className={css("flex h-command-row-h items-center justify-between rounded-command-radius p-command-item-p hover:bg-floating-hover", active ? "bg-floating-hover" : "")}>
+                <span className="flex items-center gap-command-item-gap">
+                    {item.Icon ? item.Icon : null}
+                    <span>{isReactFC(item.title) ? <item.title text={text}/> : item.title}</span>
+                </span>
+                {item.shortcut ? <Shortcut value={item.shortcut}/> : null}
+            </div>);
 });
 const getFuzzyData = (commands, value) => {
     if (value.length === 0)
@@ -70,6 +71,7 @@ const findFirstClickable = (items) => {
 export const CommandPalette = (props) => {
     const id = useId();
     const scrollContainerRef = useRef(null);
+    const searchInputRef = useRef(null);
     const [text, setText] = useState("");
     const listRef = useRef([]);
     const translations = useTranslations();
@@ -92,18 +94,20 @@ export const CommandPalette = (props) => {
         : [
             {
                 type: "group",
-                title: "Results",
+                title: translations.commandPaletteResults,
                 items: [],
             },
             ...fuzzy.filter((x) => x.type !== "group"),
         ];
+    const listboxId = `${id}-listbox`;
+    const activeOptionId = Is.number(activeIndex) && displayItems[activeIndex]?.type === "shortcut" ? `${id}-option-${activeIndex}` : undefined;
     const listNav = useListNavigation(root.context, {
         listRef,
         loop: true,
         activeIndex,
         virtual: true,
         allowEscape: false,
-        focusItemOnOpen: true,
+        focusItemOnOpen: false,
         focusItemOnHover: true,
         openOnArrowKeyDown: true,
         scrollItemIntoView: false,
@@ -129,8 +133,7 @@ export const CommandPalette = (props) => {
             });
         },
     });
-    const listRole = useRole(root.context, { role: "listbox" });
-    const { getItemProps, getReferenceProps, getFloatingProps } = useInteractions([listNav, listRole]);
+    const { getItemProps, getReferenceProps, getFloatingProps } = useInteractions([listNav]);
     useEffect(() => {
         const combi = new CombiKeys();
         combi.add(bindKey, () => props.onChangeVisibility?.(true));
@@ -149,17 +152,23 @@ export const CommandPalette = (props) => {
     }, [bindKey, commands, props, valueRef]);
     const Icon = props.Icon ?? FunnelIcon;
     return (<Fragment>
-            <Modal {...getFloatingProps()} animated={false} closable={false} open={props.open} overlayClickClose ariaTitle="Command palette" bodyClassName="px-0 py-0 pt-0" data-component="command-palette" onChange={props.onChangeVisibility} className="container relative overflow-clip py-0 md:max-w-screen-sm lg:max-w-screen-md">
+            <Modal {...getFloatingProps()} animated={false} closable={false} open={props.open} overlayClickClose initialFocus={searchInputRef} ariaTitle={translations.commandPaletteTitle} bodyClassName="px-0 py-0 pt-0" data-component="command-palette" onChange={props.onChangeVisibility} className="container relative overflow-clip py-0 md:max-w-screen-sm lg:max-w-screen-md">
                 <header className="sticky top-0 isolate z-floating flex h-command-header-h w-full items-center overflow-clip border-b border-floating-border bg-floating-background">
                     <div className="flex size-command-icon-size items-center justify-center">
                         {props.Icon ? <Icon Default={FunnelIcon} text={text} size={16}/> : <FunnelIcon size={16}/>}
                     </div>
                     <input {...getReferenceProps({
-        ref: root.refs.setReference,
+        ref: mergeRefs(root.refs.setReference, searchInputRef),
         onKeyDown: (e) => {
             const item = Is.number(activeIndex) ? displayItems[activeIndex] : null;
             const key = e.key;
+            if (key === "Escape") {
+                e.preventDefault();
+                props.onChangeVisibility(false);
+                return;
+            }
             if (key === "Enter") {
+                e.preventDefault();
                 if (item) {
                     if (item.type === "shortcut")
                         item.action({
@@ -181,7 +190,7 @@ export const CommandPalette = (props) => {
                 }
             }
         },
-    })} value={text} data-combikeysbypass="true" placeholder="Search for..." onChange={(e) => setText(e.target.value)} className="text-typography-lg h-command-header-h w-full items-center bg-transparent px-command-input-px py-command-input-py pb-command-input-py text-left outline-none"/>
+    })} value={text} role="combobox" aria-label={translations.commandPaletteSearchLabel} aria-autocomplete="list" aria-expanded={props.open} aria-haspopup="listbox" aria-controls={listboxId} aria-activedescendant={activeOptionId} data-combikeysbypass="true" placeholder={translations.commandPaletteSearchPlaceholder} onChange={(e) => setText(e.target.value)} className="text-typography-lg h-command-header-h w-full items-center bg-transparent px-command-input-px py-command-input-py pb-command-input-py text-left outline-none"/>
                 </header>
                 {props.loading ? (<div data-component="command-palette-list" className="my-command-list-my flex max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-group-px">
                         <div className="h-command-row-h px-command-group-px pb-command-group-pb pt-command-group-pt">
@@ -191,8 +200,8 @@ export const CommandPalette = (props) => {
                                 {SkeletonCell}
                             </div>))}
                     </div>) : (<div className="flex min-w-full flex-row flex-nowrap" data-component="command-palette-container">
-                        <div ref={scrollContainerRef} data-component="command-palette-list" className="my-command-list-my flex h-fit max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-list-px">
-                            {displayItems.map((item, index) => (<Item {...getItemProps({
+                        <div role="listbox" id={listboxId} ref={scrollContainerRef} data-component="command-palette-list" className="my-command-list-my flex h-fit max-h-command-list-max-h w-full origin-[top_center] flex-col gap-command-list-gap overflow-y-auto px-command-list-px">
+                            {displayItems.map((item, index) => (<Item id={`${id}-option-${index}`} {...getItemProps({
                 onMouseEnter: () => setActiveIndex(index),
                 ref(node) {
                     listRef.current[index] = node;

package/dist/components/floating/dropdown.js

@@ -61,7 +61,7 @@ var S = (S) => {
 						className: "mb-dropdown-header-mb",
 						children: /* @__PURE__ */ b("h3", {
 							id: C,
-							className: "text-left text-typography-2xl font-medium leading-snug tracking-wide",
+							className: "text-typography-2xl text-left font-medium leading-snug tracking-wide",
 							children: S.title
 						})
 					}),

package/dist/components/floating/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/components/floating/dropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingFocusManager,\n    FloatingPortal,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { Fragment, PropsWithChildren, useEffect, useId, useMemo, useRef, useState } from \"react\";\n\ntype DropdownProps = {\n    open?: boolean;\n    arrow?: boolean;\n    hover?: boolean;\n    returnFocus?: boolean;\n    restoreFocus?: boolean;\n    buttonProps?: React.HTMLProps<\"button\">;\n    onChange?: (nextValue: boolean) => void;\n    trigger: React.ReactElement | React.ReactNode;\n    title?: React.ReactNode | React.ReactElement | string;\n};\n\nexport const Dropdown = (props: PropsWithChildren<DropdownProps>) => {\n    const headingId = useId();\n    const [open, setOpen] = useState(props.open);\n    useEffect(() => setOpen(props.open), [props.open]);\n    const arrowRef = useRef(null);\n    const middleware = useMemo(\n        () => [\n            offset(10),\n            flip({ fallbackAxisSideDirection: \"end\" }),\n            shift(),\n            arrow({\n                padding: 5,\n                element: arrowRef,\n            }),\n        ],\n        []\n    );\n    const { refs, floatingStyles, context } = useFloating({\n        open,\n        middleware,\n        transform: true,\n        whileElementsMounted: autoUpdate,\n        onOpenChange: (nextValue, event) => {\n            const element = (event as FocusEvent | undefined)?.relatedTarget as HTMLElement | null;\n            if (element) {\n                if (element.dataset.floating === \"true\" && !nextValue) return;\n            }\n            setOpen(nextValue);\n            props.onChange?.(nextValue);\n        },\n    });\n\n    const click = useClick(context);\n    const hover = useHover(context, { enabled: props.hover ?? false });\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n\n    return (\n        <Fragment>\n            <button\n                ref={refs.setReference}\n                {...(getReferenceProps(props.buttonProps as unknown as React.HTMLProps<Element>) as React.HTMLProps<HTMLButtonElement>)}\n                type=\"button\"\n            >\n                {props.trigger}\n            </button>\n            {open && (\n                <FloatingPortal preserveTabOrder id={`${headingId}-portal`}>\n                    <FloatingFocusManager guards restoreFocus={true} returnFocus={true} visuallyHiddenDismiss context={context} modal={false}>\n                        <div\n                            className=\"relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating\"\n                            ref={refs.setFloating}\n                            aria-labelledby={headingId}\n                            style={floatingStyles as unknown as React.CSSProperties}\n                            {...getFloatingProps()}\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-floating-background stroke-floating-border\"\n                            />\n                            <header className=\"mb-dropdown-header-mb\">\n                                <h3 id={headingId} className=\"text-left text-typography-2xl font-medium leading-snug tracking-wide\">\n                                    {props.title}\n                                </h3>\n                            </header>\n                            {props.children}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;AA+BA,IAAa,KAAY,MAA4C;CACjE,IAAM,IAAY,EAAM,GAClB,CAAC,GAAM,KAAW,EAAS,EAAM,IAAI;CAC3C,QAAgB,EAAQ,EAAM,IAAI,GAAG,CAAC,EAAM,IAAI,CAAC;CACjD,IAAM,IAAW,EAAO,IAAI,GAatB,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,YAde,QACT;GACF,EAAO,EAAE;GACT,EAAK,EAAE,2BAA2B,MAAM,CAAC;GACzC,EAAM;GACN,EAAM;IACF,SAAS;IACT,SAAS;GACb,CAAC;EACL,GACA,CAAC,CAID;EACA,WAAW;EACX,sBAAsB;EACtB,eAAe,GAAW,MAAU;GAChC,IAAM,IAAW,GAAkC;GAC/C,KACI,EAAQ,QAAQ,aAAa,UAAU,CAAC,MAEhD,EAAQ,CAAS,GACjB,EAAM,WAAW,CAAS;EAC9B;CACJ,CAAC,GAEK,IAAQ,EAAS,CAAO,GACxB,IAAQ,EAAS,GAAS,EAAE,SAAS,EAAM,SAAS,GAAM,CAAC,GAI3D,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAHjD,EAAW,CAG6C;EAF3D,EAAQ,GAAS,EAAE,MAAM,SAAS,CAEkC;EAAM;CAAK,CAAC;CAE7F,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,KAAK,EAAK;EACV,GAAK,EAAkB,EAAM,WAAkD;EAC/E,MAAK;YAEJ,EAAM;CACH,CAAA,GACP,KACG,kBAAC,GAAD;EAAgB,kBAAA;EAAiB,IAAI,GAAG,EAAU;YAC9C,kBAAC,GAAD;GAAsB,QAAA;GAAO,cAAc;GAAM,aAAa;GAAM,uBAAA;GAA+B;GAAS,OAAO;aAC/G,kBAAC,OAAD;IACI,WAAU;IACV,KAAK,EAAK;IACV,mBAAiB;IACjB,OAAO;IACP,GAAI,EAAiB;cALzB;KAOI,kBAAC,GAAD;MACI,KAAK;MACI;MACT,aAAa;MACb,WAAU;KACb,CAAA;KACD,kBAAC,UAAD;MAAQ,WAAU;gBACd,kBAAC,MAAD;OAAI,IAAI;OAAW,WAAU;iBACxB,EAAM;MACP,CAAA;KACA,CAAA;KACP,EAAM;IACN;;EACa,CAAA;CACV,CAAA,CAEd,EAAA,CAAA;AAElB"}
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/components/floating/dropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingFocusManager,\n    FloatingPortal,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { Fragment, PropsWithChildren, useEffect, useId, useMemo, useRef, useState } from \"react\";\n\ntype DropdownProps = {\n    open?: boolean;\n    arrow?: boolean;\n    hover?: boolean;\n    returnFocus?: boolean;\n    restoreFocus?: boolean;\n    buttonProps?: React.HTMLProps<\"button\">;\n    onChange?: (nextValue: boolean) => void;\n    trigger: React.ReactElement | React.ReactNode;\n    title?: React.ReactNode | React.ReactElement | string;\n};\n\nexport const Dropdown = (props: PropsWithChildren<DropdownProps>) => {\n    const headingId = useId();\n    const [open, setOpen] = useState(props.open);\n    useEffect(() => setOpen(props.open), [props.open]);\n    const arrowRef = useRef(null);\n    const middleware = useMemo(\n        () => [\n            offset(10),\n            flip({ fallbackAxisSideDirection: \"end\" }),\n            shift(),\n            arrow({\n                padding: 5,\n                element: arrowRef,\n            }),\n        ],\n        []\n    );\n    const { refs, floatingStyles, context } = useFloating({\n        open,\n        middleware,\n        transform: true,\n        whileElementsMounted: autoUpdate,\n        onOpenChange: (nextValue, event) => {\n            const element = (event as FocusEvent | undefined)?.relatedTarget as HTMLElement | null;\n            if (element) {\n                if (element.dataset.floating === \"true\" && !nextValue) return;\n            }\n            setOpen(nextValue);\n            props.onChange?.(nextValue);\n        },\n    });\n\n    const click = useClick(context);\n    const hover = useHover(context, { enabled: props.hover ?? false });\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n\n    return (\n        <Fragment>\n            <button\n                ref={refs.setReference}\n                {...(getReferenceProps(props.buttonProps as unknown as React.HTMLProps<Element>) as React.HTMLProps<HTMLButtonElement>)}\n                type=\"button\"\n            >\n                {props.trigger}\n            </button>\n            {open && (\n                <FloatingPortal preserveTabOrder id={`${headingId}-portal`}>\n                    <FloatingFocusManager guards restoreFocus={true} returnFocus={true} visuallyHiddenDismiss context={context} modal={false}>\n                        <div\n                            className=\"relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating\"\n                            ref={refs.setFloating}\n                            aria-labelledby={headingId}\n                            style={floatingStyles as unknown as React.CSSProperties}\n                            {...getFloatingProps()}\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-floating-background stroke-floating-border\"\n                            />\n                            <header className=\"mb-dropdown-header-mb\">\n                                <h3 id={headingId} className=\"text-typography-2xl text-left font-medium leading-snug tracking-wide\">\n                                    {props.title}\n                                </h3>\n                            </header>\n                            {props.children}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;AA+BA,IAAa,KAAY,MAA4C;CACjE,IAAM,IAAY,EAAM,GAClB,CAAC,GAAM,KAAW,EAAS,EAAM,IAAI;CAC3C,QAAgB,EAAQ,EAAM,IAAI,GAAG,CAAC,EAAM,IAAI,CAAC;CACjD,IAAM,IAAW,EAAO,IAAI,GAatB,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,YAde,QACT;GACF,EAAO,EAAE;GACT,EAAK,EAAE,2BAA2B,MAAM,CAAC;GACzC,EAAM;GACN,EAAM;IACF,SAAS;IACT,SAAS;GACb,CAAC;EACL,GACA,CAAC,CAID;EACA,WAAW;EACX,sBAAsB;EACtB,eAAe,GAAW,MAAU;GAChC,IAAM,IAAW,GAAkC;GAC/C,KACI,EAAQ,QAAQ,aAAa,UAAU,CAAC,MAEhD,EAAQ,CAAS,GACjB,EAAM,WAAW,CAAS;EAC9B;CACJ,CAAC,GAEK,IAAQ,EAAS,CAAO,GACxB,IAAQ,EAAS,GAAS,EAAE,SAAS,EAAM,SAAS,GAAM,CAAC,GAI3D,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAHjD,EAAW,CAG6C;EAF3D,EAAQ,GAAS,EAAE,MAAM,SAAS,CAEkC;EAAM;CAAK,CAAC;CAE7F,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,KAAK,EAAK;EACV,GAAK,EAAkB,EAAM,WAAkD;EAC/E,MAAK;YAEJ,EAAM;CACH,CAAA,GACP,KACG,kBAAC,GAAD;EAAgB,kBAAA;EAAiB,IAAI,GAAG,EAAU;YAC9C,kBAAC,GAAD;GAAsB,QAAA;GAAO,cAAc;GAAM,aAAa;GAAM,uBAAA;GAA+B;GAAS,OAAO;aAC/G,kBAAC,OAAD;IACI,WAAU;IACV,KAAK,EAAK;IACV,mBAAiB;IACjB,OAAO;IACP,GAAI,EAAiB;cALzB;KAOI,kBAAC,GAAD;MACI,KAAK;MACI;MACT,aAAa;MACb,WAAU;KACb,CAAA;KACD,kBAAC,UAAD;MAAQ,WAAU;gBACd,kBAAC,MAAD;OAAI,IAAI;OAAW,WAAU;iBACxB,EAAM;MACP,CAAA;KACA,CAAA;KACP,EAAM;IACN;;EACa,CAAA;CACV,CAAA,CAEd,EAAA,CAAA;AAElB"}

package/dist/components/floating/dropdown.jsx

@@ -44,7 +44,7 @@ export const Dropdown = (props) => {
                         <div className="relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating" ref={refs.setFloating} aria-labelledby={headingId} style={floatingStyles} {...getFloatingProps()}>
                             <FloatingArrow ref={arrowRef} context={context} strokeWidth={0.1} className="fill-floating-background stroke-floating-border"/>
                             <header className="mb-dropdown-header-mb">
-                                <h3 id={headingId} className="text-left text-typography-2xl font-medium leading-snug tracking-wide">
+                                <h3 id={headingId} className="text-typography-2xl text-left font-medium leading-snug tracking-wide">
                                     {props.title}
                                 </h3>
                             </header>

package/dist/components/floating/expand.js

@@ -1,7 +1,8 @@
 "use client";
-import { r as e, t } from "../../proxy-BcJ_5Dwq.js";
-import { d as n, f as r, l as i, n as a, o, v as s, x as c } from "../../floating-ui.react-CwXtBJ_y.js";
-import { Button as l } from "../core/button.js";
+import { d as e, f as t, l as n, n as r, o as i, v as a, x as o } from "../../floating-ui.react-CwXtBJ_y.js";
+import { Button as s } from "../core/button.js";
+import { t as c } from "../../proxy-fP2NxmhM.js";
+import { t as l } from "../../AnimatePresence-j36AYeOQ.js";
 import { useEffect as u, useId as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/floating/expand.tsx
@@ -10,16 +11,16 @@ var g = (g) => {
 	u(() => {
 		S(g.open ?? !1);
 	}, [g.open]);
-	let { context: C, refs: w } = r({
+	let { context: C, refs: w } = t({
 		transform: !0,
 		open: x !== null,
 		nodeId: v,
 		onOpenChange: S,
 		strategy: "absolute"
-	}), { getFloatingProps: T, getReferenceProps: E } = s([
-		i(C, { enabled: !(g.disabled ?? !1) }),
-		c(C, { role: "dialog" }),
-		n(C, {
+	}), { getFloatingProps: T, getReferenceProps: E } = a([
+		n(C, { enabled: !(g.disabled ?? !1) }),
+		o(C, { role: "dialog" }),
+		e(C, {
 			escapeKey: !0,
 			referencePress: !0,
 			outsidePress: !0
@@ -28,25 +29,25 @@ var g = (g) => {
 	return /* @__PURE__ */ h("div", {
 		className: "relative inline-flex items-center justify-center",
 		ref: _,
-		children: [/* @__PURE__ */ m(l, {
+		children: [/* @__PURE__ */ m(s, {
 			...E(g),
-			as: t.button,
+			as: c.button,
 			layoutId: y,
 			ref: w.setReference,
 			size: "small",
 			onClick: () => S(!0),
-			children: /* @__PURE__ */ m(t.span, {
+			children: /* @__PURE__ */ m(c.span, {
 				layoutId: b,
 				children: g.trigger
 			})
-		}), /* @__PURE__ */ m(e, { children: x ? /* @__PURE__ */ m(o, {
+		}), /* @__PURE__ */ m(l, { children: x ? /* @__PURE__ */ m(i, {
 			root: _,
-			children: /* @__PURE__ */ m(a, {
+			children: /* @__PURE__ */ m(r, {
 				visuallyHiddenDismiss: !0,
 				modal: !0,
 				closeOnFocusOut: !0,
 				context: C,
-				children: /* @__PURE__ */ m(t.div, {
+				children: /* @__PURE__ */ m(c.div, {
 					...T(),
 					ref: w.setFloating,
 					layoutId: y,