iryx-ui 0.11.0 → 0.13.0

package/dist/components/index.js

@@ -1,88 +1,148 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./Alert.js";
-import n from "./App.js";
-import r from "./Badge.js";
-import i from "./Banner.js";
-import a from "./ChartLegend.js";
-import o from "./BarChart.js";
-import s from "./Breadcrumb.js";
-import c from "./Button.js";
-import l from "./ButtonGroup.js";
-import u from "./Card.js";
-import d from "./Checkbox.js";
-import f from "./Combobox.js";
-import p from "./Dialog.js";
-import m from "./ConfirmDialog.js";
-import h from "./DatePicker.js";
-import g from "./DateRangePicker.js";
-import _ from "./DropdownMenu.js";
-import v from "./EmptyState.js";
-import y from "./FileUpload.js";
-import b from "./Form.js";
-import x from "./Label.js";
-import S from "./FormField.js";
-import C from "./Input.js";
-import w from "./LineChart.js";
-import T from "./NumberInput.js";
-import E from "./Pagination.js";
-import D from "./PasswordInput.js";
-import O from "./Progress.js";
-import k from "./RadioGroup.js";
-import A from "./Select.js";
-import j from "./Separator.js";
-import M from "./Skeleton.js";
-import N from "./Sparkline.js";
-import P from "./Stat.js";
-import F from "./Stepper.js";
-import I from "./Switch.js";
-import L from "./Table.js";
-import R from "./Tabs.js";
-import z from "./Textarea.js";
-import B from "./Toaster.js";
-import V from "./Tooltip.js";
+import t from "./Accordion.js";
+import n from "./Alert.js";
+import r from "./App.js";
+import i from "./AppShell.js";
+import a from "./AspectRatio.js";
+import o from "./Avatar.js";
+import s from "./AvatarGroup.js";
+import c from "./Badge.js";
+import l from "./Banner.js";
+import u from "./ChartLegend.js";
+import d from "./BarChart.js";
+import f from "./Breadcrumb.js";
+import p from "./Button.js";
+import m from "./ButtonGroup.js";
+import h from "./Card.js";
+import g from "./Checkbox.js";
+import _ from "./Collapsible.js";
+import v from "./ColorPicker.js";
+import y from "./Combobox.js";
+import b from "./Kbd.js";
+import x from "./CommandPalette.js";
+import S from "./Dialog.js";
+import C from "./ConfirmDialog.js";
+import w from "./Container.js";
+import T from "./ContextMenu.js";
+import E from "./DatePicker.js";
+import D from "./DateRangePicker.js";
+import O from "./Drawer.js";
+import k from "./DropdownMenu.js";
+import A from "./EmptyState.js";
+import j from "./FileUpload.js";
+import M from "./Form.js";
+import N from "./Label.js";
+import P from "./FormField.js";
+import F from "./Input.js";
+import I from "./LineChart.js";
+import L from "./Menubar.js";
+import R from "./NavigationMenu.js";
+import z from "./NumberInput.js";
+import B from "./PageHeader.js";
+import V from "./Pagination.js";
+import H from "./PasswordInput.js";
+import U from "./PinInput.js";
+import W from "./Popover.js";
+import G from "./Progress.js";
+import K from "./RadioGroup.js";
+import q from "./ScrollArea.js";
+import J from "./ScrollFade.js";
+import Y from "./Select.js";
+import X from "./Separator.js";
+import Z from "./Sidebar.js";
+import Q from "./SignaturePad.js";
+import $ from "./Skeleton.js";
+import ee from "./Slider.js";
+import te from "./Sparkline.js";
+import ne from "./Splitter.js";
+import re from "./Stat.js";
+import ie from "./Stepper.js";
+import ae from "./Switch.js";
+import oe from "./Table.js";
+import se from "./Tabs.js";
+import ce from "./TagsInput.js";
+import le from "./Textarea.js";
+import ue from "./TimeField.js";
+import de from "./Timeline.js";
+import fe from "./Toaster.js";
+import pe from "./Toggle.js";
+import me from "./ToggleGroup.js";
+import he from "./Toolbar.js";
+import ge from "./Tooltip.js";
+import _e from "./Tree.js";
 //#region src/components/index.ts
-var H = /* @__PURE__ */ e({
-	Alert: () => t,
-	App: () => n,
-	Badge: () => r,
-	Banner: () => i,
-	BarChart: () => o,
-	Breadcrumb: () => s,
-	Button: () => c,
-	ButtonGroup: () => l,
-	Card: () => u,
-	ChartLegend: () => a,
-	Checkbox: () => d,
-	Combobox: () => f,
-	ConfirmDialog: () => m,
-	DatePicker: () => h,
-	DateRangePicker: () => g,
-	Dialog: () => p,
-	DropdownMenu: () => _,
-	EmptyState: () => v,
-	FileUpload: () => y,
-	Form: () => b,
-	FormField: () => S,
-	Input: () => C,
-	Label: () => x,
-	LineChart: () => w,
-	NumberInput: () => T,
-	Pagination: () => E,
-	PasswordInput: () => D,
-	Progress: () => O,
-	RadioGroup: () => k,
-	Select: () => A,
-	Separator: () => j,
-	Skeleton: () => M,
-	Sparkline: () => N,
-	Stat: () => P,
-	Stepper: () => F,
-	Switch: () => I,
-	Table: () => L,
-	Tabs: () => R,
-	Textarea: () => z,
-	Toaster: () => B,
-	Tooltip: () => V
+var ve = /* @__PURE__ */ e({
+	Accordion: () => t,
+	Alert: () => n,
+	App: () => r,
+	AppShell: () => i,
+	AspectRatio: () => a,
+	Avatar: () => o,
+	AvatarGroup: () => s,
+	Badge: () => c,
+	Banner: () => l,
+	BarChart: () => d,
+	Breadcrumb: () => f,
+	Button: () => p,
+	ButtonGroup: () => m,
+	Card: () => h,
+	ChartLegend: () => u,
+	Checkbox: () => g,
+	Collapsible: () => _,
+	ColorPicker: () => v,
+	Combobox: () => y,
+	CommandPalette: () => x,
+	ConfirmDialog: () => C,
+	Container: () => w,
+	ContextMenu: () => T,
+	DatePicker: () => E,
+	DateRangePicker: () => D,
+	Dialog: () => S,
+	Drawer: () => O,
+	DropdownMenu: () => k,
+	EmptyState: () => A,
+	FileUpload: () => j,
+	Form: () => M,
+	FormField: () => P,
+	Input: () => F,
+	Kbd: () => b,
+	Label: () => N,
+	LineChart: () => I,
+	Menubar: () => L,
+	NavigationMenu: () => R,
+	NumberInput: () => z,
+	PageHeader: () => B,
+	Pagination: () => V,
+	PasswordInput: () => H,
+	PinInput: () => U,
+	Popover: () => W,
+	Progress: () => G,
+	RadioGroup: () => K,
+	ScrollArea: () => q,
+	ScrollFade: () => J,
+	Select: () => Y,
+	Separator: () => X,
+	Sidebar: () => Z,
+	SignaturePad: () => Q,
+	Skeleton: () => $,
+	Slider: () => ee,
+	Sparkline: () => te,
+	Splitter: () => ne,
+	Stat: () => re,
+	Stepper: () => ie,
+	Switch: () => ae,
+	Table: () => oe,
+	Tabs: () => se,
+	TagsInput: () => ce,
+	Textarea: () => le,
+	TimeField: () => ue,
+	Timeline: () => de,
+	Toaster: () => fe,
+	Toggle: () => pe,
+	ToggleGroup: () => me,
+	Toolbar: () => he,
+	Tooltip: () => ge,
+	Tree: () => _e
 });
 //#endregion
-export { H as components_exports };
+export { ve as components_exports };

package/dist/composables/appearance.js

@@ -6,7 +6,11 @@ function s() {
 }
 function c(e) {
 	let t = document.createElement("style");
-	t.textContent = "*,*::before,*::after{transition:none !important;animation:none !important}", document.head.appendChild(t), document.documentElement.classList.toggle("dark", e), document.body?.offsetHeight, requestAnimationFrame(() => t.remove());
+	t.textContent = "*,*::before,*::after{transition-duration:0s !important;animation-duration:0.01ms !important}", document.head.appendChild(t), document.documentElement.classList.toggle("dark", e), document.body?.offsetHeight;
+	let n = !1, r = () => {
+		n || (n = !0, t.remove());
+	};
+	requestAnimationFrame(r), setTimeout(r, 100);
 }
 function l() {
 	if (o || typeof window > "u") return;

package/dist/composables/cartesian.d.ts

@@ -95,6 +95,17 @@ export declare const SERIES_SLOTS = 8;
 export declare function seriesColor(index: number): string;
 /** A series' palette slot: pinned if it has one, otherwise its position. */
 export declare function slotOf(entry: ChartSeries, index: number): number;
+/**
+ * Dev-only warning.
+ *
+ * `process.env.NODE_ENV` is read as a bare global rather than through an
+ * `import process from 'node:process'`, which is what this used to do. That
+ * import shipped a Node builtin in a browser library: bundlers externalise it,
+ * `process` is undefined in a browser, and this line threw the moment a chart
+ * had more than eight series. Every bundler statically replaces the bare form
+ * instead, which also lets the whole branch be dropped from a production
+ * build — the same thing Vue and Reka do.
+ */
 export declare function warnOnSlotOverflow(count: number): void;
 /**
  * Keep a tooltip inside the chart's own box. Estimated from the text rather

package/dist/composables/cartesian.js

@@ -1,14 +1,13 @@
 import { extent as e, linearScale as t, niceTicks as n } from "./scale.js";
-import r from "node:process";
 //#region src/composables/cartesian.ts
-var i = 6.5, a = 8, o = 20, s = 8;
-function c(r) {
-	let a = r.orientation ?? "vertical", o = a === "horizontal", s = e(r.values), c = s ? n(r.includeZero ? Math.min(0, s[0]) : s[0], r.includeZero ? Math.max(0, s[1]) : s[1], r.tickCount) : n(0, 1, r.tickCount), l = Math.ceil(Math.max(...c.ticks.map((e) => r.formatTick(e).length), 1) * i) + 8, u = o ? Math.ceil(r.longestLabel * i) + 8 : r.showAxis ? l : 0, d = o && !r.showAxis ? 0 : 20, f = o && r.showAxis ? Math.ceil(l / 2) : 0, p = {
+var r = 6.5, i = 8, a = 20, o = 8;
+function s(i) {
+	let a = i.orientation ?? "vertical", o = a === "horizontal", s = e(i.values), c = s ? n(i.includeZero ? Math.min(0, s[0]) : s[0], i.includeZero ? Math.max(0, s[1]) : s[1], i.tickCount) : n(0, 1, i.tickCount), l = Math.ceil(Math.max(...c.ticks.map((e) => i.formatTick(e).length), 1) * r) + 8, u = o ? Math.ceil(i.longestLabel * r) + 8 : i.showAxis ? l : 0, d = o && !i.showAxis ? 0 : 20, f = o && i.showAxis ? Math.ceil(l / 2) : 0, p = {
 		left: u,
 		top: 8,
-		width: Math.max(r.width - u - f, 0),
-		height: Math.max(r.height - 8 - d, 0)
-	}, m = o ? t([c.min, c.max], [p.left, p.left + p.width]) : t([c.min, c.max], [p.top + p.height, p.top]), h = o ? p.height : p.width, g = r.categories ? h / r.categories : 0, _ = o ? p.top : p.left, v = o ? 16 : r.longestLabel * i + 8, y = g ? Math.max(1, Math.ceil(v / g)) : 1;
+		width: Math.max(i.width - u - f, 0),
+		height: Math.max(i.height - 8 - d, 0)
+	}, m = o ? t([c.min, c.max], [p.left, p.left + p.width]) : t([c.min, c.max], [p.top + p.height, p.top]), h = o ? p.height : p.width, g = i.categories ? h / i.categories : 0, _ = o ? p.top : p.left, v = o ? 16 : i.longestLabel * r + 8, y = g ? Math.max(1, Math.ceil(v / g)) : 1;
 	return {
 		orientation: a,
 		ticks: c.ticks,
@@ -20,24 +19,24 @@ function c(r) {
 		bandCentre: (e) => _ + g * (e + .5)
 	};
 }
-var l = 8;
-function u(e) {
+var c = 8;
+function l(e) {
 	return `var(--iryx-chart-${Math.min(Math.max(e, 0), 7) + 1})`;
 }
-function d(e, t) {
+function u(e, t) {
 	return e.slot ?? t;
 }
-var f = !1;
-function p(e) {
-	e <= 8 || f || r.env.NODE_ENV === "production" || (f = !0, console.warn(`[iryx-ui] ${e} chart series exceeds the 8 categorical slots. Colours past the eighth repeat and stop identifying anything — fold the tail into "Other", or use small multiples.`));
+var d = !1;
+function f(e) {
+	e <= 8 || d || process.env.NODE_ENV === "production" || (d = !0, console.warn(`[iryx-ui] ${e} chart series exceeds the 8 categorical slots. Colours past the eighth repeat and stop identifying anything — fold the tail into "Other", or use small multiples.`));
 }
-function m(e, t, n) {
-	let r = g(t);
+function p(e, t, n) {
+	let r = h(t);
 	return n <= r * 2 ? n / 2 : Math.min(Math.max(e, r), Math.max(n - r, r));
 }
-var h = 5.6;
-function g(e) {
-	return (e.length * h + 28) / 2;
+var m = 5.6;
+function h(e) {
+	return (e.length * m + 28) / 2;
 }
 //#endregion
-export { a as AXIS_GAP, o as CATEGORY_HEIGHT, i as CHAR_WIDTH, l as SERIES_SLOTS, s as TOP_PAD, c as cartesianLayout, m as clampTooltip, u as seriesColor, d as slotOf, g as tooltipHalfWidth, p as warnOnSlotOverflow };
+export { i as AXIS_GAP, a as CATEGORY_HEIGHT, r as CHAR_WIDTH, c as SERIES_SLOTS, o as TOP_PAD, s as cartesianLayout, p as clampTooltip, l as seriesColor, u as slotOf, h as tooltipHalfWidth, f as warnOnSlotOverflow };

package/dist/composables/command-palette.d.ts

@@ -0,0 +1,42 @@
+import type { IconLike } from './icon';
+export interface CommandItem {
+    /** What the reader searches for and reads. */
+    label: string;
+    icon?: IconLike;
+    /**
+     * Displayed at the trailing edge, split on spaces into separate keys.
+     * Display only — the palette never binds it, because the shortcut belongs
+     * to the command itself and works whether or not the palette is open.
+     */
+    shortcut?: string;
+    /**
+     * Extra search terms that never appear on screen: synonyms, the old name of
+     * a renamed page, the word a reader would guess.
+     */
+    keywords?: string[];
+    /** Renders the row as a link, so middle-click and open-in-new-tab work. */
+    href?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface CommandGroup {
+    label: string;
+    items: CommandItem[];
+}
+export type CommandEntry = CommandItem | CommandGroup;
+export declare function isCommandGroup(entry: CommandEntry): entry is CommandGroup;
+/** Normalise to groups, so the template has a single path to render. */
+export declare function toCommandGroups(entries: CommandEntry[] | undefined): CommandGroup[];
+/**
+ * Everything a query should match against: the label, the group it sits in,
+ * and any keywords. Joined rather than tested separately so a query spanning
+ * two of them ("settings members") still matches.
+ */
+export declare function commandHaystack(item: CommandItem, group: string): string;
+/**
+ * Parse a hotkey like `mod+k` into a matcher.
+ *
+ * `mod` is Command on Apple platforms and Control everywhere else — the same
+ * key in muscle memory, a different key on the wire.
+ */
+export declare function matchesHotkey(event: KeyboardEvent, hotkey: string): boolean;

package/dist/composables/command-palette.js

@@ -0,0 +1,32 @@
+import { isApplePlatform as e } from "./kbd.js";
+//#region src/composables/command-palette.ts
+function t(e) {
+	return Array.isArray(e.items);
+}
+function n(e) {
+	let n = [], r;
+	for (let i of e ?? []) {
+		if (t(i)) {
+			n.push(i), r = void 0;
+			continue;
+		}
+		r || (r = [], n.push({
+			label: "",
+			items: r
+		})), r.push(i);
+	}
+	return n;
+}
+function r(e, t) {
+	return [
+		e.label,
+		t,
+		...e.keywords ?? []
+	].join(" ");
+}
+function i(t, n) {
+	let r = n.toLowerCase().split("+").map((e) => e.trim()), i = r.at(-1) ?? "", a = r.includes("mod"), o = r.includes("ctrl") || r.includes("control"), s = r.includes("meta") || r.includes("cmd"), c = r.includes("shift"), l = r.includes("alt") || r.includes("option"), u = e() ? t.metaKey : t.ctrlKey;
+	return a && !u || o && !t.ctrlKey || s && !t.metaKey || c !== t.shiftKey || l !== t.altKey ? !1 : t.key.toLowerCase() === i;
+}
+//#endregion
+export { r as commandHaystack, t as isCommandGroup, i as matchesHotkey, n as toCommandGroups };

package/dist/composables/date.d.ts

@@ -1,5 +1,5 @@
 import type { DateValue } from '@internationalized/date';
-import { CalendarDate } from '@internationalized/date';
+import { CalendarDate, Time } from '@internationalized/date';
 /**
  * Parse an ISO date, or `undefined` if it is absent or malformed.
  *
@@ -17,5 +17,21 @@ export declare function isoToday(): string;
  * so a caller can fall back to a placeholder.
  */
 export declare function formatIsoDate(iso: string | null | undefined, locale?: string, options?: Intl.DateTimeFormatOptions): string;
-export { CalendarDate };
+/**
+ * Parse a `HH:mm` (or `HH:mm:ss`) string, or `undefined` if it is absent or
+ * malformed. Same bargain as {@link toCalendarDate}: bad input means "no
+ * selection" rather than a thrown render.
+ */
+export declare function toTime(value: string | null | undefined): Time | undefined;
+/**
+ * Back to `HH:mm`, or `HH:mm:ss` when there are seconds to keep. Padded, so
+ * the result sorts and compares as a string — which is most of the reason to
+ * hold a time as one.
+ */
+export declare function toIsoTime(time: {
+    hour: number;
+    minute: number;
+    second?: number;
+} | null | undefined): string | null;
+export { CalendarDate, Time };
 export type { DateValue };

package/dist/composables/date.js

@@ -1,25 +1,33 @@
-import { $ad063034c8620db8$export$aa8b41735afcabd2 as e, $ad063034c8620db8$export$d0bdf45af03a6ea3 as t } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/queries.js";
-import { $58246871e4652552$export$6b862160d295c8e as n } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/string.js";
-import "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/CalendarDate.js";
-import { $12a3c853105e5a70$export$ad991b66133851cf as r } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/DateFormatter.js";
+import { CalendarDate as e, DateFormatter as t, Time as n, getLocalTimeZone as r, parseDate as i, today as a } from "@internationalized/date";
 //#region src/composables/date.ts
-var i = /^\d{4}-\d{2}-\d{2}$/;
-function a(e) {
-	if (!(!e || !i.test(e))) try {
-		return n(e);
+var o = /^\d{4}-\d{2}-\d{2}$/;
+function s(e) {
+	if (!(!e || !o.test(e))) try {
+		return i(e);
 	} catch {
 		return;
 	}
 }
-function o(e) {
+function c(e) {
 	return e ? `${e.year.toString().padStart(4, "0")}-${e.month.toString().padStart(2, "0")}-${e.day.toString().padStart(2, "0")}` : null;
 }
-function s() {
-	return o(t(e()));
+function l() {
+	return c(a(r()));
 }
-function c(t, n, i = { dateStyle: "medium" }) {
-	let o = a(t);
-	return o ? new r(n ?? "en-US", i).format(o.toDate(e())) : "";
+function u(e, n, i = { dateStyle: "medium" }) {
+	let a = s(e);
+	return a ? new t(n ?? "en-US", i).format(a.toDate(r())) : "";
+}
+var d = /^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/;
+function f(e) {
+	if (!e || !d.test(e)) return;
+	let [t, r, i] = e.split(":").map(Number);
+	return new n(t, r, i ?? 0);
+}
+function p(e) {
+	if (!e) return null;
+	let t = (e) => String(e).padStart(2, "0"), n = `${t(e.hour)}:${t(e.minute)}`;
+	return e.second ? `${n}:${t(e.second)}` : n;
 }
 //#endregion
-export { c as formatIsoDate, s as isoToday, a as toCalendarDate, o as toIsoDate };
+export { e as CalendarDate, n as Time, u as formatIsoDate, l as isoToday, s as toCalendarDate, c as toIsoDate, p as toIsoTime, f as toTime };

package/dist/composables/kbd.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Whether the reader is on an Apple platform, resolved **after mount**.
+ *
+ * It cannot be resolved during render: there is no `navigator` on the server,
+ * so server markup would say "Ctrl" and the client would say "⌘" — a
+ * hydration mismatch on every page carrying a shortcut. Starting `false` and
+ * correcting on mount means the worst case is one frame of the wrong glyph
+ * rather than a mismatched tree.
+ */
+export declare function useApplePlatform(): import("vue").Ref<boolean, boolean>;
+/** The same check, for code that already runs in the browser. */
+export declare function isApplePlatform(): boolean;
+export interface KbdKey {
+    /** What is drawn in the chip. */
+    symbol: string;
+    /** What a screen reader says instead. */
+    spoken: string;
+}
+/**
+ * Turn a hotkey into the keys to draw — `mod+k` becomes `⌘` and `K` on a Mac,
+ * `Ctrl` and `K` elsewhere.
+ *
+ * Accepts the same vocabulary as `matchesHotkey`, so the shortcut you bind and
+ * the shortcut you show are written the same way.
+ */
+export declare function parseHotkey(hotkey: string | string[], apple: boolean): KbdKey[];

package/dist/composables/kbd.js

@@ -0,0 +1,161 @@
+import { onMounted as e, ref as t } from "vue";
+//#region src/composables/kbd.ts
+function n() {
+	let n = t(!1);
+	return e(() => {
+		n.value = r();
+	}), n;
+}
+function r() {
+	return typeof navigator > "u" ? !1 : /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);
+}
+var i = {
+	mod: {
+		apple: "⌘",
+		other: "Ctrl",
+		spoken: "Command",
+		spokenOther: "Control"
+	},
+	meta: {
+		apple: "⌘",
+		other: "Win",
+		spoken: "Command",
+		spokenOther: "Windows"
+	},
+	cmd: {
+		apple: "⌘",
+		other: "Ctrl",
+		spoken: "Command",
+		spokenOther: "Control"
+	},
+	ctrl: {
+		apple: "⌃",
+		other: "Ctrl",
+		spoken: "Control"
+	},
+	control: {
+		apple: "⌃",
+		other: "Ctrl",
+		spoken: "Control"
+	},
+	shift: {
+		apple: "⇧",
+		other: "Shift",
+		spoken: "Shift"
+	},
+	alt: {
+		apple: "⌥",
+		other: "Alt",
+		spoken: "Option",
+		spokenOther: "Alt"
+	},
+	option: {
+		apple: "⌥",
+		other: "Alt",
+		spoken: "Option",
+		spokenOther: "Alt"
+	}
+}, a = {
+	enter: {
+		symbol: "↵",
+		spoken: "Enter"
+	},
+	return: {
+		symbol: "↵",
+		spoken: "Return"
+	},
+	escape: {
+		symbol: "Esc",
+		spoken: "Escape"
+	},
+	esc: {
+		symbol: "Esc",
+		spoken: "Escape"
+	},
+	backspace: {
+		symbol: "⌫",
+		spoken: "Backspace"
+	},
+	delete: {
+		symbol: "⌦",
+		spoken: "Delete"
+	},
+	tab: {
+		symbol: "⇥",
+		spoken: "Tab"
+	},
+	space: {
+		symbol: "␣",
+		spoken: "Space"
+	},
+	capslock: {
+		symbol: "⇪",
+		spoken: "Caps lock"
+	},
+	win: {
+		symbol: "⊞",
+		spoken: "Windows"
+	},
+	pageup: {
+		symbol: "⇞",
+		spoken: "Page up"
+	},
+	pagedown: {
+		symbol: "⇟",
+		spoken: "Page down"
+	},
+	home: {
+		symbol: "↖",
+		spoken: "Home"
+	},
+	end: {
+		symbol: "↘",
+		spoken: "End"
+	},
+	up: {
+		symbol: "↑",
+		spoken: "Up arrow"
+	},
+	down: {
+		symbol: "↓",
+		spoken: "Down arrow"
+	},
+	left: {
+		symbol: "←",
+		spoken: "Left arrow"
+	},
+	right: {
+		symbol: "→",
+		spoken: "Right arrow"
+	},
+	arrowup: {
+		symbol: "↑",
+		spoken: "Up arrow"
+	},
+	arrowdown: {
+		symbol: "↓",
+		spoken: "Down arrow"
+	},
+	arrowleft: {
+		symbol: "←",
+		spoken: "Left arrow"
+	},
+	arrowright: {
+		symbol: "→",
+		spoken: "Right arrow"
+	}
+};
+function o(e, t) {
+	return (Array.isArray(e) ? e : e.split("+").map((e) => e.trim()).filter(Boolean)).map((e) => {
+		let n = e.toLowerCase(), r = i[n];
+		return r ? {
+			symbol: t ? r.apple : r.other,
+			spoken: t ? r.spoken : r.spokenOther ?? r.spoken
+		} : a[n] || {
+			symbol: e.length === 1 ? e.toUpperCase() : e,
+			spoken: e.toUpperCase()
+		};
+	});
+}
+//#endregion
+export { r as isApplePlatform, o as parseHotkey, n as useApplePlatform };