iryx-ui 0.8.0 → 0.10.1

package/dist/composables/cartesian.d.ts

@@ -0,0 +1,105 @@
+import type { SparseValue } from './scale';
+/**
+ * The frame every category-versus-value chart draws inside: an axis of round
+ * numbers, a gutter wide enough for its labels, and the plot rectangle left
+ * over. A pure function rather than a composable, so it can be called from a
+ * single `computed` in each chart and tested without mounting anything.
+ */
+/** Rough text metrics. Measuring for real costs a layout pass per label. */
+export declare const CHAR_WIDTH = 6.5;
+export declare const AXIS_GAP = 8;
+export declare const CATEGORY_HEIGHT = 20;
+export declare const TOP_PAD = 8;
+/**
+ * Which way the bands run. `vertical` puts categories along the bottom;
+ * `horizontal` puts them down the side, where a long name has room to be read
+ * instead of being thinned out or rotated.
+ */
+export type ChartOrientation = 'vertical' | 'horizontal';
+export interface CartesianInput {
+    orientation?: ChartOrientation;
+    /** Every plotted value, gaps included — only the finite ones set the domain. */
+    values: readonly SparseValue[];
+    /** How many slots along the x axis. */
+    categories: number;
+    /** Longest category label, in characters. */
+    longestLabel: number;
+    /** Measured container width in px. Zero before the first measurement. */
+    width: number;
+    /** Requested total height in px. */
+    height: number;
+    tickCount: number;
+    showAxis: boolean;
+    /** Renders a tick for the gutter measurement, and the tooltip elsewhere. */
+    formatTick: (value: number) => string;
+    /**
+     * Force zero into the domain. True for bars, which are read by length and
+     * lie under a truncated baseline; false for lines, where the shape is the
+     * message and a forced zero can flatten it into nothing.
+     */
+    includeZero: boolean;
+}
+export interface CartesianLayout {
+    orientation: ChartOrientation;
+    ticks: number[];
+    plot: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * A value to its pixel along the value axis — y when vertical, x when
+     * horizontal. Named for the job rather than the axis, so callers do not have
+     * to care which way round the chart is.
+     */
+    value: (value: number) => number;
+    /** Backwards-compatible alias for the vertical case. */
+    y: (value: number) => number;
+    /** Size of one category slot, along whichever axis carries the categories. */
+    bandWidth: number;
+    /** Draw every nth category label; the rest would collide. */
+    labelStep: number;
+    /** Centre of a category slot, in px along the category axis. */
+    bandCentre: (index: number) => number;
+}
+export declare function cartesianLayout(input: CartesianInput): CartesianLayout;
+/** One plotted measure. `key` reads a field off each row; `name` labels it. */
+export interface ChartSeries {
+    key: string;
+    name?: string;
+    /**
+     * Pin this series to a palette slot (0-based), instead of taking its
+     * position in the array.
+     *
+     * Colour has to follow the entity, not its rank: filter a series out of a
+     * chart and the survivors must keep the colours the reader already learned.
+     * Without a pin, removing the first of three repaints the other two.
+     */
+    slot?: number;
+}
+/** How many categorical slots the palette actually defines. */
+export declare const SERIES_SLOTS = 8;
+/**
+ * The colour for a series slot.
+ *
+ * Callers pass the series' pinned `slot` where it has one, and its array
+ * position otherwise — see `ChartSeries.slot` for why that distinction exists.
+ *
+ * Slots are never cycled: a ninth hue has not been checked for separation
+ * against its neighbours, so past eight the answer is folding into "Other" or
+ * splitting into small multiples. Beyond the eighth the last slot repeats and
+ * a warning is emitted, because silently colliding two identities is worse
+ * than saying so.
+ */
+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;
+export declare function warnOnSlotOverflow(count: number): void;
+/**
+ * Keep a tooltip inside the chart's own box. Estimated from the text rather
+ * than measured: measuring needs an extra tick, during which the tooltip is
+ * visible at the unclamped position and visibly jumps.
+ */
+export declare function clampTooltip(centre: number, text: string, width: number): number;
+export declare function tooltipHalfWidth(text: string): number;

package/dist/composables/cartesian.js

@@ -0,0 +1,43 @@
+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 = {
+		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;
+	return {
+		orientation: a,
+		ticks: c.ticks,
+		plot: p,
+		value: m,
+		y: m,
+		bandWidth: g,
+		labelStep: y,
+		bandCentre: (e) => _ + g * (e + .5)
+	};
+}
+var l = 8;
+function u(e) {
+	return `var(--iryx-chart-${Math.min(Math.max(e, 0), 7) + 1})`;
+}
+function d(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.`));
+}
+function m(e, t, n) {
+	let r = g(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;
+}
+//#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 };

package/dist/{packages/iryx-ui/src/composables → composables}/date.js

@@ -1,7 +1,7 @@
-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 { $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";
 //#region src/composables/date.ts
 var i = /^\d{4}-\d{2}-\d{2}$/;
 function a(e) {

package/dist/composables/element-size.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+/**
+ * Track an element's rendered width.
+ *
+ * A sparkline can stretch a fixed box because strokes opt out of the scaling.
+ * A chart with axes cannot: text stretched by `preserveAspectRatio="none"`
+ * comes out distorted, so the drawing has to happen in real pixels and the
+ * width has to be measured.
+ *
+ * One observer per chart, not per mark — cheap enough at that granularity.
+ */
+export declare function useElementSize(target: Ref<HTMLElement | undefined>): {
+    width: Ref<number, number>;
+    height: Ref<number, number>;
+};

package/dist/composables/element-size.js

@@ -0,0 +1,22 @@
+import { onBeforeUnmount as e, ref as t, watch as n } from "vue";
+//#region src/composables/element-size.ts
+function r(r) {
+	let i = t(0), a = t(0), o;
+	function s() {
+		o?.disconnect(), o = void 0;
+	}
+	return n(r, (e) => {
+		s(), e && (i.value = e.clientWidth, a.value = e.clientHeight, !(typeof ResizeObserver > "u") && (o = new ResizeObserver((e) => {
+			let t = e[0];
+			t && (i.value = t.contentRect.width, a.value = t.contentRect.height);
+		}), o.observe(e)));
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), e(s), {
+		width: i,
+		height: a
+	};
+}
+//#endregion
+export { r as useElementSize };

package/dist/composables/scale.d.ts

@@ -0,0 +1,36 @@
+/**
+ * The arithmetic every chart shares: find a domain, map it onto a range, and
+ * choose the numbers an axis is allowed to show.
+ *
+ * Deliberately not a charting engine — no band scales or stacking yet. Those
+ * arrive with the components that need them rather than being guessed at now.
+ */
+/** A gap in a series. `null` reads as "no reading", not as zero. */
+export type SparseValue = number | null | undefined;
+/** Finite values only, so gaps and stray `NaN` cannot poison a domain. */
+export declare function finiteValues(values: readonly SparseValue[]): number[];
+/** Smallest and largest finite value, or `undefined` when there are none. */
+export declare function extent(values: readonly SparseValue[]): [number, number] | undefined;
+/**
+ * Map `domain` onto `range`.
+ *
+ * A zero-width domain — every value identical, or a single point — maps to the
+ * middle of the range instead of dividing by zero. A flat series should draw a
+ * flat line through the centre, not vanish or spike to an edge.
+ */
+export declare function linearScale(domain: readonly [number, number], range: readonly [number, number]): (value: number) => number;
+/**
+ * Axis values a person would actually write down.
+ *
+ * The difference between an axis reading `0 / 1,000 / 2,000` and one reading
+ * `0 / 863.4 / 1,726.8` is the single clearest tell of a hand-rolled chart, so
+ * the step is snapped to a 1/2/5 multiple of a power of ten and the domain is
+ * widened outwards to land on it. The returned bounds are therefore usually
+ * wider than the data — that is the point, and the caller should scale to the
+ * first and last tick rather than to its own min and max.
+ */
+export declare function niceTicks(min: number, max: number, count?: number): {
+    ticks: number[];
+    min: number;
+    max: number;
+};

package/dist/composables/scale.js

@@ -0,0 +1,43 @@
+//#region src/composables/scale.ts
+function e(e) {
+	return e.filter((e) => typeof e == "number" && Number.isFinite(e));
+}
+function t(t) {
+	let n = e(t);
+	if (n.length) return [Math.min(...n), Math.max(...n)];
+}
+function n(e, t) {
+	let [n, r] = e, [i, a] = t, o = r - n;
+	if (o === 0) return () => (i + a) / 2;
+	let s = (a - i) / o;
+	return (e) => i + (e - n) * s;
+}
+function r(e, t) {
+	let n = 10 ** Math.floor(Math.log10(e)), r = e / n, i;
+	return i = t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10, i * n;
+}
+function i(e, t, n = 5) {
+	if (!Number.isFinite(e) || !Number.isFinite(t)) return {
+		ticks: [0, 1],
+		min: 0,
+		max: 1
+	};
+	if (e === t) {
+		if (e === 0) return {
+			ticks: [0, 1],
+			min: 0,
+			max: 1
+		};
+		let n = Math.abs(e);
+		e -= n / 2, t += n / 2;
+	}
+	let i = r(r(t - e, !1) / Math.max(n - 1, 1), !0), a = Math.floor(e / i) * i, o = Math.ceil(t / i) * i, s = Math.max(0, -Math.floor(Math.log10(i))), c = [], l = Math.round((o - a) / i);
+	for (let e = 0; e <= l; e++) c.push(Number((a + e * i).toFixed(s)));
+	return {
+		ticks: c,
+		min: c[0],
+		max: c[c.length - 1]
+	};
+}
+//#endregion
+export { t as extent, e as finiteValues, n as linearScale, i as niceTicks };

package/dist/index.d.ts

@@ -5,10 +5,12 @@ export type { AlertProps } from './components/Alert.vue';
 export type { AppProps } from './components/App.vue';
 export type { BadgeProps } from './components/Badge.vue';
 export type { BannerProps } from './components/Banner.vue';
+export type { BarChartDatum, BarChartProps } from './components/BarChart.vue';
 export type { BreadcrumbItem, BreadcrumbProps } from './components/Breadcrumb.vue';
 export type { ButtonProps } from './components/Button.vue';
 export type { ButtonGroupProps } from './components/ButtonGroup.vue';
 export type { CardProps } from './components/Card.vue';
+export type { ChartLegendProps } from './components/ChartLegend.vue';
 export type { CheckboxProps } from './components/Checkbox.vue';
 export type { ComboboxItemGroup, ComboboxItemOption, ComboboxItems, ComboboxProps } from './components/Combobox.vue';
 export type { ConfirmDialogProps } from './components/ConfirmDialog.vue';
@@ -22,6 +24,7 @@ export type { FormProps } from './components/Form.vue';
 export type { FormFieldProps } from './components/FormField.vue';
 export type { InputProps } from './components/Input.vue';
 export type { LabelProps } from './components/Label.vue';
+export type { LineChartDatum, LineChartProps } from './components/LineChart.vue';
 export type { NumberInputProps } from './components/NumberInput.vue';
 export type { PaginationProps } from './components/Pagination.vue';
 export type { PasswordInputProps } from './components/PasswordInput.vue';
@@ -30,6 +33,7 @@ export type { RadioGroupItemOption, RadioGroupProps } from './components/RadioGr
 export type { SelectItemGroup, SelectItemOption, SelectItems, SelectProps } from './components/Select.vue';
 export type { SeparatorProps } from './components/Separator.vue';
 export type { SkeletonProps } from './components/Skeleton.vue';
+export type { SparklineProps } from './components/Sparkline.vue';
 export type { StatProps } from './components/Stat.vue';
 export type { StepperItemOption, StepperProps } from './components/Stepper.vue';
 export type { SwitchProps } from './components/Switch.vue';
@@ -40,12 +44,15 @@ export type { ToasterProps } from './components/Toaster.vue';
 export type { TooltipProps } from './components/Tooltip.vue';
 export * from './composables/appearance';
 export * from './composables/button-group';
+export * from './composables/cartesian';
 export * from './composables/confirm';
 export * from './composables/data-table';
 export * from './composables/date';
 export * from './composables/decimal';
 export * from './composables/dropdown-menu';
+export * from './composables/element-size';
 export * from './composables/form';
+export * from './composables/scale';
 export * from './composables/toast';
 export { defaultConfig, iryxUiConfigKey, useIryxUiConfig } from './config';
 export type { IryxUiConfig } from './config';

package/dist/index.js

@@ -1,83 +1,94 @@
-import { componentNames as e } from "./packages/iryx-ui/src/component-names.js";
-import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./packages/iryx-ui/src/config.js";
-import { alertTheme as i } from "./packages/iryx-ui/src/theme/alert.js";
-import a from "./packages/iryx-ui/src/components/Alert.js";
-import { initAppearance as o, useAppearance as s } from "./packages/iryx-ui/src/composables/appearance.js";
-import { applyTheme as c, clearTheme as l, themes as u } from "./packages/iryx-ui/src/theme/presets.js";
-import d from "./packages/iryx-ui/src/components/App.js";
-import { badgeTheme as f } from "./packages/iryx-ui/src/theme/badge.js";
-import p from "./packages/iryx-ui/src/components/Badge.js";
-import { bannerTheme as m } from "./packages/iryx-ui/src/theme/banner.js";
-import h from "./packages/iryx-ui/src/components/Banner.js";
-import { breadcrumbTheme as g } from "./packages/iryx-ui/src/theme/breadcrumb.js";
-import _ from "./packages/iryx-ui/src/components/Breadcrumb.js";
-import { buttonGroupContextKey as v, useButtonGroup as y } from "./packages/iryx-ui/src/composables/button-group.js";
-import { buttonTheme as b } from "./packages/iryx-ui/src/theme/button.js";
-import x from "./packages/iryx-ui/src/components/Button.js";
-import { buttonGroupTheme as S } from "./packages/iryx-ui/src/theme/button-group.js";
-import C from "./packages/iryx-ui/src/components/ButtonGroup.js";
-import { cardTheme as w } from "./packages/iryx-ui/src/theme/card.js";
-import T from "./packages/iryx-ui/src/components/Card.js";
-import { checkboxTheme as E } from "./packages/iryx-ui/src/theme/checkbox.js";
-import D from "./packages/iryx-ui/src/components/Checkbox.js";
-import { formContextKey as O, formFieldContextKey as k, getByPath as A, isStandardSchema as j, issuePath as M, useForm as N, useFormField as P } from "./packages/iryx-ui/src/composables/form.js";
-import { fieldBase as F, inputTheme as I, textareaTheme as L } from "./packages/iryx-ui/src/theme/input.js";
-import { comboboxTheme as R } from "./packages/iryx-ui/src/theme/combobox.js";
-import z from "./packages/iryx-ui/src/components/Combobox.js";
-import { resolveConfirm as B, useConfirm as V, useConfirmState as H } from "./packages/iryx-ui/src/composables/confirm.js";
-import { dialogTheme as U } from "./packages/iryx-ui/src/theme/dialog.js";
-import W from "./packages/iryx-ui/src/components/Dialog.js";
-import G from "./packages/iryx-ui/src/components/ConfirmDialog.js";
-import { $2aaf608024c21ca1$export$99faa760c7908e4f as K } from "./node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/CalendarDate.js";
-import { formatIsoDate as q, isoToday as J, toCalendarDate as Y, toIsoDate as X } from "./packages/iryx-ui/src/composables/date.js";
-import { datePickerTheme as Z } from "./packages/iryx-ui/src/theme/date-picker.js";
-import Q from "./packages/iryx-ui/src/components/DatePicker.js";
-import $ from "./packages/iryx-ui/src/components/DateRangePicker.js";
-import { dropdownMenuTheme as ee } from "./packages/iryx-ui/src/theme/dropdown-menu.js";
-import { isSeparator as te, isSubmenu as ne } from "./packages/iryx-ui/src/composables/dropdown-menu.js";
-import re from "./packages/iryx-ui/src/components/DropdownMenu.js";
-import { emptyStateTheme as ie } from "./packages/iryx-ui/src/theme/empty-state.js";
-import ae from "./packages/iryx-ui/src/components/EmptyState.js";
-import { fileUploadTheme as oe } from "./packages/iryx-ui/src/theme/file-upload.js";
-import se from "./packages/iryx-ui/src/components/FileUpload.js";
-import ce from "./packages/iryx-ui/src/components/Form.js";
-import { labelTheme as le } from "./packages/iryx-ui/src/theme/label.js";
-import ue from "./packages/iryx-ui/src/components/Label.js";
-import de from "./packages/iryx-ui/src/components/FormField.js";
-import fe from "./packages/iryx-ui/src/components/Input.js";
-import { addDecimals as pe, clampDecimal as me, compareDecimals as he, formatDecimal as ge, formatForLocale as _e, isDecimal as ve, localeSeparators as ye, parseDecimal as be, parseFromLocale as xe, roundDecimal as Se, toEditable as Ce } from "./packages/iryx-ui/src/composables/decimal.js";
-import { numberInputTheme as we } from "./packages/iryx-ui/src/theme/number-input.js";
-import Te from "./packages/iryx-ui/src/components/NumberInput.js";
-import { paginationTheme as Ee } from "./packages/iryx-ui/src/theme/pagination.js";
-import De from "./packages/iryx-ui/src/components/Pagination.js";
-import { passwordInputTheme as Oe } from "./packages/iryx-ui/src/theme/password-input.js";
-import ke from "./packages/iryx-ui/src/components/PasswordInput.js";
-import { progressTheme as Ae } from "./packages/iryx-ui/src/theme/progress.js";
-import je from "./packages/iryx-ui/src/components/Progress.js";
-import { radioGroupTheme as Me } from "./packages/iryx-ui/src/theme/radio-group.js";
-import Ne from "./packages/iryx-ui/src/components/RadioGroup.js";
-import { selectTheme as Pe } from "./packages/iryx-ui/src/theme/select.js";
-import Fe from "./packages/iryx-ui/src/components/Select.js";
-import { separatorTheme as Ie } from "./packages/iryx-ui/src/theme/separator.js";
-import Le from "./packages/iryx-ui/src/components/Separator.js";
-import { skeletonTheme as Re } from "./packages/iryx-ui/src/theme/skeleton.js";
-import ze from "./packages/iryx-ui/src/components/Skeleton.js";
-import { statTheme as Be } from "./packages/iryx-ui/src/theme/stat.js";
-import Ve from "./packages/iryx-ui/src/components/Stat.js";
-import { stepperTheme as He } from "./packages/iryx-ui/src/theme/stepper.js";
-import Ue from "./packages/iryx-ui/src/components/Stepper.js";
-import { switchTheme as We } from "./packages/iryx-ui/src/theme/switch.js";
-import Ge from "./packages/iryx-ui/src/components/Switch.js";
-import { getRowValue as Ke, useDataTable as qe } from "./packages/iryx-ui/src/composables/data-table.js";
-import { tableTheme as Je } from "./packages/iryx-ui/src/theme/table.js";
-import Ye from "./packages/iryx-ui/src/components/Table.js";
-import { tabsTheme as Xe } from "./packages/iryx-ui/src/theme/tabs.js";
-import Ze from "./packages/iryx-ui/src/components/Tabs.js";
-import Qe from "./packages/iryx-ui/src/components/Textarea.js";
-import { useToast as $e, useToastState as et } from "./packages/iryx-ui/src/composables/toast.js";
-import { toastTheme as tt } from "./packages/iryx-ui/src/theme/toast.js";
-import nt from "./packages/iryx-ui/src/components/Toaster.js";
-import { tooltipTheme as rt } from "./packages/iryx-ui/src/theme/tooltip.js";
-import it from "./packages/iryx-ui/src/components/Tooltip.js";
-import { IryxUi as at, createIryxUi as ot } from "./packages/iryx-ui/src/plugin.js";
-export { a as Alert, d as App, p as Badge, h as Banner, _ as Breadcrumb, x as Button, C as ButtonGroup, K as CalendarDate, T as Card, D as Checkbox, z as Combobox, G as ConfirmDialog, Q as DatePicker, $ as DateRangePicker, W as Dialog, re as DropdownMenu, ae as EmptyState, se as FileUpload, ce as Form, de as FormField, fe as Input, at as IryxUi, ue as Label, Te as NumberInput, De as Pagination, ke as PasswordInput, je as Progress, Ne as RadioGroup, Fe as Select, Le as Separator, ze as Skeleton, Ve as Stat, Ue as Stepper, Ge as Switch, Ye as Table, Ze as Tabs, Qe as Textarea, nt as Toaster, it as Tooltip, pe as addDecimals, i as alertTheme, c as applyTheme, f as badgeTheme, m as bannerTheme, g as breadcrumbTheme, v as buttonGroupContextKey, S as buttonGroupTheme, b as buttonTheme, w as cardTheme, E as checkboxTheme, me as clampDecimal, l as clearTheme, R as comboboxTheme, he as compareDecimals, e as componentNames, ot as createIryxUi, Z as datePickerTheme, t as defaultConfig, U as dialogTheme, ee as dropdownMenuTheme, ie as emptyStateTheme, F as fieldBase, oe as fileUploadTheme, O as formContextKey, k as formFieldContextKey, ge as formatDecimal, _e as formatForLocale, q as formatIsoDate, A as getByPath, Ke as getRowValue, o as initAppearance, I as inputTheme, n as iryxUiConfigKey, ve as isDecimal, te as isSeparator, j as isStandardSchema, ne as isSubmenu, J as isoToday, M as issuePath, le as labelTheme, ye as localeSeparators, we as numberInputTheme, Ee as paginationTheme, be as parseDecimal, xe as parseFromLocale, Oe as passwordInputTheme, Ae as progressTheme, Me as radioGroupTheme, B as resolveConfirm, Se as roundDecimal, Pe as selectTheme, Ie as separatorTheme, Re as skeletonTheme, Be as statTheme, He as stepperTheme, We as switchTheme, Je as tableTheme, Xe as tabsTheme, L as textareaTheme, u as themes, Y as toCalendarDate, Ce as toEditable, X as toIsoDate, tt as toastTheme, rt as tooltipTheme, s as useAppearance, y as useButtonGroup, V as useConfirm, H as useConfirmState, qe as useDataTable, N as useForm, P as useFormField, r as useIryxUiConfig, $e as useToast, et as useToastState };
+import { componentNames as e } from "./component-names.js";
+import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./config.js";
+import { alertTheme as i } from "./theme/alert.js";
+import a from "./components/Alert.js";
+import { initAppearance as o, useAppearance as s } from "./composables/appearance.js";
+import { applyTheme as c, clearTheme as l, themes as u } from "./theme/presets.js";
+import d from "./components/App.js";
+import { badgeTheme as f } from "./theme/badge.js";
+import p from "./components/Badge.js";
+import { bannerTheme as m } from "./theme/banner.js";
+import h from "./components/Banner.js";
+import { extent as g, finiteValues as _, linearScale as v, niceTicks as y } from "./composables/scale.js";
+import { AXIS_GAP as b, CATEGORY_HEIGHT as x, CHAR_WIDTH as S, SERIES_SLOTS as C, TOP_PAD as w, cartesianLayout as T, clampTooltip as E, seriesColor as D, slotOf as O, tooltipHalfWidth as k, warnOnSlotOverflow as A } from "./composables/cartesian.js";
+import { useElementSize as j } from "./composables/element-size.js";
+import { barChartTheme as M } from "./theme/bar-chart.js";
+import { chartLegendTheme as N } from "./theme/chart-legend.js";
+import P from "./components/ChartLegend.js";
+import F from "./components/BarChart.js";
+import { breadcrumbTheme as I } from "./theme/breadcrumb.js";
+import L from "./components/Breadcrumb.js";
+import { buttonGroupContextKey as R, useButtonGroup as z } from "./composables/button-group.js";
+import { buttonTheme as B } from "./theme/button.js";
+import V from "./components/Button.js";
+import { buttonGroupTheme as H } from "./theme/button-group.js";
+import U from "./components/ButtonGroup.js";
+import { cardTheme as W } from "./theme/card.js";
+import G from "./components/Card.js";
+import { checkboxTheme as K } from "./theme/checkbox.js";
+import q from "./components/Checkbox.js";
+import { formContextKey as J, formFieldContextKey as Y, getByPath as X, isStandardSchema as Z, issuePath as Q, useForm as $, useFormField as ee } from "./composables/form.js";
+import { fieldBase as te, inputTheme as ne, textareaTheme as re } from "./theme/input.js";
+import { comboboxTheme as ie } from "./theme/combobox.js";
+import ae from "./components/Combobox.js";
+import { resolveConfirm as oe, useConfirm as se, useConfirmState as ce } from "./composables/confirm.js";
+import { dialogTheme as le } from "./theme/dialog.js";
+import ue from "./components/Dialog.js";
+import de from "./components/ConfirmDialog.js";
+import { $2aaf608024c21ca1$export$99faa760c7908e4f as fe } from "./node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/CalendarDate.js";
+import { formatIsoDate as pe, isoToday as me, toCalendarDate as he, toIsoDate as ge } from "./composables/date.js";
+import { datePickerTheme as _e } from "./theme/date-picker.js";
+import ve from "./components/DatePicker.js";
+import ye from "./components/DateRangePicker.js";
+import { dropdownMenuTheme as be } from "./theme/dropdown-menu.js";
+import { isSeparator as xe, isSubmenu as Se } from "./composables/dropdown-menu.js";
+import Ce from "./components/DropdownMenu.js";
+import { emptyStateTheme as we } from "./theme/empty-state.js";
+import Te from "./components/EmptyState.js";
+import { fileUploadTheme as Ee } from "./theme/file-upload.js";
+import De from "./components/FileUpload.js";
+import Oe from "./components/Form.js";
+import { labelTheme as ke } from "./theme/label.js";
+import Ae from "./components/Label.js";
+import je from "./components/FormField.js";
+import Me from "./components/Input.js";
+import { lineChartTheme as Ne } from "./theme/line-chart.js";
+import Pe from "./components/LineChart.js";
+import { addDecimals as Fe, clampDecimal as Ie, compareDecimals as Le, formatDecimal as Re, formatForLocale as ze, isDecimal as Be, localeSeparators as Ve, parseDecimal as He, parseFromLocale as Ue, roundDecimal as We, toEditable as Ge } from "./composables/decimal.js";
+import { numberInputTheme as Ke } from "./theme/number-input.js";
+import qe from "./components/NumberInput.js";
+import { paginationTheme as Je } from "./theme/pagination.js";
+import Ye from "./components/Pagination.js";
+import { passwordInputTheme as Xe } from "./theme/password-input.js";
+import Ze from "./components/PasswordInput.js";
+import { progressTheme as Qe } from "./theme/progress.js";
+import $e from "./components/Progress.js";
+import { radioGroupTheme as et } from "./theme/radio-group.js";
+import tt from "./components/RadioGroup.js";
+import { selectTheme as nt } from "./theme/select.js";
+import rt from "./components/Select.js";
+import { separatorTheme as it } from "./theme/separator.js";
+import at from "./components/Separator.js";
+import { skeletonTheme as ot } from "./theme/skeleton.js";
+import st from "./components/Skeleton.js";
+import { sparklineTheme as ct } from "./theme/sparkline.js";
+import lt from "./components/Sparkline.js";
+import { statTheme as ut } from "./theme/stat.js";
+import dt from "./components/Stat.js";
+import { stepperTheme as ft } from "./theme/stepper.js";
+import pt from "./components/Stepper.js";
+import { switchTheme as mt } from "./theme/switch.js";
+import ht from "./components/Switch.js";
+import { getRowValue as gt, useDataTable as _t } from "./composables/data-table.js";
+import { tableTheme as vt } from "./theme/table.js";
+import yt from "./components/Table.js";
+import { tabsTheme as bt } from "./theme/tabs.js";
+import xt from "./components/Tabs.js";
+import St from "./components/Textarea.js";
+import { useToast as Ct, useToastState as wt } from "./composables/toast.js";
+import { toastTheme as Tt } from "./theme/toast.js";
+import Et from "./components/Toaster.js";
+import { tooltipTheme as Dt } from "./theme/tooltip.js";
+import Ot from "./components/Tooltip.js";
+import { IryxUi as kt, createIryxUi as At } from "./plugin.js";
+export { b as AXIS_GAP, a as Alert, d as App, p as Badge, h as Banner, F as BarChart, L as Breadcrumb, V as Button, U as ButtonGroup, x as CATEGORY_HEIGHT, S as CHAR_WIDTH, fe as CalendarDate, G as Card, P as ChartLegend, q as Checkbox, ae as Combobox, de as ConfirmDialog, ve as DatePicker, ye as DateRangePicker, ue as Dialog, Ce as DropdownMenu, Te as EmptyState, De as FileUpload, Oe as Form, je as FormField, Me as Input, kt as IryxUi, Ae as Label, Pe as LineChart, qe as NumberInput, Ye as Pagination, Ze as PasswordInput, $e as Progress, tt as RadioGroup, C as SERIES_SLOTS, rt as Select, at as Separator, st as Skeleton, lt as Sparkline, dt as Stat, pt as Stepper, ht as Switch, w as TOP_PAD, yt as Table, xt as Tabs, St as Textarea, Et as Toaster, Ot as Tooltip, Fe as addDecimals, i as alertTheme, c as applyTheme, f as badgeTheme, m as bannerTheme, M as barChartTheme, I as breadcrumbTheme, R as buttonGroupContextKey, H as buttonGroupTheme, B as buttonTheme, W as cardTheme, T as cartesianLayout, N as chartLegendTheme, K as checkboxTheme, Ie as clampDecimal, E as clampTooltip, l as clearTheme, ie as comboboxTheme, Le as compareDecimals, e as componentNames, At as createIryxUi, _e as datePickerTheme, t as defaultConfig, le as dialogTheme, be as dropdownMenuTheme, we as emptyStateTheme, g as extent, te as fieldBase, Ee as fileUploadTheme, _ as finiteValues, J as formContextKey, Y as formFieldContextKey, Re as formatDecimal, ze as formatForLocale, pe as formatIsoDate, X as getByPath, gt as getRowValue, o as initAppearance, ne as inputTheme, n as iryxUiConfigKey, Be as isDecimal, xe as isSeparator, Z as isStandardSchema, Se as isSubmenu, me as isoToday, Q as issuePath, ke as labelTheme, Ne as lineChartTheme, v as linearScale, Ve as localeSeparators, y as niceTicks, Ke as numberInputTheme, Je as paginationTheme, He as parseDecimal, Ue as parseFromLocale, Xe as passwordInputTheme, Qe as progressTheme, et as radioGroupTheme, oe as resolveConfirm, We as roundDecimal, nt as selectTheme, it as separatorTheme, D as seriesColor, ot as skeletonTheme, O as slotOf, ct as sparklineTheme, ut as statTheme, ft as stepperTheme, mt as switchTheme, vt as tableTheme, bt as tabsTheme, re as textareaTheme, u as themes, he as toCalendarDate, Ge as toEditable, ge as toIsoDate, Tt as toastTheme, k as tooltipHalfWidth, Dt as tooltipTheme, s as useAppearance, z as useButtonGroup, se as useConfirm, ce as useConfirmState, _t as useDataTable, j as useElementSize, $ as useForm, ee as useFormField, r as useIryxUiConfig, Ct as useToast, wt as useToastState, A as warnOnSlotOverflow };

package/dist/nuxt.js

@@ -1,4 +1,4 @@
-import { componentNames as e } from "./packages/iryx-ui/src/component-names.js";
+import { componentNames as e } from "./component-names.js";
 import { addComponent as t, addPluginTemplate as n, defineNuxtModule as r } from "@nuxt/kit";
 //#region src/nuxt.ts
 var i = r({