iryx-ui 0.12.0 → 0.13.0

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

@@ -0,0 +1,52 @@
+import type { IconLike } from '../composables/icon';
+export interface ToolbarButtonOption {
+    label: string;
+    icon?: IconLike;
+    /** Run when the control is pressed. Ignored on a link. */
+    onSelect?: () => void;
+    /** Renders a link instead of a button. */
+    href?: string;
+    disabled?: boolean;
+    /** Hide the label, leaving only the icon. The label becomes its name. */
+    iconOnly?: boolean;
+    /** Overrides that name when the label is too terse to stand alone. */
+    ariaLabel?: string;
+}
+/** `'-'` renders a separator between groups of controls. */
+export type ToolbarEntry = ToolbarButtonOption | '-';
+export interface ToolbarProps {
+    items?: ToolbarEntry[];
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Drop the container so the controls sit directly on the page. */
+    bare?: boolean;
+    /** Wrap from the last control back to the first when arrowing past the end. */
+    loop?: boolean;
+    /** Names the bar, e.g. "Formatting". A toolbar with no name is unlabelled chrome. */
+    ariaLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ button: 'px-3' }`. */
+    ui?: {
+        root?: string;
+        button?: string;
+        separator?: string;
+    };
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    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/Toolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,94 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { buttonTheme as n } from "../theme/button.js";
+import { toolbarTheme as r } from "../theme/toolbar.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { ToolbarButton as _, ToolbarLink as v, ToolbarRoot as y, ToolbarSeparator as b } from "reka-ui";
+//#region src/components/Toolbar.vue?vue&type=script&setup=true&lang.ts
+var x = { key: 1 }, S = { key: 1 }, C = /*@__PURE__*/ l({
+	__name: "Toolbar",
+	props: {
+		items: {},
+		orientation: {},
+		size: { default: "sm" },
+		bare: { type: Boolean },
+		loop: { type: Boolean },
+		ariaLabel: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(l) {
+		let C = l, w = a(() => C.items ?? []), T = (e) => e === "-", E = e(), D = a(() => C.unstyled ?? E.unstyled), O = a(() => r({
+			orientation: C.orientation,
+			bare: C.bare
+		})), k = a(() => D.value ? [C.ui?.root, C.class] : O.value.root({ class: [C.ui?.root, C.class] })), A = a(() => D.value ? C.ui?.separator : O.value.separator({ class: C.ui?.separator }));
+		function j(e) {
+			return D.value ? C.ui?.button : n({
+				variant: "ghost",
+				size: C.size,
+				square: e.iconOnly,
+				class: C.ui?.button
+			});
+		}
+		function M(e) {
+			return e.ariaLabel ?? (e.iconOnly ? e.label : void 0);
+		}
+		return (e, n) => (d(), o(h(y), {
+			orientation: C.orientation,
+			loop: C.loop,
+			"aria-label": C.ariaLabel,
+			class: u(k.value)
+		}, {
+			default: g(() => [p(e.$slots, "default", {}, () => [(d(!0), c(i, null, f(w.value, (e, n) => (d(), c(i, { key: n }, [T(e) ? (d(), o(h(b), {
+				key: 0,
+				class: u(A.value)
+			}, null, 8, ["class"])) : e.href ? (d(), o(h(v), {
+				key: 1,
+				href: e.href,
+				"aria-label": M(e),
+				class: u(j(e))
+			}, {
+				default: g(() => [e.icon ? (d(), o(t, {
+					key: 0,
+					icon: e.icon,
+					"data-icon": e.iconOnly ? void 0 : "inline-start"
+				}, null, 8, ["icon", "data-icon"])) : s("", !0), e.iconOnly ? s("", !0) : (d(), c("span", x, m(e.label), 1))]),
+				_: 2
+			}, 1032, [
+				"href",
+				"aria-label",
+				"class"
+			])) : (d(), o(h(_), {
+				key: 2,
+				disabled: e.disabled,
+				"aria-label": M(e),
+				class: u(j(e)),
+				onClick: (t) => e.onSelect?.()
+			}, {
+				default: g(() => [e.icon ? (d(), o(t, {
+					key: 0,
+					icon: e.icon,
+					"data-icon": e.iconOnly ? void 0 : "inline-start"
+				}, null, 8, ["icon", "data-icon"])) : s("", !0), e.iconOnly ? s("", !0) : (d(), c("span", S, m(e.label), 1))]),
+				_: 2
+			}, 1032, [
+				"disabled",
+				"aria-label",
+				"class",
+				"onClick"
+			]))], 64))), 128))])]),
+			_: 3
+		}, 8, [
+			"orientation",
+			"loop",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/Tree.js

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

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

@@ -0,0 +1,70 @@
+import type { IconLike } from '../composables/icon';
+export interface TreeItemOption {
+    label: string;
+    /** Identifies the node. Defaults to the label. */
+    value?: string;
+    icon?: IconLike;
+    disabled?: boolean;
+    /**
+     * Number shown against the row's trailing edge — how many files are in a
+     * folder, how many results are under a category.
+     */
+    count?: number;
+    /** Nested nodes. A node with children can be expanded. */
+    children?: TreeItemOption[];
+}
+export interface TreeProps {
+    items?: TreeItemOption[];
+    /** Selected node values. Always an array, whether or not `multiple` is set. */
+    modelValue?: string[];
+    /** Which nodes start open, by value. Two-way via `v-model:expanded`. */
+    expanded?: string[];
+    multiple?: boolean;
+    /** Selecting a parent selects everything under it. Needs `multiple`. */
+    propagateSelect?: boolean;
+    size?: 'sm' | 'md';
+    /** Indent added per level of depth, in pixels. */
+    indent?: number;
+    disabled?: boolean;
+    /** Names the tree, e.g. "Project files". */
+    ariaLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
+    ui?: {
+        root?: string;
+        item?: string;
+        expander?: string;
+        spacer?: string;
+        icon?: string;
+        label?: string;
+        count?: string;
+    };
+}
+declare var __VLS_16: {
+    item: TreeItemOption;
+    level: number;
+    expanded: boolean;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+    "update:expanded": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<TreeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    indent: number;
+}, {}, {}, {}, 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/Tree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { treeTheme as n } from "../theme/tree.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { ArrowRight01Icon as v } from "@hugeicons/core-free-icons";
+import { TreeItem as y, TreeRoot as b } from "reka-ui";
+//#region src/components/Tree.vue?vue&type=script&setup=true&lang.ts
+var x = 8, S = /*@__PURE__*/ l({
+	__name: "Tree",
+	props: {
+		items: {},
+		modelValue: {},
+		expanded: {},
+		multiple: { type: Boolean },
+		propagateSelect: { type: Boolean },
+		size: {},
+		indent: { default: 16 },
+		disabled: { type: Boolean },
+		ariaLabel: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue", "update:expanded"],
+	setup(l, { emit: S }) {
+		let C = l, w = S, T = i(() => C.items ?? []), E = (e) => e.value ?? e.label, D = (e) => !!e.children?.length, O = (e) => `${x + (e - 1) * C.indent}px`, k = i(() => {
+			let e = /* @__PURE__ */ new Map(), t = (n) => {
+				for (let r of n) e.set(E(r), r), r.children?.length && t(r.children);
+			};
+			return t(T.value), e;
+		}), A = i(() => (C.modelValue ?? []).map((e) => k.value.get(e)).filter(Boolean));
+		function j(e) {
+			return (Array.isArray(e) ? e : [e]).filter(Boolean).map((e) => E(e));
+		}
+		let M = e(), N = i(() => C.unstyled ?? M.unstyled), P = i(() => n({ size: C.size }));
+		function F(e, t) {
+			let n = [C.ui?.[e], t].filter(Boolean).join(" ");
+			return N.value ? n : P.value[e]({ class: n });
+		}
+		return (e, n) => (f(), a(g(b), {
+			items: T.value,
+			"model-value": C.multiple ? A.value : A.value[0],
+			expanded: C.expanded,
+			"get-key": E,
+			"get-children": (e) => e.children,
+			multiple: C.multiple,
+			"propagate-select": C.propagateSelect,
+			disabled: C.disabled,
+			"aria-label": C.ariaLabel,
+			class: d(F("root", C.class)),
+			"onUpdate:modelValue": n[0] ||= (e) => w("update:modelValue", j(e)),
+			"onUpdate:expanded": n[1] ||= (e) => w("update:expanded", e)
+		}, {
+			default: _(({ flattenItems: n }) => [(f(!0), s(r, null, p(n, (n) => (f(), a(g(y), u({ key: n._id }, { ref_for: !0 }, n.bind, {
+				disabled: n.value.disabled,
+				class: F("item"),
+				style: { paddingLeft: O(n.level) }
+			}), {
+				default: _(({ isExpanded: r }) => [m(e.$slots, "item", {
+					item: n.value,
+					level: n.level,
+					expanded: r
+				}, () => [
+					D(n.value) ? (f(), a(t, {
+						key: 0,
+						icon: g(v),
+						"data-expanded": r ? "" : void 0,
+						class: d(F("expander"))
+					}, null, 8, [
+						"icon",
+						"data-expanded",
+						"class"
+					])) : (f(), s("span", {
+						key: 1,
+						class: d(F("spacer"))
+					}, null, 2)),
+					n.value.icon ? (f(), a(t, {
+						key: 2,
+						icon: n.value.icon,
+						class: d(F("icon"))
+					}, null, 8, ["icon", "class"])) : o("", !0),
+					c("span", { class: d(F("label")) }, h(n.value.label), 3),
+					n.value.count === void 0 ? o("", !0) : (f(), s("span", {
+						key: 3,
+						class: d(F("count"))
+					}, h(n.value.count), 3))
+				])]),
+				_: 2
+			}, 1040, [
+				"disabled",
+				"class",
+				"style"
+			]))), 128))]),
+			_: 3
+		}, 8, [
+			"items",
+			"model-value",
+			"expanded",
+			"get-children",
+			"multiple",
+			"propagate-select",
+			"disabled",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/index.d.ts

@@ -1,5 +1,10 @@
+export { default as Accordion } from './Accordion.vue';
 export { default as Alert } from './Alert.vue';
 export { default as App } from './App.vue';
+export { default as AppShell } from './AppShell.vue';
+export { default as AspectRatio } from './AspectRatio.vue';
+export { default as Avatar } from './Avatar.vue';
+export { default as AvatarGroup } from './AvatarGroup.vue';
 export { default as Badge } from './Badge.vue';
 export { default as Banner } from './Banner.vue';
 export { default as BarChart } from './BarChart.vue';
@@ -9,8 +14,13 @@ export { default as ButtonGroup } from './ButtonGroup.vue';
 export { default as Card } from './Card.vue';
 export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
+export { default as Collapsible } from './Collapsible.vue';
+export { default as ColorPicker } from './ColorPicker.vue';
 export { default as Combobox } from './Combobox.vue';
+export { default as CommandPalette } from './CommandPalette.vue';
 export { default as ConfirmDialog } from './ConfirmDialog.vue';
+export { default as Container } from './Container.vue';
+export { default as ContextMenu } from './ContextMenu.vue';
 export { default as DatePicker } from './DatePicker.vue';
 export { default as DateRangePicker } from './DateRangePicker.vue';
 export { default as Dialog } from './Dialog.vue';
@@ -21,22 +31,41 @@ export { default as FileUpload } from './FileUpload.vue';
 export { default as Form } from './Form.vue';
 export { default as FormField } from './FormField.vue';
 export { default as Input } from './Input.vue';
+export { default as Kbd } from './Kbd.vue';
 export { default as Label } from './Label.vue';
 export { default as LineChart } from './LineChart.vue';
+export { default as Menubar } from './Menubar.vue';
+export { default as NavigationMenu } from './NavigationMenu.vue';
 export { default as NumberInput } from './NumberInput.vue';
+export { default as PageHeader } from './PageHeader.vue';
 export { default as Pagination } from './Pagination.vue';
 export { default as PasswordInput } from './PasswordInput.vue';
+export { default as PinInput } from './PinInput.vue';
+export { default as Popover } from './Popover.vue';
 export { default as Progress } from './Progress.vue';
 export { default as RadioGroup } from './RadioGroup.vue';
+export { default as ScrollArea } from './ScrollArea.vue';
+export { default as ScrollFade } from './ScrollFade.vue';
 export { default as Select } from './Select.vue';
 export { default as Separator } from './Separator.vue';
+export { default as Sidebar } from './Sidebar.vue';
+export { default as SignaturePad } from './SignaturePad.vue';
 export { default as Skeleton } from './Skeleton.vue';
+export { default as Slider } from './Slider.vue';
 export { default as Sparkline } from './Sparkline.vue';
+export { default as Splitter } from './Splitter.vue';
 export { default as Stat } from './Stat.vue';
 export { default as Stepper } from './Stepper.vue';
 export { default as Switch } from './Switch.vue';
 export { default as Table } from './Table.vue';
 export { default as Tabs } from './Tabs.vue';
+export { default as TagsInput } from './TagsInput.vue';
 export { default as Textarea } from './Textarea.vue';
+export { default as TimeField } from './TimeField.vue';
+export { default as Timeline } from './Timeline.vue';
 export { default as Toaster } from './Toaster.vue';
+export { default as Toggle } from './Toggle.vue';
+export { default as ToggleGroup } from './ToggleGroup.vue';
+export { default as Toolbar } from './Toolbar.vue';
 export { default as Tooltip } from './Tooltip.vue';
+export { default as Tree } from './Tree.vue';

package/dist/components/index.js

@@ -1,90 +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 "./Drawer.js";
-import v from "./DropdownMenu.js";
-import y from "./EmptyState.js";
-import b from "./FileUpload.js";
-import x from "./Form.js";
-import S from "./Label.js";
-import C from "./FormField.js";
-import w from "./Input.js";
-import T from "./LineChart.js";
-import E from "./NumberInput.js";
-import D from "./Pagination.js";
-import O from "./PasswordInput.js";
-import k from "./Progress.js";
-import A from "./RadioGroup.js";
-import j from "./Select.js";
-import M from "./Separator.js";
-import N from "./Skeleton.js";
-import P from "./Sparkline.js";
-import F from "./Stat.js";
-import I from "./Stepper.js";
-import L from "./Switch.js";
-import R from "./Table.js";
-import z from "./Tabs.js";
-import B from "./Textarea.js";
-import V from "./Toaster.js";
-import H 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 U = /* @__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,
-	Drawer: () => _,
-	DropdownMenu: () => v,
-	EmptyState: () => y,
-	FileUpload: () => b,
-	Form: () => x,
-	FormField: () => C,
-	Input: () => w,
-	Label: () => S,
-	LineChart: () => T,
-	NumberInput: () => E,
-	Pagination: () => D,
-	PasswordInput: () => O,
-	Progress: () => k,
-	RadioGroup: () => A,
-	Select: () => j,
-	Separator: () => M,
-	Skeleton: () => N,
-	Sparkline: () => P,
-	Stat: () => F,
-	Stepper: () => I,
-	Switch: () => L,
-	Table: () => R,
-	Tabs: () => z,
-	Textarea: () => B,
-	Toaster: () => V,
-	Tooltip: () => H
+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 { U 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