@aortl/admin-react 0.7.0 → 0.8.0

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { Breadcrumbs, type BreadcrumbsProps, type BreadcrumbItemProps, type Brea
 export { Input, type InputProps, type InputVariant, type InputSize } from './Input';
 export { FileInput, type FileInputProps, type FileInputVariant, type FileInputSize, } from './FileInput';
 export { InputGroup, type InputGroupProps, type InputGroupAddonProps } from './InputGroup';
+export { Indicator, type IndicatorProps, type IndicatorPlacement, type IndicatorVertical, type IndicatorHorizontal, } from './Indicator';
 export { Pagination, getPaginationItems, type PaginationProps, type PaginationItem, } from './Pagination';
 export { Textarea, type TextareaProps, type TextareaVariant, type TextareaSize } from './Textarea';
 export { Checkbox, type CheckboxProps, type CheckboxIndicatorProps } from './Checkbox';
@@ -25,6 +26,8 @@ export { Footer, type FooterProps, type FooterLinksProps, type FooterLinkProps,
 export { Menu, type MenuProps, type MenuTriggerProps, type MenuPopupProps, type MenuItemProps, type MenuSeparatorProps, type MenuGroupProps, type MenuGroupLabelProps, } from './Menu';
 export { Navbar, type NavbarProps, type NavbarBrandProps, type NavbarItemsProps, type NavbarItemProps, type NavbarDropdownProps, type NavbarActionsProps, type NavbarMobileToggleProps, } from './Navbar';
 export { Tabs, type TabsProps, type TabsVariant, type TabsSize, type TabsListProps, type TabsTabProps, type TabsPanelProps, type TabsIndicatorProps, } from './Tabs';
+export { Kbd, type KbdProps } from './Kbd';
+export { useHotkey, type HotkeyOptions } from './useHotkey';
 export { Tooltip, type TooltipProps, type TooltipProviderProps, type TooltipRootProps, type TooltipTriggerProps, type TooltipPopupProps, type TooltipSize, } from './Tooltip';
 export { PropertyList, type PropertyListProps, type PropertyListItemProps, type PropertyListLabelProps, type PropertyListValueProps, } from './PropertyList';
 export { Table, type TableProps, type TableAlign, type TableHeadProps, type TableBodyProps, type TableFootProps, type TableRowProps, type TableHeaderCellProps, type TableCellProps, } from './Table';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.mjs

@@ -80,14 +80,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 (isValidElement(icon)) return icon;
 	return createElement(icon, {
@@ -198,13 +200,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__ */ jsx("span", {
+			className: cn("kbd-group", className),
+			...rest,
+			children: parts.map((part, i) => /* @__PURE__ */ jsx("kbd", {
+				className: cn("kbd", void 0),
+				children: part
+			}, `${i}-${part}`))
+		});
+	}
+	return /* @__PURE__ */ 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 = useRef(handler);
+	handlerRef.current = handler;
+	const keyId = keys == null ? "" : Array.isArray(keys) ? keys.join("|") : keys;
+	const derived = 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]);
+	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__ */ jsxs(Button$1, {
+		onClick,
 		type,
 		disabled: disabled || loading,
 		"aria-busy": loading || void 0,
+		"aria-keyshortcuts": ariaKeyShortcuts,
 		className: cn([
 			"btn",
 			`btn-${variant}`,
@@ -217,7 +467,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__ */ jsx(Kbd, { keys: primaryChord }) : null
 		]
 	});
 }
@@ -314,6 +565,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__ */ jsxs("div", {
+		className: cn("indicator", className),
+		style,
+		children: [hasContent ? /* @__PURE__ */ jsx(Badge, {
+			className: cn(placementClasses, void 0),
+			variant,
+			size,
+			icon,
+			"aria-label": ariaLabel,
+			children: label
+		}) : /* @__PURE__ */ 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:
@@ -577,6 +860,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 = createContext(null);
+//#endregion
 //#region src/Select.tsx
 function SelectRoot(props) {
 	return /* @__PURE__ */ jsx(Select$1.Root, { ...props });
@@ -602,14 +895,19 @@ function SelectIcon({ className, children, ...rest }) {
 	});
 }
 function SelectPopup({ className, sideOffset = 4, children, ...rest }) {
-	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Select$1.Popup, {
-			className: cn("select-popup", className),
-			...rest,
-			children
+	const portalContainer = useContext(PortalContainerContext);
+	return /* @__PURE__ */ jsx(Select$1.Portal, {
+		container: portalContainer ?? void 0,
+		children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+			sideOffset,
+			alignItemWithTrigger: false,
+			children: /* @__PURE__ */ jsx(Select$1.Popup, {
+				className: cn("select-popup", className),
+				...rest,
+				children
+			})
 		})
-	}) });
+	});
 }
 function SelectItem({ className, ...rest }) {
 	return /* @__PURE__ */ jsx(Select$1.Item, {
@@ -801,12 +1099,15 @@ function DialogContainer({ open, onOpenChange, size = "md", closedby = "any", cl
 	}, []);
 	return /* @__PURE__ */ jsx(DialogContext.Provider, {
 		value: { close: () => ref.current?.close() },
-		children: /* @__PURE__ */ jsx("dialog", {
-			ref,
-			className: cn(["dialog", size !== "md" && `dialog-${size}`], className),
-			closedby,
-			...rest,
-			children
+		children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+			value: ref,
+			children: /* @__PURE__ */ jsx("dialog", {
+				ref,
+				className: cn(["dialog", size !== "md" && `dialog-${size}`], className),
+				closedby,
+				...rest,
+				children
+			})
 		})
 	});
 }
@@ -971,22 +1272,37 @@ function MenuPopup({ className, role = "menu", ...rest }) {
 	});
 }
 function MenuItem(props) {
+	const ref = 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__ */ 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__ */ 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__ */ 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__ */ jsx(Kbd, { keys: primaryChord }) : null
+		]
 	});
 }
 function MenuSeparator({ className, ...rest }) {
@@ -1135,17 +1451,21 @@ function TooltipTrigger(props) {
 	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ...props });
 }
 function TooltipPopup({ size = "md", side = "top", align = "center", sideOffset = 6, role = "tooltip", className, children, ...rest }) {
-	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
-		sideOffset,
-		side,
-		align,
-		children: /* @__PURE__ */ jsx(Tooltip$1.Popup, {
-			role,
-			className: cn(["tooltip", size !== "md" && `tooltip-${size}`], className),
-			...rest,
-			children
+	const portalContainer = useContext(PortalContainerContext);
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		container: portalContainer ?? void 0,
+		children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+			sideOffset,
+			side,
+			align,
+			children: /* @__PURE__ */ jsx(Tooltip$1.Popup, {
+				role,
+				className: cn(["tooltip", size !== "md" && `tooltip-${size}`], className),
+				...rest,
+				children
+			})
 		})
-	}) });
+	});
 }
 function TooltipShorthand({ content, side, align, sideOffset, size, children, ...rootProps }) {
 	return /* @__PURE__ */ jsxs(TooltipRoot, {
@@ -1199,12 +1519,12 @@ function CheckGlyph({ className }) {
 		children: /* @__PURE__ */ jsx("path", { d: "M5 12l5 5l10 -10" })
 	});
 }
-function PropertyListRoot({ striped, copyable, hideIfAllEmpty, title, className, children, ...rest }) {
+function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, children, ...rest }) {
 	return /* @__PURE__ */ jsxs("section", {
 		className: cn([
 			"property-list",
 			striped && "property-list-striped",
-			copyable && "property-list-copyable",
+			compact && "property-list-compact",
 			hideIfAllEmpty && "property-list-hide-if-empty"
 		], className),
 		...rest,
@@ -1506,6 +1826,6 @@ var Sidebar = Object.assign(SidebarRoot, {
 	CollapseToggle: SidebarCollapseToggle
 });
 //#endregion
-export { Accordion, AdminRoot, Alert, AppShell, Badge, BrandTile, Breadcrumbs, Button, ButtonGroup, Card, Checkbox, Dialog, Field, FileInput, Footer, Input, InputGroup, Menu, Navbar, Pagination, Progress, PropertyList, Radio, RadioGroup, Select, Sidebar, Spinner, Switch, Table, Tabs, Textarea, Tooltip, getPaginationItems, useAppShell };
+export { Accordion, AdminRoot, Alert, AppShell, Badge, BrandTile, Breadcrumbs, Button, ButtonGroup, Card, Checkbox, Dialog, Field, FileInput, Footer, Indicator, Input, InputGroup, Kbd, Menu, Navbar, Pagination, Progress, PropertyList, Radio, RadioGroup, Select, Sidebar, Spinner, Switch, Table, Tabs, Textarea, Tooltip, getPaginationItems, useAppShell, useHotkey };
 
 //# sourceMappingURL=index.mjs.map