@aortl/admin-react 0.7.1 → 0.8.0

package/dist/icon.d.ts

@@ -10,17 +10,19 @@ export interface IconRenderProps {
 export type IconComponent = ComponentType<IconRenderProps>;
 /**
  * The value a component prop named `icon` will accept. Either:
- *   - a component reference (`icon={IconHome}`) — rendered with `size={16} aria-hidden`,
+ *   - a component reference (`icon={IconHome}`) — rendered with `size="1em" aria-hidden`,
  *   - or an already-instantiated React element (`icon={<IconHome size={20} />}`) — rendered as-is.
  */
 export type IconProp = IconComponent | ReactElement | null | undefined;
 /**
- * Render an `IconProp` to a React node, defaulting to `size={16} aria-hidden`
- * when given a component reference.
+ * Render an `IconProp` to a React node, defaulting to `size="1em" aria-hidden`
+ * when given a component reference. The `"1em"` default makes SVG icons inherit
+ * the host's `font-size`, matching how the Tabler webfont (`<i class="ti …">`)
+ * renders in the vanilla bundle — so both previews end up the same size.
  *
  * Anything that is not `null`/`undefined` and not already a React element is
  * treated as a component type — `createElement` accepts function components,
  * `forwardRef`s (e.g. `@tabler/icons-react`), `memo`, etc.
  */
-export declare function renderIcon(icon: IconProp, size?: number): ReactNode;
+export declare function renderIcon(icon: IconProp, size?: number | string): ReactNode;
 //# sourceMappingURL=icon.d.ts.map

package/dist/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;AAEvE;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAE,MAAW,GAAG,SAAS,CAIvE"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;AAEvE;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAE,MAAM,GAAG,MAAc,GAAG,SAAS,CAInF"}

package/dist/index.cjs

@@ -81,14 +81,16 @@ function AdminRoot({ className, theme, systemAccent, style, ...rest }) {
 //#endregion
 //#region src/icon.ts
 /**
-* Render an `IconProp` to a React node, defaulting to `size={16} aria-hidden`
-* when given a component reference.
+* Render an `IconProp` to a React node, defaulting to `size="1em" aria-hidden`
+* when given a component reference. The `"1em"` default makes SVG icons inherit
+* the host's `font-size`, matching how the Tabler webfont (`<i class="ti …">`)
+* renders in the vanilla bundle — so both previews end up the same size.
 *
 * Anything that is not `null`/`undefined` and not already a React element is
 * treated as a component type — `createElement` accepts function components,
 * `forwardRef`s (e.g. `@tabler/icons-react`), `memo`, etc.
 */
-function renderIcon(icon, size = 16) {
+function renderIcon(icon, size = "1em") {
 	if (icon == null) return null;
 	if ((0, react.isValidElement)(icon)) return icon;
 	return (0, react.createElement)(icon, {
@@ -199,13 +201,261 @@ function BrandTile({ monogram, icon, className, children, ...rest }) {
 	});
 }
 //#endregion
+//#region src/hotkey-parse.ts
+var MOD_ORDER = [
+	"ctrl",
+	"shift",
+	"alt",
+	"meta"
+];
+function tokenToMod(token) {
+	switch (token) {
+		case "mod":
+		case "ctrl":
+		case "control": return "ctrl";
+		case "shift": return "shift";
+		case "alt": return "alt";
+		case "meta": return "meta";
+		default: return null;
+	}
+}
+function parseChord(input) {
+	const tokens = input.trim().toLowerCase().split("+").map((t) => t.trim()).filter(Boolean);
+	if (tokens.length === 0) throw new Error(`Invalid hotkey: empty string`);
+	const mods = /* @__PURE__ */ new Set();
+	let key = null;
+	for (const token of tokens) {
+		const mod = tokenToMod(token);
+		if (mod !== null) {
+			mods.add(mod);
+			continue;
+		}
+		if (key !== null) throw new Error(`Invalid hotkey "${input}": multiple non-modifier keys`);
+		key = token;
+	}
+	if (key === null) throw new Error(`Invalid hotkey "${input}": missing key`);
+	return {
+		mods,
+		key
+	};
+}
+function parseKeys(keys) {
+	return (typeof keys === "string" ? [keys] : keys).map(parseChord);
+}
+/** Canonical wire form used as a map key in the registry. */
+function canonicalize(chord) {
+	const parts = [];
+	for (const mod of MOD_ORDER) if (chord.mods.has(mod)) parts.push(mod);
+	parts.push(chord.key);
+	return parts.join("+");
+}
+/**
+* Normalize a keyboard event to its canonical chord string. Returns `null`
+* if the event is a bare modifier press (`Shift` by itself, etc.) so callers
+* can short-circuit before a map lookup.
+*/
+function normalizeEvent(e) {
+	const key = e.key.toLowerCase();
+	if (key === "control" || key === "shift" || key === "alt" || key === "meta") return null;
+	const mods = /* @__PURE__ */ new Set();
+	if (e.ctrlKey) mods.add("ctrl");
+	if (e.shiftKey) mods.add("shift");
+	if (e.altKey) mods.add("alt");
+	if (e.metaKey) mods.add("meta");
+	return canonicalize({
+		mods,
+		key
+	});
+}
+var SPECIAL_KEY_LABELS = {
+	escape: "Esc",
+	esc: "Esc",
+	enter: "Enter",
+	return: "Enter",
+	tab: "Tab",
+	" ": "Space",
+	space: "Space",
+	arrowup: "↑",
+	arrowdown: "↓",
+	arrowleft: "←",
+	arrowright: "→",
+	backspace: "Backspace",
+	delete: "Del"
+};
+var MOD_LABELS = {
+	ctrl: "Ctrl",
+	shift: "Shift",
+	alt: "Alt",
+	meta: "Meta"
+};
+/** Visual chips for a chord — one entry per modifier and the final key. */
+function formatChord(chord) {
+	const parts = [];
+	for (const mod of MOD_ORDER) if (chord.mods.has(mod)) parts.push(MOD_LABELS[mod]);
+	const special = SPECIAL_KEY_LABELS[chord.key];
+	if (special !== void 0) parts.push(special);
+	else if (chord.key.length === 1) parts.push(chord.key.toUpperCase());
+	else parts.push(chord.key.charAt(0).toUpperCase() + chord.key.slice(1));
+	return parts;
+}
+var ARIA_MOD_LABELS = {
+	ctrl: "Control",
+	shift: "Shift",
+	alt: "Alt",
+	meta: "Meta"
+};
+function toAriaPart(chord) {
+	const parts = [];
+	for (const mod of MOD_ORDER) if (chord.mods.has(mod)) parts.push(ARIA_MOD_LABELS[mod]);
+	parts.push(chord.key.length === 1 ? chord.key.toUpperCase() : chord.key);
+	return parts.join("+");
+}
+/**
+* Serialize one or more chords to the `aria-keyshortcuts` format
+* (space-separated alternatives, modifiers as `Control`/`Shift`/etc.).
+*/
+function toAriaKeyShortcuts(chords) {
+	return chords.map(toAriaPart).join(" ");
+}
+//#endregion
+//#region src/Kbd.tsx
+/**
+* Visual representation of a keyboard shortcut. Two shapes:
+*
+* ```tsx
+* <Kbd keys="mod+s" />     // parsed: <Ctrl><S> in a .kbd-group
+* <Kbd>Esc</Kbd>           // literal: single <kbd>Esc</kbd>
+* ```
+*
+* Render outside of action surfaces (tooltips, help dialogs) or inside them
+* via the `hotkey` prop on `<Button>` / `<Menu.Item>`.
+*/
+function Kbd({ keys, children, className, ...rest }) {
+	if (keys != null) {
+		const chord = parseKeys(keys)[0];
+		if (!chord) return null;
+		const parts = formatChord(chord);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: cn("kbd-group", className),
+			...rest,
+			children: parts.map((part, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+				className: cn("kbd", void 0),
+				children: part
+			}, `${i}-${part}`))
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		className: cn("kbd", className),
+		...rest,
+		children
+	});
+}
+//#endregion
+//#region src/hotkey-registry.ts
+var registry = /* @__PURE__ */ new Map();
+var listenerAttached = false;
+function ensureListener() {
+	if (listenerAttached || typeof window === "undefined") return;
+	window.addEventListener("keydown", dispatch);
+	listenerAttached = true;
+}
+function maybeDetachListener() {
+	if (!listenerAttached || typeof window === "undefined") return;
+	if (registry.size > 0) return;
+	window.removeEventListener("keydown", dispatch);
+	listenerAttached = false;
+}
+function isEditableTarget(target) {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	const tag = target.tagName;
+	return tag === "INPUT" || tag === "TEXTAREA";
+}
+function dispatch(e) {
+	const chord = normalizeEvent(e);
+	if (chord === null) return;
+	const bucket = registry.get(chord);
+	if (!bucket || bucket.size === 0) return;
+	if (isEditableTarget(e.target) && !chord.includes("+") && chord !== "escape") return;
+	e.preventDefault();
+	for (const entry of bucket) entry.handlerRef.current?.(e);
+}
+/**
+* Register a hotkey entry under each of its canonical chord strings.
+* Returns an unregister function that removes the entry from every bucket
+* and detaches the listener if the registry is empty.
+*/
+function register(canonicalChords, entry) {
+	for (const chord of canonicalChords) {
+		let bucket = registry.get(chord);
+		if (!bucket) {
+			bucket = /* @__PURE__ */ new Set();
+			registry.set(chord, bucket);
+		}
+		bucket.add(entry);
+	}
+	ensureListener();
+	return () => {
+		for (const chord of canonicalChords) {
+			const bucket = registry.get(chord);
+			if (!bucket) continue;
+			bucket.delete(entry);
+			if (bucket.size === 0) registry.delete(chord);
+		}
+		maybeDetachListener();
+	};
+}
+//#endregion
+//#region src/useHotkey.ts
+/**
+* Register a keyboard shortcut. The handler is latched in a ref internally so
+* callers don't need to memoize it. Passing nullish `keys` is a no-op, so
+* the hook is safe to call unconditionally from components that may or may
+* not have a binding (e.g. the `hotkey` prop on `<Button>`).
+*
+* @example
+*   useHotkey("mod+s", save);
+*   useHotkey(["mod+s", "mod+enter"], save, { enabled: !isLoading });
+*
+* Returns derived strings for rendering — see {@link HotkeyInfo}.
+*/
+function useHotkey(keys, handler, options) {
+	const enabled = options?.enabled ?? true;
+	const handlerRef = (0, react.useRef)(handler);
+	handlerRef.current = handler;
+	const keyId = keys == null ? "" : Array.isArray(keys) ? keys.join("|") : keys;
+	const derived = (0, react.useMemo)(() => {
+		if (keyId === "") return {
+			canonicalChords: [],
+			ariaKeyShortcuts: void 0,
+			primaryChord: void 0
+		};
+		const parsed = parseKeys(keys);
+		const cans = parsed.map(canonicalize);
+		return {
+			canonicalChords: cans,
+			ariaKeyShortcuts: toAriaKeyShortcuts(parsed),
+			primaryChord: cans[0]
+		};
+	}, [keyId]);
+	(0, react.useEffect)(() => {
+		if (!enabled || derived.canonicalChords.length === 0) return;
+		const entry = { handlerRef };
+		return register(derived.canonicalChords, entry);
+	}, [derived, enabled]);
+	return derived;
+}
+//#endregion
 //#region src/Button.tsx
-function Button({ variant = "primary", size = "md", fullWidth, loading, icon, iconTrailing, className, type = "button", disabled, children, ...rest }) {
+function Button({ variant = "primary", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ...rest }) {
+	const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, (e) => onClick?.(e), { enabled: !disabled && !loading });
 	const iconOnly = children == null && (icon != null || iconTrailing != null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_button.Button, {
+		onClick,
 		type,
 		disabled: disabled || loading,
 		"aria-busy": loading || void 0,
+		"aria-keyshortcuts": ariaKeyShortcuts,
 		className: cn([
 			"btn",
 			`btn-${variant}`,
@@ -218,7 +468,8 @@ function Button({ variant = "primary", size = "md", fullWidth, loading, icon, ic
 		children: [
 			loading ? null : renderIcon(icon),
 			children,
-			renderIcon(iconTrailing)
+			renderIcon(iconTrailing),
+			primaryChord !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kbd, { keys: primaryChord }) : null
 		]
 	});
 }
@@ -315,6 +566,38 @@ function InputGroupAddon({ className, ...rest }) {
 }
 var InputGroup = Object.assign(InputGroupRoot, { Addon: InputGroupAddon });
 //#endregion
+//#region src/Indicator.tsx
+function Indicator({ label, variant = "neutral", size = "sm", icon, placement = "top-end", offset, className, "aria-label": ariaLabel, children }) {
+	const [vertical, horizontal] = placement.split("-");
+	const placementClasses = [
+		"indicator-item",
+		vertical !== "top" && `indicator-${vertical}`,
+		horizontal !== "end" && `indicator-${horizontal}`
+	];
+	const hasContent = label !== void 0 || icon !== void 0;
+	const style = offset !== void 0 ? { "--indicator-offset": `${offset}px` } : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: cn("indicator", className),
+		style,
+		children: [hasContent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+			className: cn(placementClasses, void 0),
+			variant,
+			size,
+			icon,
+			"aria-label": ariaLabel,
+			children: label
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: cn([
+				...placementClasses,
+				"indicator-dot",
+				variant !== "neutral" && `indicator-dot-${variant}`
+			], void 0),
+			role: ariaLabel !== void 0 ? "status" : void 0,
+			"aria-label": ariaLabel
+		}), children]
+	});
+}
+//#endregion
 //#region src/Pagination.tsx
 /**
 * Compute the items to render for a given `page` / `total`. Always returns:
@@ -578,6 +861,16 @@ function SwitchThumb({ className, ...rest }) {
 }
 var Switch = Object.assign(SwitchRoot, { Thumb: SwitchThumb });
 //#endregion
+//#region src/portal-context.ts
+/**
+* Container that Base UI popups (Select, Tooltip, etc.) should portal into.
+* When a `<Dialog>` ancestor publishes its `<dialog>` element through this
+* context, popups render inside that top-layer dialog so they paint above
+* the backdrop and escape its `overflow: hidden`. Outside a dialog the
+* context is null and popups portal to `document.body` as before.
+*/
+var PortalContainerContext = (0, react.createContext)(null);
+//#endregion
 //#region src/Select.tsx
 function SelectRoot(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, { ...props });
@@ -603,14 +896,19 @@ function SelectIcon({ className, children, ...rest }) {
 	});
 }
 function SelectPopup({ className, sideOffset = 4, children, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
-		sideOffset,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
-			className: cn("select-popup", className),
-			...rest,
-			children
+	const portalContainer = (0, react.useContext)(PortalContainerContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, {
+		container: portalContainer ?? void 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
+			sideOffset,
+			alignItemWithTrigger: false,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
+				className: cn("select-popup", className),
+				...rest,
+				children
+			})
 		})
-	}) });
+	});
 }
 function SelectItem({ className, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Item, {
@@ -802,12 +1100,15 @@ function DialogContainer({ open, onOpenChange, size = "md", closedby = "any", cl
 	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
 		value: { close: () => ref.current?.close() },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
-			ref,
-			className: cn(["dialog", size !== "md" && `dialog-${size}`], className),
-			closedby,
-			...rest,
-			children
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalContainerContext.Provider, {
+			value: ref,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
+				ref,
+				className: cn(["dialog", size !== "md" && `dialog-${size}`], className),
+				closedby,
+				...rest,
+				children
+			})
 		})
 	});
 }
@@ -972,22 +1273,37 @@ function MenuPopup({ className, role = "menu", ...rest }) {
 	});
 }
 function MenuItem(props) {
+	const ref = (0, react.useRef)(null);
+	const hotkey = props.hotkey;
+	const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, () => ref.current?.click(), { enabled: !("disabled" in props && props.disabled) });
 	if (props.href !== void 0) {
-		const { className, role = "menuitem", icon, children, ...rest } = props;
+		const { className, role = "menuitem", icon, children, hotkey: _hk, ...rest } = props;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+			ref,
 			role,
+			"aria-keyshortcuts": ariaKeyShortcuts,
 			className: cn("menu-item", className),
 			...rest,
-			children: [renderIcon(icon), children]
+			children: [
+				renderIcon(icon),
+				children,
+				primaryChord !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kbd, { keys: primaryChord }) : null
+			]
 		});
 	}
-	const { className, type = "button", role = "menuitem", icon, children, ...rest } = props;
+	const { className, type = "button", role = "menuitem", icon, children, hotkey: _hk, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		ref,
 		type,
 		role,
+		"aria-keyshortcuts": ariaKeyShortcuts,
 		className: cn("menu-item", className),
 		...rest,
-		children: [renderIcon(icon), children]
+		children: [
+			renderIcon(icon),
+			children,
+			primaryChord !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kbd, { keys: primaryChord }) : null
+		]
 	});
 }
 function MenuSeparator({ className, ...rest }) {
@@ -1136,17 +1452,21 @@ function TooltipTrigger(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Trigger, { ...props });
 }
 function TooltipPopup({ size = "md", side = "top", align = "center", sideOffset = 6, role = "tooltip", className, children, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Positioner, {
-		sideOffset,
-		side,
-		align,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Popup, {
-			role,
-			className: cn(["tooltip", size !== "md" && `tooltip-${size}`], className),
-			...rest,
-			children
+	const portalContainer = (0, react.useContext)(PortalContainerContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Portal, {
+		container: portalContainer ?? void 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Positioner, {
+			sideOffset,
+			side,
+			align,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Popup, {
+				role,
+				className: cn(["tooltip", size !== "md" && `tooltip-${size}`], className),
+				...rest,
+				children
+			})
 		})
-	}) });
+	});
 }
 function TooltipShorthand({ content, side, align, sideOffset, size, children, ...rootProps }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipRoot, {
@@ -1200,13 +1520,12 @@ function CheckGlyph({ className }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5 12l5 5l10 -10" })
 	});
 }
-function PropertyListRoot({ striped, compact, copyable, hideIfAllEmpty, title, className, children, ...rest }) {
+function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, children, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: cn([
 			"property-list",
 			striped && "property-list-striped",
 			compact && "property-list-compact",
-			copyable && "property-list-copyable",
 			hideIfAllEmpty && "property-list-hide-if-empty"
 		], className),
 		...rest,
@@ -1523,8 +1842,10 @@ exports.Dialog = Dialog;
 exports.Field = Field;
 exports.FileInput = FileInput;
 exports.Footer = Footer;
+exports.Indicator = Indicator;
 exports.Input = Input;
 exports.InputGroup = InputGroup;
+exports.Kbd = Kbd;
 exports.Menu = Menu;
 exports.Navbar = Navbar;
 exports.Pagination = Pagination;
@@ -1542,5 +1863,6 @@ exports.Textarea = Textarea;
 exports.Tooltip = Tooltip;
 exports.getPaginationItems = getPaginationItems;
 exports.useAppShell = useAppShell;
+exports.useHotkey = useHotkey;
 
 //# sourceMappingURL=index.cjs.map