iryx-ui 0.12.0 → 0.13.0

package/dist/components/CommandPalette.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,185 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { commandHaystack as n, matchesHotkey as r, toCommandGroups as i } from "../composables/command-palette.js";
+import { commandPaletteTheme as a } from "../theme/command-palette.js";
+import o from "./Kbd.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useModel as E, watch as D, withCtx as O } from "vue";
+import { Search01Icon as k } from "@hugeicons/core-free-icons";
+import { DialogContent as ee, DialogOverlay as te, DialogPortal as ne, DialogRoot as A, DialogTitle as j, ListboxContent as M, ListboxFilter as N, ListboxGroup as P, ListboxGroupLabel as F, ListboxItem as I, ListboxRoot as L, VisuallyHidden as R, useFilter as z } from "reka-ui";
+//#region src/components/CommandPalette.vue?vue&type=script&setup=true&lang.ts
+var B = /*@__PURE__*/ h({
+	__name: "CommandPalette",
+	props: /*@__PURE__*/ g({
+		items: {},
+		placeholder: { default: "Search commands…" },
+		emptyText: { default: "No matching commands." },
+		label: { default: "Command palette" },
+		hotkey: { default: "mod+k" },
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		footer: {
+			type: Boolean,
+			default: !0
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g(["select"], ["update:open"]),
+	setup(h, { emit: g }) {
+		let B = h, V = g, H = E(h, "open"), U = x("");
+		D(H, (e) => {
+			e || (U.value = "");
+		});
+		let { contains: W } = z({ sensitivity: "base" }), G = c(() => i(B.items)), K = c(() => {
+			let e = U.value.trim();
+			return G.value.map((t) => ({
+				...t,
+				items: e ? t.items.filter((r) => W(n(r, t.label), e)) : t.items
+			})).filter((e) => e.items.length > 0);
+		}), q = c(() => K.value.length === 0);
+		function J(e, t) {
+			return `${e}:${t}`;
+		}
+		function Y(e) {
+			e.disabled || (V("select", e), e.onSelect?.(), B.closeOnSelect && (H.value = !1));
+		}
+		function X(e) {
+			B.hotkey && r(e, B.hotkey) && (e.preventDefault(), H.value = !H.value);
+		}
+		y(() => window.addEventListener("keydown", X)), v(() => window.removeEventListener("keydown", X));
+		let re = e(), Z = c(() => B.unstyled ?? re.unstyled), Q = c(() => a());
+		function $(e, t) {
+			let n = B.ui?.[e];
+			return Z.value ? [n, t].filter(Boolean).join(" ") : Q.value[e]({ class: [n, t] });
+		}
+		function ie(e) {
+			return e.split(" ").filter(Boolean);
+		}
+		return (e, n) => (b(), l(T(A), {
+			open: H.value,
+			"onUpdate:open": n[1] ||= (e) => H.value = e
+		}, {
+			default: O(() => [m(T(ne), null, {
+				default: O(() => [m(T(te), { class: _($("overlay")) }, null, 8, ["class"]), m(T(ee), {
+					class: _(Z.value ? [B.ui?.content, B.class] : Q.value.content({ class: [B.ui?.content, B.class] })),
+					"aria-label": B.label
+				}, {
+					default: O(() => [
+						m(T(R), null, {
+							default: O(() => [m(T(j), null, {
+								default: O(() => [p(w(B.label), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						m(T(L), {
+							"highlight-on-hover": "",
+							class: _($("list"))
+						}, {
+							default: O(() => [f("div", { class: _($("header")) }, [f("span", { class: _($("icon")) }, [m(t, { icon: T(k) }, null, 8, ["icon"])], 2), m(T(N), {
+								modelValue: U.value,
+								"onUpdate:modelValue": n[0] ||= (e) => U.value = e,
+								"auto-focus": "",
+								placeholder: B.placeholder,
+								class: _($("input"))
+							}, null, 8, [
+								"modelValue",
+								"placeholder",
+								"class"
+							])], 2), m(T(M), { class: _($("viewport")) }, {
+								default: O(() => [q.value ? (b(), d("p", {
+									key: 0,
+									class: _($("empty"))
+								}, [C(e.$slots, "empty", { query: U.value }, () => [p(w(B.emptyText), 1)])], 2)) : u("", !0), (b(!0), d(s, null, S(K.value, (n, r) => (b(), l(T(P), {
+									key: n.label || r,
+									class: _($("group"))
+								}, {
+									default: O(() => [n.label ? (b(), l(T(F), {
+										key: 0,
+										class: _($("groupLabel"))
+									}, {
+										default: O(() => [p(w(n.label), 1)]),
+										_: 2
+									}, 1032, ["class"])) : u("", !0), (b(!0), d(s, null, S(n.items, (n, i) => (b(), l(T(I), {
+										key: J(r, i),
+										value: J(r, i),
+										disabled: n.disabled,
+										"aria-disabled": n.disabled || void 0,
+										as: n.href ? "a" : "div",
+										href: n.href,
+										class: _($("item")),
+										onSelect: (e) => Y(n)
+									}, {
+										default: O(() => [C(e.$slots, "item", { item: n }, () => [
+											n.icon ? (b(), d("span", {
+												key: 0,
+												class: _($("itemIcon"))
+											}, [m(t, { icon: n.icon }, null, 8, ["icon"])], 2)) : u("", !0),
+											f("span", { class: _($("itemLabel")) }, w(n.label), 3),
+											n.shortcut ? (b(), l(o, {
+												key: 1,
+												keys: ie(n.shortcut),
+												class: _($("shortcut")),
+												ui: { key: B.ui?.key }
+											}, null, 8, [
+												"keys",
+												"class",
+												"ui"
+											])) : u("", !0)
+										])]),
+										_: 2
+									}, 1032, [
+										"value",
+										"disabled",
+										"aria-disabled",
+										"as",
+										"href",
+										"class",
+										"onSelect"
+									]))), 128))]),
+									_: 2
+								}, 1032, ["class"]))), 128))]),
+								_: 3
+							}, 8, ["class"])]),
+							_: 3
+						}, 8, ["class"]),
+						B.footer ? (b(), d("div", {
+							key: 0,
+							class: _($("footer"))
+						}, [C(e.$slots, "footer", {}, () => [
+							f("span", null, [m(o, {
+								keys: ["up", "down"],
+								ui: { key: B.ui?.key }
+							}, null, 8, ["ui"]), n[2] ||= p(" to navigate", -1)]),
+							f("span", null, [m(o, {
+								keys: "enter",
+								ui: { key: B.ui?.key }
+							}, null, 8, ["ui"]), n[3] ||= p(" to select", -1)]),
+							f("span", null, [m(o, {
+								keys: "escape",
+								ui: { key: B.ui?.key }
+							}, null, 8, ["ui"]), n[4] ||= p(" to close", -1)])
+						])], 2)) : u("", !0)
+					]),
+					_: 3
+				}, 8, ["class", "aria-label"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { B as default };

package/dist/components/Container.js

@@ -0,0 +1,5 @@
+import e from "./Container.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Container.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Container.vue.d.ts

@@ -0,0 +1,33 @@
+export interface ContainerProps {
+    /** Render as a different element or component. */
+    as?: string;
+    /** Merge props onto the immediate child instead of rendering an element. */
+    asChild?: boolean;
+    /** Maximum content width. `full` removes the cap but keeps the gutter. */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** Horizontal gutter. `none` leaves it to you. */
+    gutter?: 'none' | 'sm' | 'md' | 'lg';
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ root: 'py-10' }`. */
+    ui?: {
+        root?: string;
+    };
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {
+    unstyled: boolean;
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Container.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { containerTheme as t } from "../theme/container.js";
+import { computed as n, createBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { Primitive as u } from "reka-ui";
+//#region src/components/Container.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ i({
+	__name: "Container",
+	props: {
+		as: { default: "div" },
+		asChild: { type: Boolean },
+		size: {},
+		gutter: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(i) {
+		let d = i, f = e(), p = n(() => d.unstyled ?? f.unstyled), m = n(() => t({
+			size: d.size,
+			gutter: d.gutter
+		})), h = n(() => p.value ? [d.ui?.root, d.class] : m.value.root({ class: [d.ui?.root, d.class] }));
+		return (e, t) => (o(), r(c(u), {
+			as: d.as,
+			"as-child": d.asChild,
+			class: a(h.value)
+		}, {
+			default: l(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/ContextMenu.js

@@ -0,0 +1,5 @@
+import e from "./ContextMenu.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ContextMenu.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/ContextMenu.vue.d.ts

@@ -0,0 +1,42 @@
+import type { DropdownMenuEntry } from '../composables/dropdown-menu';
+export interface ContextMenuProps {
+    /** Entries to render. Nest by giving an entry its own `items`. */
+    items?: DropdownMenuEntry[];
+    /**
+     * How far the menu is kept from the viewport edge when it would overflow.
+     */
+    collisionPadding?: number;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
+    ui?: {
+        content?: string;
+        item?: string;
+        label?: string;
+        separator?: string;
+        subTrigger?: string;
+        subContent?: string;
+    };
+}
+declare var __VLS_16: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ContextMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ContextMenuProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ContextMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { dropdownMenuTheme as t } from "../theme/dropdown-menu.js";
+import n from "./DropdownMenuItems.js";
+import { computed as r, createBlock as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { ContextMenuContent as f, ContextMenuPortal as p, ContextMenuRoot as m, ContextMenuTrigger as h } from "reka-ui";
+//#region src/components/ContextMenu.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ o({
+	__name: "ContextMenu",
+	props: {
+		items: {},
+		collisionPadding: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:open"],
+	setup(o, { emit: g }) {
+		let _ = o, v = g, y = e(), b = r(() => _.unstyled ?? y.unstyled), x = r(() => _.items ?? []), S = r(() => b.value ? [_.ui?.content, _.class] : t().content({ class: [_.ui?.content, _.class] }));
+		return (e, t) => (c(), i(u(m), { "onUpdate:open": t[0] ||= (e) => v("update:open", e) }, {
+			default: d(() => [a(u(h), { "as-child": "" }, {
+				default: d(() => [l(e.$slots, "trigger")]),
+				_: 3
+			}), a(u(p), null, {
+				default: d(() => [a(u(f), {
+					"collision-padding": _.collisionPadding,
+					class: s(S.value)
+				}, {
+					default: d(() => [l(e.$slots, "default", {}, () => [a(n, {
+						entries: x.value,
+						unstyled: b.value,
+						ui: _.ui
+					}, null, 8, [
+						"entries",
+						"unstyled",
+						"ui"
+					])])]),
+					_: 3
+				}, 8, ["collision-padding", "class"])]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/DateRangePicker.vue.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }>, {
     unstyled: boolean;
-    separator: string;
     placeholder: string;
+    separator: string;
     invalid: boolean;
     months: number;
     clearLabel: string;

package/dist/components/Dialog.vue.d.ts

@@ -50,8 +50,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    closeLabel: string;
     unstyled: boolean;
+    closeLabel: string;
     dismissible: boolean;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Drawer.vue.d.ts

@@ -76,12 +76,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:snapPoint"?: ((value: DrawerSnapPoint | null) => any) | undefined;
 }>, {
-    closeLabel: string;
     unstyled: boolean;
+    closeLabel: string;
     side: DrawerSide;
+    modal: boolean | "trap-focus";
     dismissible: boolean;
     showClose: boolean;
-    modal: boolean | "trap-focus";
     handle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/EmptyState.vue.d.ts

@@ -33,8 +33,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<EmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
     icon: IconLike | false;
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Input.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
-    unstyled: boolean;
     type: string;
+    unstyled: boolean;
     invalid: boolean;
     clearLabel: string;
     debounce: number;

package/dist/components/Input.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useIryxUiConfig as e } from "../config.js";
 import t from "./Icon.js";
-import { useFormField as n } from "../composables/form.js";
-import { inputTheme as r } from "../theme/input.js";
+import { inputTheme as n } from "../theme/input.js";
+import { useFormField as r } from "../composables/form.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, ref as g, renderSlot as _, unref as v, useModel as y, useSlots as b, watch as x, withKeys as S } from "vue";
 import { Cancel01Icon as C, Loading03Icon as w } from "@hugeicons/core-free-icons";
 //#region src/components/Input.vue?vue&type=script&setup=true&lang.ts
@@ -44,7 +44,7 @@ var T = [
 	}),
 	emits: ["update:modelValue"],
 	setup(u, { expose: d }) {
-		let D = u, O = y(u, "modelValue"), k = b(), A = n(), j = i(() => D.id ?? A?.id.value), M = i(() => D.invalid ?? A?.invalid.value ?? !1), N = e(), P = i(() => D.unstyled ?? N.unstyled), F = g(O.value), I;
+		let D = u, O = y(u, "modelValue"), k = b(), A = r(), j = i(() => D.id ?? A?.id.value), M = i(() => D.invalid ?? A?.invalid.value ?? !1), N = e(), P = i(() => D.unstyled ?? N.unstyled), F = g(O.value), I;
 		function L() {
 			I !== void 0 && (clearTimeout(I), I = void 0);
 		}
@@ -70,7 +70,7 @@ var T = [
 			L(), F.value = "", O.value = "", B.value?.focus();
 		}
 		d({ input: B });
-		let H = i(() => F.value !== "" && F.value != null), U = i(() => D.clearable && H.value && !D.disabled), W = i(() => D.loading || U.value || !!k.trailing), G = i(() => r({
+		let H = i(() => F.value !== "" && F.value != null), U = i(() => D.clearable && H.value && !D.disabled), W = i(() => D.loading || U.value || !!k.trailing), G = i(() => n({
 			size: D.size,
 			invalid: M.value
 		}));

package/dist/components/Kbd.js

@@ -0,0 +1,5 @@
+import e from "./Kbd.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Kbd.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Kbd.vue.d.ts

@@ -0,0 +1,46 @@
+export interface KbdProps {
+    /**
+     * The shortcut — `'mod+k'`, or `['mod', 'k']`. `mod` is Command on Apple
+     * platforms and Control everywhere else, which is the whole point: the
+     * same muscle memory, a different glyph.
+     *
+     * Written the same way `matchesHotkey` reads it, so the shortcut you bind
+     * and the shortcut you show cannot drift apart.
+     */
+    keys?: string | string[];
+    size?: 'xs' | 'sm' | 'md';
+    /** Draw a `+` between the chips instead of a plain gap. */
+    joined?: boolean;
+    /**
+     * Overrides the spoken name. The default spells the combination out —
+     * "Command K" — because the glyphs announce as nothing useful on their own.
+     */
+    ariaLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ key: 'bg-background' }`. */
+    ui?: {
+        root?: string;
+        key?: string;
+        separator?: string;
+    };
+}
+declare var __VLS_1: {
+    item: import("..").KbdKey;
+};
+type __VLS_Slots = {} & {
+    key?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<KbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+    keys: string | string[];
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Kbd.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { parseHotkey as t, useApplePlatform as n } from "../composables/kbd.js";
+import { kbdTheme as r } from "../theme/kbd.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h } from "vue";
+//#region src/components/Kbd.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = /*@__PURE__*/ u({
+	__name: "Kbd",
+	props: {
+		keys: { default: () => [] },
+		size: {},
+		joined: { type: Boolean },
+		ariaLabel: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(u) {
+		let _ = u, v = n(), y = a(() => t(_.keys, v.value)), b = a(() => _.ariaLabel ?? y.value.map((e) => e.spoken).join(" ")), x = e(), S = a(() => _.unstyled ?? x.unstyled), C = a(() => r({ size: _.size }));
+		function w(e, t) {
+			let n = [_.ui?.[e], t].filter(Boolean).join(" ");
+			return S.value ? n : C.value[e]({ class: n });
+		}
+		return (e, t) => (f(), s("span", {
+			class: d(w("root", _.class)),
+			role: "img",
+			"aria-label": b.value
+		}, [(f(!0), s(i, null, p(y.value, (t, n) => (f(), s(i, { key: n }, [_.joined && n > 0 ? (f(), s("span", {
+			key: 0,
+			class: d(w("separator")),
+			"aria-hidden": "true"
+		}, "+", 2)) : o("", !0), c("kbd", {
+			class: d(w("key")),
+			"aria-hidden": "true"
+		}, [m(e.$slots, "key", { item: t }, () => [l(h(t.symbol), 1)])], 2)], 64))), 128))], 10, g));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/LineChart.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useIryxUiConfig as e } from "../config.js";
-import { cartesianLayout as t, clampTooltip as n, seriesColor as r, slotOf as i, warnOnSlotOverflow as a } from "../composables/cartesian.js";
-import { useElementSize as o } from "../composables/element-size.js";
+import { useElementSize as t } from "../composables/element-size.js";
+import { cartesianLayout as n, clampTooltip as r, seriesColor as i, slotOf as a, warnOnSlotOverflow as o } from "../composables/cartesian.js";
 import ee from "./ChartLegend.js";
 import { lineChartTheme as s } from "../theme/line-chart.js";
 import { Fragment as c, computed as l, createBlock as te, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, guardReactiveProps as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C } from "vue";
@@ -56,19 +56,19 @@ var w = ["role", "aria-label"], T = [
 		ui: {}
 	},
 	setup(p) {
-		let N = p, ae = e(), P = l(() => N.unstyled ?? ae.unstyled), F = y(), { width: I } = o(F), L = l(() => new Intl.NumberFormat(N.locale, N.format));
+		let N = p, ae = e(), P = l(() => N.unstyled ?? ae.unstyled), F = y(), { width: I } = t(F), L = l(() => new Intl.NumberFormat(N.locale, N.format));
 		function R(e) {
 			return L.value.format(e);
 		}
 		let z = l(() => {
 			let e = N.series?.length ? [...N.series] : [{ key: "value" }];
-			return a(e.length), e;
+			return o(e.length), e;
 		}), B = l(() => z.value.length > 1), V = l(() => B.value || N.legend && z.value[0].name != null);
 		function H(e, t) {
 			let n = e[t];
 			return typeof n == "number" && Number.isFinite(n) ? n : null;
 		}
-		let U = l(() => t({
+		let U = l(() => n({
 			values: N.data.flatMap((e) => z.value.map((t) => H(e, t.key))),
 			categories: N.data.length,
 			longestLabel: Math.max(...N.data.map((e) => e.label.length), 1),
@@ -83,21 +83,21 @@ var w = ["role", "aria-label"], T = [
 			return Math.round(e * 100) / 100;
 		}
 		let G = l(() => I.value ? z.value.map((e, t) => {
-			let n = [], a = [];
-			return N.data.forEach((t, r) => {
-				let i = H(t, e.key);
-				if (i == null) {
-					a.length && n.push(a), a = [];
+			let n = [], r = [];
+			return N.data.forEach((t, i) => {
+				let a = H(t, e.key);
+				if (a == null) {
+					r.length && n.push(r), r = [];
 					return;
 				}
-				a.push({
-					x: W(U.value.bandCentre(r)),
-					y: W(U.value.y(i)),
-					index: r
+				r.push({
+					x: W(U.value.bandCentre(i)),
+					y: W(U.value.y(a)),
+					index: i
 				});
-			}), a.length && n.push(a), {
+			}), r.length && n.push(r), {
 				runs: n,
-				color: r(i(e, t)),
+				color: i(a(e, t)),
 				seriesIndex: t
 			};
 		}) : []), K = l(() => N.variant === "area" && !B.value && G.value.length > 0);
@@ -123,19 +123,19 @@ var w = ["role", "aria-label"], T = [
 			if (!e) return;
 			let t = z.value.map((t, n) => ({
 				name: t.name ?? t.key,
-				color: r(i(t, n)),
+				color: i(a(t, n)),
 				value: H(e, t.key)
 			})).filter((e) => e.value != null).map((e) => ({
 				...e,
 				value: R(e.value)
 			}));
 			if (!t.length) return;
-			let a = B.value ? Math.max(e.label.length, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2;
+			let n = B.value ? Math.max(e.label.length, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2;
 			return {
 				label: e.label,
 				rows: t,
 				multi: B.value,
-				x: n(U.value.bandCentre(J.value), "x".repeat(a), I.value),
+				x: r(U.value.bandCentre(J.value), "x".repeat(n), I.value),
 				y: Math.min(...Y.value.map((e) => e.y), U.value.plot.top + U.value.plot.height)
 			};
 		}), Q = l(() => s());

package/dist/components/Menubar.js

@@ -0,0 +1,5 @@
+import e from "./Menubar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Menubar.vue
+var t = e;
+//#endregion
+export { t as default };