iryx-ui 0.9.0 → 0.10.2

package/dist/components/index.js

@@ -0,0 +1,88 @@
+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";
+//#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
+});
+//#endregion
+export { H as components_exports };

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/index.d.ts

@@ -10,6 +10,7 @@ export type { BreadcrumbItem, BreadcrumbProps } from './components/Breadcrumb.vu
 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';
@@ -23,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';
@@ -42,6 +44,7 @@ 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';

package/dist/index.js

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

package/dist/theme/bar-chart.d.ts

@@ -8,6 +8,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             table?: import("tailwind-variants").ClassValue;
+            plot?: import("tailwind-variants").ClassValue;
             grid?: import("tailwind-variants").ClassValue;
             tick?: import("tailwind-variants").ClassValue;
             category?: import("tailwind-variants").ClassValue;
@@ -25,6 +26,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             table?: import("tailwind-variants").ClassValue;
+            plot?: import("tailwind-variants").ClassValue;
             grid?: import("tailwind-variants").ClassValue;
             tick?: import("tailwind-variants").ClassValue;
             category?: import("tailwind-variants").ClassValue;
@@ -38,6 +40,12 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     };
 } | {}, {
     root: string;
+    /**
+     * The tooltip's coordinates come from the SVG, so the SVG has to be its
+     * positioning context. Anchoring to the root instead shifts it up by the
+     * height of anything above the plot — the legend, most obviously.
+     */
+    plot: string;
     svg: string;
     /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;
@@ -60,6 +68,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
             root?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             table?: import("tailwind-variants").ClassValue;
+            plot?: import("tailwind-variants").ClassValue;
             grid?: import("tailwind-variants").ClassValue;
             tick?: import("tailwind-variants").ClassValue;
             category?: import("tailwind-variants").ClassValue;
@@ -73,6 +82,12 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     };
 } | {}, {
     root: string;
+    /**
+     * The tooltip's coordinates come from the SVG, so the SVG has to be its
+     * positioning context. Anchoring to the root instead shifts it up by the
+     * height of anything above the plot — the legend, most obviously.
+     */
+    plot: string;
     svg: string;
     /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;
@@ -91,6 +106,12 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     table: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     root: string;
+    /**
+     * The tooltip's coordinates come from the SVG, so the SVG has to be its
+     * positioning context. Anchoring to the root instead shifts it up by the
+     * height of anything above the plot — the legend, most obviously.
+     */
+    plot: string;
     svg: string;
     /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;

package/dist/{packages/iryx-ui/src/theme → theme}/bar-chart.js

@@ -1,7 +1,8 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/bar-chart.ts
 var t = e({ slots: {
-	root: "relative w-full text-primary",
+	root: "w-full text-primary",
+	plot: "relative",
 	svg: "block w-full overflow-visible",
 	grid: "stroke-border",
 	tick: "fill-muted-foreground text-xs [font-variant-numeric:tabular-nums]",

package/dist/theme/breadcrumb.d.ts

@@ -3,8 +3,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             link?: import("tailwind-variants").ClassValue;
-            list?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;
         };
@@ -14,8 +14,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             link?: import("tailwind-variants").ClassValue;
-            list?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;
         };
@@ -33,8 +33,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             link?: import("tailwind-variants").ClassValue;
-            list?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;
         };