iryx-ui 0.14.0 → 0.16.0

package/dist/composables/chart-reveal.js

@@ -0,0 +1,93 @@
+import { computed as e, onBeforeUnmount as t, ref as n, watch as r } from "vue";
+//#region src/composables/chart-reveal.ts
+var i = 700, a = {
+	"ease-out": [
+		.16,
+		1,
+		.3,
+		1
+	],
+	"ease-in": [
+		.7,
+		0,
+		.84,
+		0
+	],
+	"ease-in-out": [
+		.65,
+		0,
+		.35,
+		1
+	],
+	linear: [
+		0,
+		0,
+		1,
+		1
+	]
+};
+function o([e, t, n, r]) {
+	let i = (e, t, n) => {
+		let r = 1 - n;
+		return 3 * r * r * n * e + 3 * r * n * n * t + n * n * n;
+	};
+	return (a) => {
+		if (a <= 0) return 0;
+		if (a >= 1) return 1;
+		let o = 0, s = 1, c = a;
+		for (let t = 0; t < 20; t++) i(e, n, c) < a ? o = c : s = c, c = (o + s) / 2;
+		return i(t, r, c);
+	};
+}
+function s(t) {
+	return e(() => {
+		let e = t.value ?? !0, n = typeof e == "object" ? e : {}, r = a[n.easing ?? "ease-out"] ?? a["ease-out"];
+		return {
+			enabled: e !== !1,
+			duration: Math.max(n.duration ?? 700, 0),
+			css: `cubic-bezier(${r.join(", ")})`,
+			ease: o(r)
+		};
+	});
+}
+function c() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function l(e) {
+	return e.enabled && e.duration > 0 && typeof requestAnimationFrame < "u" && !c();
+}
+function u(e, t) {
+	let i = n(!1), a = !1;
+	return r(e, (e) => {
+		if (!(!e || a)) {
+			if (a = !0, !l(t.value)) {
+				i.value = !0;
+				return;
+			}
+			requestAnimationFrame(() => requestAnimationFrame(() => {
+				i.value = !0;
+			}));
+		}
+	}, { immediate: !0 }), { revealed: i };
+}
+function d(e, i) {
+	let a = n(0), o = !1, s;
+	return r(e, (e) => {
+		if (!e || o) return;
+		if (o = !0, !l(i.value)) {
+			a.value = 1;
+			return;
+		}
+		let { duration: t, ease: n } = i.value, r;
+		function c(e) {
+			r ??= e;
+			let i = Math.min((e - r) / t, 1);
+			a.value = n(i), i < 1 && (s = requestAnimationFrame(c));
+		}
+		s = requestAnimationFrame(c);
+	}, { immediate: !0 }), t(() => {
+		s != null && cancelAnimationFrame(s);
+	}), { progress: a };
+}
+//#endregion
+export { i as REVEAL_DURATION, s as useChartAnimation, d as useChartProgress, u as useChartReveal };

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export type { ContextMenuProps } from './components/ContextMenu.vue';
 export type { DatePickerProps } from './components/DatePicker.vue';
 export type { DateRange, DateRangePickerProps } from './components/DateRangePicker.vue';
 export type { DialogProps } from './components/Dialog.vue';
+export type { DonutChartDatum, DonutChartProps } from './components/DonutChart.vue';
 export type { DrawerProps, DrawerSide, DrawerSnapPoint } from './components/Drawer.vue';
 export type { DropdownMenuProps } from './components/DropdownMenu.vue';
 export type { EmptyStateProps } from './components/EmptyState.vue';
@@ -76,6 +77,7 @@ export type { TreeItemOption, TreeProps } from './components/Tree.vue';
 export * from './composables/appearance';
 export * from './composables/button-group';
 export * from './composables/cartesian';
+export * from './composables/chart-reveal';
 export * from './composables/command-palette';
 export * from './composables/confirm';
 export * from './composables/data-table';

package/dist/index.js

@@ -11,147 +11,150 @@ import { applyTheme as f, clearTheme as p, themes as m } from "./theme/presets.j
 import h from "./components/App.js";
 import { useElementSize as g } from "./composables/element-size.js";
 import { appShellTheme as _ } from "./theme/app-shell.js";
-import v from "./components/AppShell.js";
-import y from "./components/AspectRatio.js";
-import { avatarGroupTheme as b, avatarTheme as x } from "./theme/avatar.js";
-import S from "./components/Avatar.js";
-import C from "./components/AvatarGroup.js";
-import { badgeTheme as w } from "./theme/badge.js";
-import T from "./components/Badge.js";
-import { bannerTheme as E } from "./theme/banner.js";
-import D from "./components/Banner.js";
-import { extent as O, finiteValues as k, linearScale as A, niceTicks as j } from "./composables/scale.js";
-import { AXIS_GAP as M, CATEGORY_HEIGHT as N, CHAR_WIDTH as P, SERIES_SLOTS as F, TOP_PAD as I, cartesianLayout as L, clampTooltip as R, seriesColor as z, slotOf as B, tooltipHalfWidth as V, warnOnSlotOverflow as H } from "./composables/cartesian.js";
-import { barChartTheme as U } from "./theme/bar-chart.js";
-import { chartLegendTheme as W } from "./theme/chart-legend.js";
-import G from "./components/ChartLegend.js";
-import K from "./components/BarChart.js";
-import { breadcrumbTheme as q } from "./theme/breadcrumb.js";
-import J from "./components/Breadcrumb.js";
-import { buttonGroupContextKey as Y, useButtonGroup as X } from "./composables/button-group.js";
-import { buttonTheme as Z } from "./theme/button.js";
-import Q from "./components/Button.js";
-import { buttonGroupTheme as $ } from "./theme/button-group.js";
-import ee from "./components/ButtonGroup.js";
-import { cardTheme as te } from "./theme/card.js";
-import ne from "./components/Card.js";
-import { checkboxTheme as re } from "./theme/checkbox.js";
-import ie from "./components/Checkbox.js";
-import { collapsibleTheme as ae } from "./theme/collapsible.js";
-import oe from "./components/Collapsible.js";
-import { fieldBase as se, inputTheme as ce, textareaTheme as le } from "./theme/input.js";
-import { colorPickerTheme as ue } from "./theme/color-picker.js";
-import de from "./components/ColorPicker.js";
-import { formContextKey as fe, formFieldContextKey as pe, getByPath as me, isStandardSchema as he, issuePath as ge, useForm as _e, useFormField as ve } from "./composables/form.js";
-import { comboboxTheme as ye } from "./theme/combobox.js";
-import be from "./components/Combobox.js";
-import { isApplePlatform as xe, parseHotkey as Se, useApplePlatform as Ce } from "./composables/kbd.js";
-import { commandHaystack as we, isCommandGroup as Te, matchesHotkey as Ee, toCommandGroups as De } from "./composables/command-palette.js";
-import { commandPaletteTheme as Oe } from "./theme/command-palette.js";
-import { kbdTheme as ke } from "./theme/kbd.js";
-import Ae from "./components/Kbd.js";
-import je from "./components/CommandPalette.js";
-import { resolveConfirm as Me, useConfirm as Ne, useConfirmState as Pe } from "./composables/confirm.js";
-import { dialogTheme as Fe } from "./theme/dialog.js";
-import Ie from "./components/Dialog.js";
-import Le from "./components/ConfirmDialog.js";
-import { containerTheme as Re } from "./theme/container.js";
-import ze from "./components/Container.js";
-import { dropdownMenuTheme as Be } from "./theme/dropdown-menu.js";
-import { isSeparator as Ve, isSubmenu as He } from "./composables/dropdown-menu.js";
-import Ue from "./components/ContextMenu.js";
-import { CalendarDate as We, Time as Ge, formatIsoDate as Ke, isoToday as qe, toCalendarDate as Je, toIsoDate as Ye, toIsoTime as Xe, toTime as Ze } from "./composables/date.js";
-import { datePickerTheme as Qe } from "./theme/date-picker.js";
-import $e from "./components/DatePicker.js";
-import et from "./components/DateRangePicker.js";
-import { drawerTheme as tt } from "./theme/drawer.js";
-import nt from "./components/Drawer.js";
-import rt from "./components/DropdownMenu.js";
-import { emptyStateTheme as it } from "./theme/empty-state.js";
-import at from "./components/EmptyState.js";
-import { fileUploadTheme as ot } from "./theme/file-upload.js";
-import st from "./components/FileUpload.js";
-import ct from "./components/Form.js";
-import { labelTheme as lt } from "./theme/label.js";
-import ut from "./components/Label.js";
-import dt from "./components/FormField.js";
-import ft from "./components/Input.js";
-import { lineChartTheme as pt } from "./theme/line-chart.js";
-import mt from "./components/LineChart.js";
-import { menubarTheme as ht } from "./theme/menubar.js";
-import gt from "./components/Menubar.js";
-import { isNavigationGroup as _t } from "./composables/navigation-menu.js";
-import { navigationMenuTheme as vt } from "./theme/navigation-menu.js";
-import yt from "./components/NavigationMenu.js";
-import { addDecimals as bt, clampDecimal as xt, compareDecimals as St, formatDecimal as Ct, formatForLocale as wt, isDecimal as Tt, localeSeparators as Et, parseDecimal as Dt, parseFromLocale as Ot, roundDecimal as kt, toEditable as At } from "./composables/decimal.js";
-import { numberInputTheme as jt } from "./theme/number-input.js";
-import Mt from "./components/NumberInput.js";
-import { pageHeaderTheme as Nt } from "./theme/page-header.js";
-import Pt from "./components/PageHeader.js";
-import { paginationTheme as Ft } from "./theme/pagination.js";
-import It from "./components/Pagination.js";
-import { passwordInputTheme as Lt } from "./theme/password-input.js";
-import Rt from "./components/PasswordInput.js";
-import { pinInputTheme as zt } from "./theme/pin-input.js";
-import Bt from "./components/PinInput.js";
-import { popoverTheme as Vt } from "./theme/popover.js";
-import Ht from "./components/Popover.js";
-import { progressTheme as Ut } from "./theme/progress.js";
-import Wt from "./components/Progress.js";
-import { radioGroupTheme as Gt } from "./theme/radio-group.js";
-import Kt from "./components/RadioGroup.js";
-import { scrollAreaTheme as qt } from "./theme/scroll-area.js";
-import Jt from "./components/ScrollArea.js";
-import { scrollFadeMask as Yt, useScrollEdges as Xt } from "./composables/scroll-fade.js";
-import { scrollFadeTheme as Zt } from "./theme/scroll-fade.js";
-import Qt from "./components/ScrollFade.js";
-import { selectTheme as $t } from "./theme/select.js";
-import en from "./components/Select.js";
-import { separatorTheme as tn } from "./theme/separator.js";
-import nn from "./components/Separator.js";
-import { isSidebarGroup as rn, isSidebarSection as an, toSidebarSections as on } from "./composables/sidebar.js";
-import { sidebarTheme as sn } from "./theme/sidebar.js";
-import cn from "./components/Sidebar.js";
-import { hasInk as ln, strokeWidth as un } from "./composables/signature.js";
-import { signaturePadTheme as dn } from "./theme/signature-pad.js";
-import fn from "./components/SignaturePad.js";
-import { skeletonTheme as pn } from "./theme/skeleton.js";
-import mn from "./components/Skeleton.js";
-import { sliderTheme as hn } from "./theme/slider.js";
-import gn from "./components/Slider.js";
-import { sparklineTheme as _n } from "./theme/sparkline.js";
-import vn from "./components/Sparkline.js";
-import { splitterTheme as yn } from "./theme/splitter.js";
-import bn from "./components/Splitter.js";
-import { statTheme as xn } from "./theme/stat.js";
-import Sn from "./components/Stat.js";
-import { stepperTheme as Cn } from "./theme/stepper.js";
-import wn from "./components/Stepper.js";
-import { switchTheme as Tn } from "./theme/switch.js";
-import En from "./components/Switch.js";
-import { getRowValue as Dn, useDataTable as On } from "./composables/data-table.js";
-import { tableTheme as kn } from "./theme/table.js";
-import An from "./components/Table.js";
-import { tabsTheme as jn } from "./theme/tabs.js";
-import Mn from "./components/Tabs.js";
-import { tagsInputTheme as Nn } from "./theme/tags-input.js";
-import Pn from "./components/TagsInput.js";
-import Fn from "./components/Textarea.js";
-import { timeFieldTheme as In } from "./theme/time-field.js";
-import Ln from "./components/TimeField.js";
-import { timelineTheme as Rn } from "./theme/timeline.js";
-import zn from "./components/Timeline.js";
-import { useToast as Bn, useToastState as Vn } from "./composables/toast.js";
-import { toastTheme as Hn } from "./theme/toast.js";
-import Un from "./components/Toaster.js";
-import { toggleGroupTheme as Wn, toggleTheme as Gn } from "./theme/toggle.js";
-import Kn from "./components/Toggle.js";
-import qn from "./components/ToggleGroup.js";
-import { toolbarTheme as Jn } from "./theme/toolbar.js";
-import Yn from "./components/Toolbar.js";
-import { tooltipTheme as Xn } from "./theme/tooltip.js";
-import Zn from "./components/Tooltip.js";
-import { treeTheme as Qn } from "./theme/tree.js";
-import $n from "./components/Tree.js";
-import { IryxUi as er, createIryxUi as tr } from "./plugin.js";
-export { M as AXIS_GAP, s as Accordion, l as Alert, h as App, v as AppShell, y as AspectRatio, S as Avatar, C as AvatarGroup, T as Badge, D as Banner, K as BarChart, J as Breadcrumb, Q as Button, ee as ButtonGroup, N as CATEGORY_HEIGHT, P as CHAR_WIDTH, We as CalendarDate, ne as Card, G as ChartLegend, ie as Checkbox, oe as Collapsible, de as ColorPicker, be as Combobox, je as CommandPalette, Le as ConfirmDialog, ze as Container, Ue as ContextMenu, $e as DatePicker, et as DateRangePicker, Ie as Dialog, nt as Drawer, rt as DropdownMenu, at as EmptyState, st as FileUpload, ct as Form, dt as FormField, o as Icon, ft as Input, er as IryxUi, Ae as Kbd, ut as Label, mt as LineChart, gt as Menubar, yt as NavigationMenu, Mt as NumberInput, Pt as PageHeader, It as Pagination, Rt as PasswordInput, Bt as PinInput, Ht as Popover, Wt as Progress, Kt as RadioGroup, F as SERIES_SLOTS, Jt as ScrollArea, Qt as ScrollFade, en as Select, nn as Separator, cn as Sidebar, fn as SignaturePad, mn as Skeleton, gn as Slider, vn as Sparkline, bn as Splitter, Sn as Stat, wn as Stepper, En as Switch, I as TOP_PAD, An as Table, Mn as Tabs, Pn as TagsInput, Fn as Textarea, Ge as Time, Ln as TimeField, zn as Timeline, Un as Toaster, Kn as Toggle, qn as ToggleGroup, Yn as Toolbar, Zn as Tooltip, $n as Tree, i as accordionTheme, bt as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, b as avatarGroupTheme, x as avatarTheme, w as badgeTheme, E as bannerTheme, U as barChartTheme, q as breadcrumbTheme, Y as buttonGroupContextKey, $ as buttonGroupTheme, Z as buttonTheme, te as cardTheme, L as cartesianLayout, W as chartLegendTheme, re as checkboxTheme, xt as clampDecimal, R as clampTooltip, p as clearTheme, ae as collapsibleTheme, ue as colorPickerTheme, ye as comboboxTheme, we as commandHaystack, Oe as commandPaletteTheme, St as compareDecimals, e as componentNames, Re as containerTheme, tr as createIryxUi, Qe as datePickerTheme, t as defaultConfig, Fe as dialogTheme, tt as drawerTheme, Be as dropdownMenuTheme, it as emptyStateTheme, O as extent, se as fieldBase, ot as fileUploadTheme, k as finiteValues, fe as formContextKey, pe as formFieldContextKey, Ct as formatDecimal, wt as formatForLocale, Ke as formatIsoDate, me as getByPath, Dn as getRowValue, ln as hasInk, u as initAppearance, ce as inputTheme, n as iryxUiConfigKey, xe as isApplePlatform, Te as isCommandGroup, Tt as isDecimal, a as isIconArray, _t as isNavigationGroup, Ve as isSeparator, rn as isSidebarGroup, an as isSidebarSection, he as isStandardSchema, He as isSubmenu, qe as isoToday, ge as issuePath, ke as kbdTheme, lt as labelTheme, pt as lineChartTheme, A as linearScale, Et as localeSeparators, Ee as matchesHotkey, ht as menubarTheme, vt as navigationMenuTheme, j as niceTicks, jt as numberInputTheme, Nt as pageHeaderTheme, Ft as paginationTheme, Dt as parseDecimal, Ot as parseFromLocale, Se as parseHotkey, Lt as passwordInputTheme, zt as pinInputTheme, Vt as popoverTheme, Ut as progressTheme, Gt as radioGroupTheme, Me as resolveConfirm, kt as roundDecimal, qt as scrollAreaTheme, Yt as scrollFadeMask, Zt as scrollFadeTheme, $t as selectTheme, tn as separatorTheme, z as seriesColor, sn as sidebarTheme, dn as signaturePadTheme, pn as skeletonTheme, hn as sliderTheme, B as slotOf, _n as sparklineTheme, yn as splitterTheme, xn as statTheme, Cn as stepperTheme, un as strokeWidth, Tn as switchTheme, kn as tableTheme, jn as tabsTheme, Nn as tagsInputTheme, le as textareaTheme, m as themes, In as timeFieldTheme, Rn as timelineTheme, Je as toCalendarDate, De as toCommandGroups, At as toEditable, Ye as toIsoDate, Xe as toIsoTime, on as toSidebarSections, Ze as toTime, Hn as toastTheme, Wn as toggleGroupTheme, Gn as toggleTheme, Jn as toolbarTheme, V as tooltipHalfWidth, Xn as tooltipTheme, Qn as treeTheme, d as useAppearance, Ce as useApplePlatform, X as useButtonGroup, Ne as useConfirm, Pe as useConfirmState, On as useDataTable, g as useElementSize, _e as useForm, ve as useFormField, r as useIryxUiConfig, Xt as useScrollEdges, Bn as useToast, Vn as useToastState, H as warnOnSlotOverflow };
+import { drawerTheme as v } from "./theme/drawer.js";
+import y from "./components/Drawer.js";
+import b from "./components/AppShell.js";
+import x from "./components/AspectRatio.js";
+import { avatarGroupTheme as S, avatarTheme as C } from "./theme/avatar.js";
+import w from "./components/Avatar.js";
+import T from "./components/AvatarGroup.js";
+import { badgeTheme as E } from "./theme/badge.js";
+import D from "./components/Badge.js";
+import { bannerTheme as O } from "./theme/banner.js";
+import k from "./components/Banner.js";
+import { extent as A, finiteValues as j, linearScale as M, niceTicks as N } from "./composables/scale.js";
+import { AXIS_GAP as P, CATEGORY_HEIGHT as F, CHAR_WIDTH as I, SERIES_SLOTS as L, TOP_PAD as R, cartesianLayout as z, clampTooltip as B, seriesColor as V, slotOf as H, tooltipHalfWidth as U, warnOnSlotOverflow as W } from "./composables/cartesian.js";
+import { REVEAL_DURATION as G, useChartAnimation as K, useChartProgress as q, useChartReveal as J } from "./composables/chart-reveal.js";
+import { barChartTheme as Y } from "./theme/bar-chart.js";
+import { chartLegendTheme as X } from "./theme/chart-legend.js";
+import Z from "./components/ChartLegend.js";
+import Q from "./components/BarChart.js";
+import { breadcrumbTheme as $ } from "./theme/breadcrumb.js";
+import ee from "./components/Breadcrumb.js";
+import { buttonGroupContextKey as te, useButtonGroup as ne } from "./composables/button-group.js";
+import { buttonTheme as re } from "./theme/button.js";
+import ie from "./components/Button.js";
+import { buttonGroupTheme as ae } from "./theme/button-group.js";
+import oe from "./components/ButtonGroup.js";
+import { cardTheme as se } from "./theme/card.js";
+import ce from "./components/Card.js";
+import { checkboxTheme as le } from "./theme/checkbox.js";
+import ue from "./components/Checkbox.js";
+import { collapsibleTheme as de } from "./theme/collapsible.js";
+import fe from "./components/Collapsible.js";
+import { fieldBase as pe, inputTheme as me, textareaTheme as he } from "./theme/input.js";
+import { colorPickerTheme as ge } from "./theme/color-picker.js";
+import _e from "./components/ColorPicker.js";
+import { formContextKey as ve, formFieldContextKey as ye, getByPath as be, isStandardSchema as xe, issuePath as Se, useForm as Ce, useFormField as we } from "./composables/form.js";
+import { comboboxTheme as Te } from "./theme/combobox.js";
+import Ee from "./components/Combobox.js";
+import { isApplePlatform as De, parseHotkey as Oe, useApplePlatform as ke } from "./composables/kbd.js";
+import { commandHaystack as Ae, isCommandGroup as je, matchesHotkey as Me, toCommandGroups as Ne } from "./composables/command-palette.js";
+import { commandPaletteTheme as Pe } from "./theme/command-palette.js";
+import { kbdTheme as Fe } from "./theme/kbd.js";
+import Ie from "./components/Kbd.js";
+import Le from "./components/CommandPalette.js";
+import { resolveConfirm as Re, useConfirm as ze, useConfirmState as Be } from "./composables/confirm.js";
+import { dialogTheme as Ve } from "./theme/dialog.js";
+import He from "./components/Dialog.js";
+import Ue from "./components/ConfirmDialog.js";
+import { containerTheme as We } from "./theme/container.js";
+import Ge from "./components/Container.js";
+import { dropdownMenuTheme as Ke } from "./theme/dropdown-menu.js";
+import { isSeparator as qe, isSubmenu as Je } from "./composables/dropdown-menu.js";
+import Ye from "./components/ContextMenu.js";
+import { CalendarDate as Xe, Time as Ze, formatIsoDate as Qe, isoToday as $e, toCalendarDate as et, toIsoDate as tt, toIsoTime as nt, toTime as rt } from "./composables/date.js";
+import { datePickerTheme as it } from "./theme/date-picker.js";
+import at from "./components/DatePicker.js";
+import ot from "./components/DateRangePicker.js";
+import { donutChartTheme as st } from "./theme/donut-chart.js";
+import ct from "./components/DonutChart.js";
+import lt from "./components/DropdownMenu.js";
+import { emptyStateTheme as ut } from "./theme/empty-state.js";
+import dt from "./components/EmptyState.js";
+import { fileUploadTheme as ft } from "./theme/file-upload.js";
+import pt from "./components/FileUpload.js";
+import mt from "./components/Form.js";
+import { labelTheme as ht } from "./theme/label.js";
+import gt from "./components/Label.js";
+import _t from "./components/FormField.js";
+import vt from "./components/Input.js";
+import { lineChartTheme as yt } from "./theme/line-chart.js";
+import bt from "./components/LineChart.js";
+import { menubarTheme as xt } from "./theme/menubar.js";
+import St from "./components/Menubar.js";
+import { isNavigationGroup as Ct } from "./composables/navigation-menu.js";
+import { navigationMenuTheme as wt } from "./theme/navigation-menu.js";
+import Tt from "./components/NavigationMenu.js";
+import { addDecimals as Et, clampDecimal as Dt, compareDecimals as Ot, formatDecimal as kt, formatForLocale as At, isDecimal as jt, localeSeparators as Mt, parseDecimal as Nt, parseFromLocale as Pt, roundDecimal as Ft, toEditable as It } from "./composables/decimal.js";
+import { numberInputTheme as Lt } from "./theme/number-input.js";
+import Rt from "./components/NumberInput.js";
+import { pageHeaderTheme as zt } from "./theme/page-header.js";
+import Bt from "./components/PageHeader.js";
+import { paginationTheme as Vt } from "./theme/pagination.js";
+import Ht from "./components/Pagination.js";
+import { passwordInputTheme as Ut } from "./theme/password-input.js";
+import Wt from "./components/PasswordInput.js";
+import { pinInputTheme as Gt } from "./theme/pin-input.js";
+import Kt from "./components/PinInput.js";
+import { popoverTheme as qt } from "./theme/popover.js";
+import Jt from "./components/Popover.js";
+import { progressTheme as Yt } from "./theme/progress.js";
+import Xt from "./components/Progress.js";
+import { radioGroupTheme as Zt } from "./theme/radio-group.js";
+import Qt from "./components/RadioGroup.js";
+import { scrollAreaTheme as $t } from "./theme/scroll-area.js";
+import en from "./components/ScrollArea.js";
+import { scrollFadeMask as tn, useScrollEdges as nn } from "./composables/scroll-fade.js";
+import { scrollFadeTheme as rn } from "./theme/scroll-fade.js";
+import an from "./components/ScrollFade.js";
+import { selectTheme as on } from "./theme/select.js";
+import sn from "./components/Select.js";
+import { separatorTheme as cn } from "./theme/separator.js";
+import ln from "./components/Separator.js";
+import { isSidebarGroup as un, isSidebarSection as dn, toSidebarSections as fn } from "./composables/sidebar.js";
+import { sidebarTheme as pn } from "./theme/sidebar.js";
+import mn from "./components/Sidebar.js";
+import { hasInk as hn, strokeWidth as gn } from "./composables/signature.js";
+import { signaturePadTheme as _n } from "./theme/signature-pad.js";
+import vn from "./components/SignaturePad.js";
+import { skeletonTheme as yn } from "./theme/skeleton.js";
+import bn from "./components/Skeleton.js";
+import { sliderTheme as xn } from "./theme/slider.js";
+import Sn from "./components/Slider.js";
+import { sparklineTheme as Cn } from "./theme/sparkline.js";
+import wn from "./components/Sparkline.js";
+import { splitterTheme as Tn } from "./theme/splitter.js";
+import En from "./components/Splitter.js";
+import { statTheme as Dn } from "./theme/stat.js";
+import On from "./components/Stat.js";
+import { stepperTheme as kn } from "./theme/stepper.js";
+import An from "./components/Stepper.js";
+import { switchTheme as jn } from "./theme/switch.js";
+import Mn from "./components/Switch.js";
+import { getRowValue as Nn, useDataTable as Pn } from "./composables/data-table.js";
+import { tableTheme as Fn } from "./theme/table.js";
+import In from "./components/Table.js";
+import { tabsTheme as Ln } from "./theme/tabs.js";
+import Rn from "./components/Tabs.js";
+import { tagsInputTheme as zn } from "./theme/tags-input.js";
+import Bn from "./components/TagsInput.js";
+import Vn from "./components/Textarea.js";
+import { timeFieldTheme as Hn } from "./theme/time-field.js";
+import Un from "./components/TimeField.js";
+import { timelineTheme as Wn } from "./theme/timeline.js";
+import Gn from "./components/Timeline.js";
+import { useToast as Kn, useToastState as qn } from "./composables/toast.js";
+import { toastTheme as Jn } from "./theme/toast.js";
+import Yn from "./components/Toaster.js";
+import { toggleGroupTheme as Xn, toggleTheme as Zn } from "./theme/toggle.js";
+import Qn from "./components/Toggle.js";
+import $n from "./components/ToggleGroup.js";
+import { toolbarTheme as er } from "./theme/toolbar.js";
+import tr from "./components/Toolbar.js";
+import { tooltipTheme as nr } from "./theme/tooltip.js";
+import rr from "./components/Tooltip.js";
+import { treeTheme as ir } from "./theme/tree.js";
+import ar from "./components/Tree.js";
+import { IryxUi as or, createIryxUi as sr } from "./plugin.js";
+export { P as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, w as Avatar, T as AvatarGroup, D as Badge, k as Banner, Q as BarChart, ee as Breadcrumb, ie as Button, oe as ButtonGroup, F as CATEGORY_HEIGHT, I as CHAR_WIDTH, Xe as CalendarDate, ce as Card, Z as ChartLegend, ue as Checkbox, fe as Collapsible, _e as ColorPicker, Ee as Combobox, Le as CommandPalette, Ue as ConfirmDialog, Ge as Container, Ye as ContextMenu, at as DatePicker, ot as DateRangePicker, He as Dialog, ct as DonutChart, y as Drawer, lt as DropdownMenu, dt as EmptyState, pt as FileUpload, mt as Form, _t as FormField, o as Icon, vt as Input, or as IryxUi, Ie as Kbd, gt as Label, bt as LineChart, St as Menubar, Tt as NavigationMenu, Rt as NumberInput, Bt as PageHeader, Ht as Pagination, Wt as PasswordInput, Kt as PinInput, Jt as Popover, Xt as Progress, G as REVEAL_DURATION, Qt as RadioGroup, L as SERIES_SLOTS, en as ScrollArea, an as ScrollFade, sn as Select, ln as Separator, mn as Sidebar, vn as SignaturePad, bn as Skeleton, Sn as Slider, wn as Sparkline, En as Splitter, On as Stat, An as Stepper, Mn as Switch, R as TOP_PAD, In as Table, Rn as Tabs, Bn as TagsInput, Vn as Textarea, Ze as Time, Un as TimeField, Gn as Timeline, Yn as Toaster, Qn as Toggle, $n as ToggleGroup, tr as Toolbar, rr as Tooltip, ar as Tree, i as accordionTheme, Et as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as avatarGroupTheme, C as avatarTheme, E as badgeTheme, O as bannerTheme, Y as barChartTheme, $ as breadcrumbTheme, te as buttonGroupContextKey, ae as buttonGroupTheme, re as buttonTheme, se as cardTheme, z as cartesianLayout, X as chartLegendTheme, le as checkboxTheme, Dt as clampDecimal, B as clampTooltip, p as clearTheme, de as collapsibleTheme, ge as colorPickerTheme, Te as comboboxTheme, Ae as commandHaystack, Pe as commandPaletteTheme, Ot as compareDecimals, e as componentNames, We as containerTheme, sr as createIryxUi, it as datePickerTheme, t as defaultConfig, Ve as dialogTheme, st as donutChartTheme, v as drawerTheme, Ke as dropdownMenuTheme, ut as emptyStateTheme, A as extent, pe as fieldBase, ft as fileUploadTheme, j as finiteValues, ve as formContextKey, ye as formFieldContextKey, kt as formatDecimal, At as formatForLocale, Qe as formatIsoDate, be as getByPath, Nn as getRowValue, hn as hasInk, u as initAppearance, me as inputTheme, n as iryxUiConfigKey, De as isApplePlatform, je as isCommandGroup, jt as isDecimal, a as isIconArray, Ct as isNavigationGroup, qe as isSeparator, un as isSidebarGroup, dn as isSidebarSection, xe as isStandardSchema, Je as isSubmenu, $e as isoToday, Se as issuePath, Fe as kbdTheme, ht as labelTheme, yt as lineChartTheme, M as linearScale, Mt as localeSeparators, Me as matchesHotkey, xt as menubarTheme, wt as navigationMenuTheme, N as niceTicks, Lt as numberInputTheme, zt as pageHeaderTheme, Vt as paginationTheme, Nt as parseDecimal, Pt as parseFromLocale, Oe as parseHotkey, Ut as passwordInputTheme, Gt as pinInputTheme, qt as popoverTheme, Yt as progressTheme, Zt as radioGroupTheme, Re as resolveConfirm, Ft as roundDecimal, $t as scrollAreaTheme, tn as scrollFadeMask, rn as scrollFadeTheme, on as selectTheme, cn as separatorTheme, V as seriesColor, pn as sidebarTheme, _n as signaturePadTheme, yn as skeletonTheme, xn as sliderTheme, H as slotOf, Cn as sparklineTheme, Tn as splitterTheme, Dn as statTheme, kn as stepperTheme, gn as strokeWidth, jn as switchTheme, Fn as tableTheme, Ln as tabsTheme, zn as tagsInputTheme, he as textareaTheme, m as themes, Hn as timeFieldTheme, Wn as timelineTheme, et as toCalendarDate, Ne as toCommandGroups, It as toEditable, tt as toIsoDate, nt as toIsoTime, fn as toSidebarSections, rt as toTime, Jn as toastTheme, Xn as toggleGroupTheme, Zn as toggleTheme, er as toolbarTheme, U as tooltipHalfWidth, nr as tooltipTheme, ir as treeTheme, d as useAppearance, ke as useApplePlatform, ne as useButtonGroup, K as useChartAnimation, q as useChartProgress, J as useChartReveal, ze as useConfirm, Be as useConfirmState, Pn as useDataTable, g as useElementSize, Ce as useForm, we as useFormField, r as useIryxUiConfig, nn as useScrollEdges, Kn as useToast, qn as useToastState, W as warnOnSlotOverflow };

package/dist/theme/app-shell.d.ts

@@ -10,6 +10,15 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
             sidebar: string;
         };
     };
+    mobileNav: {
+        true: {
+            sidebar: string;
+            navTrigger: string;
+        };
+        false: {
+            navTrigger: string;
+        };
+    };
     sidebarPosition: {
         left: {};
         right: {
@@ -19,10 +28,15 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     header: string;
+    headerRow: string;
+    headerContent: string;
+    navTrigger: string;
     body: string;
     sidebar: string;
     main: string;
     footer: string;
+    navDrawer: string;
+    navDrawerBody: string;
 }, undefined, {
     scroll: {
         main: {
@@ -35,6 +49,15 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
             sidebar: string;
         };
     };
+    mobileNav: {
+        true: {
+            sidebar: string;
+            navTrigger: string;
+        };
+        false: {
+            navTrigger: string;
+        };
+    };
     sidebarPosition: {
         left: {};
         right: {
@@ -44,10 +67,15 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     header: string;
+    headerRow: string;
+    headerContent: string;
+    navTrigger: string;
     body: string;
     sidebar: string;
     main: string;
     footer: string;
+    navDrawer: string;
+    navDrawerBody: string;
 }, import("tailwind-variants").TVReturnType<{
     scroll: {
         main: {
@@ -60,6 +88,15 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
             sidebar: string;
         };
     };
+    mobileNav: {
+        true: {
+            sidebar: string;
+            navTrigger: string;
+        };
+        false: {
+            navTrigger: string;
+        };
+    };
     sidebarPosition: {
         left: {};
         right: {
@@ -69,9 +106,14 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     header: string;
+    headerRow: string;
+    headerContent: string;
+    navTrigger: string;
     body: string;
     sidebar: string;
     main: string;
     footer: string;
+    navDrawer: string;
+    navDrawerBody: string;
 }, undefined, unknown, unknown, undefined>>;
 export type AppShellSlots = keyof ReturnType<typeof appShellTheme>;

package/dist/theme/app-shell.js

@@ -4,10 +4,15 @@ var t = e({
 	slots: {
 		root: "flex w-full flex-col bg-background text-foreground",
 		header: "z-30 shrink-0",
+		headerRow: "flex w-full items-center",
+		headerContent: "min-w-0 flex-1",
+		navTrigger: "ms-2 inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-lg text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-5",
 		body: "flex min-h-0 w-full flex-1",
 		sidebar: "shrink-0",
 		main: "flex min-w-0 flex-1 flex-col",
-		footer: "shrink-0"
+		footer: "shrink-0",
+		navDrawer: "",
+		navDrawerBody: "p-0 pt-12 [&>*]:h-full [&>*]:w-full [&>*]:border-0"
 	},
 	variants: {
 		scroll: {
@@ -21,6 +26,13 @@ var t = e({
 				sidebar: "sticky top-[var(--iryx-shell-header-height,0px)] max-h-[calc(100svh-var(--iryx-shell-header-height,0px))] self-start overflow-y-auto"
 			}
 		},
+		mobileNav: {
+			true: {
+				sidebar: "hidden md:block",
+				navTrigger: "md:hidden"
+			},
+			false: { navTrigger: "hidden" }
+		},
 		sidebarPosition: {
 			left: {},
 			right: { body: "flex-row-reverse" }

package/dist/theme/bar-chart.js

@@ -1,7 +1,7 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/bar-chart.ts
 var t = e({ slots: {
-	root: "w-full text-primary",
+	root: "relative w-full text-primary",
 	plot: "relative",
 	svg: "block w-full overflow-visible",
 	grid: "stroke-border",

package/dist/theme/button.d.ts

@@ -19,7 +19,7 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variant: {
         solid: string;
         outline: string;
@@ -61,5 +61,5 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
 export type ButtonVariants = Parameters<typeof buttonTheme>[0];

package/dist/theme/button.js

@@ -1,7 +1,7 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/button.ts
 var t = e({
-	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 	variants: {
 		variant: {
 			solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95",