iryx-ui 0.14.0 → 0.15.0

package/dist/composables/cartesian.js

@@ -16,7 +16,12 @@ function s(i) {
 		y: m,
 		bandWidth: g,
 		labelStep: y,
-		bandCentre: (e) => _ + g * (e + .5)
+		bandCentre: (e) => _ + g * (e + .5),
+		pointAt: (e) => {
+			if (i.categories <= 1) return _ + h / 2;
+			let t = g * .25, n = h - t * 2;
+			return _ + t + n * e / (i.categories - 1);
+		}
 	};
 }
 var c = 8;

package/dist/index.js

@@ -11,61 +11,61 @@ 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 { 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 { barChartTheme as G } from "./theme/bar-chart.js";
+import { chartLegendTheme as K } from "./theme/chart-legend.js";
+import q from "./components/ChartLegend.js";
+import J from "./components/BarChart.js";
+import { breadcrumbTheme as Y } from "./theme/breadcrumb.js";
+import X from "./components/Breadcrumb.js";
+import { buttonGroupContextKey as Z, useButtonGroup as Q } from "./composables/button-group.js";
+import { buttonTheme as $ } from "./theme/button.js";
+import ee from "./components/Button.js";
+import { buttonGroupTheme as te } from "./theme/button-group.js";
+import ne from "./components/ButtonGroup.js";
+import { cardTheme as re } from "./theme/card.js";
+import ie from "./components/Card.js";
+import { checkboxTheme as ae } from "./theme/checkbox.js";
+import oe from "./components/Checkbox.js";
+import { collapsibleTheme as se } from "./theme/collapsible.js";
+import ce from "./components/Collapsible.js";
+import { fieldBase as le, inputTheme as ue, textareaTheme as de } from "./theme/input.js";
+import { colorPickerTheme as fe } from "./theme/color-picker.js";
+import pe from "./components/ColorPicker.js";
+import { formContextKey as me, formFieldContextKey as he, getByPath as ge, isStandardSchema as _e, issuePath as ve, useForm as ye, useFormField as be } from "./composables/form.js";
+import { comboboxTheme as xe } from "./theme/combobox.js";
+import Se from "./components/Combobox.js";
+import { isApplePlatform as Ce, parseHotkey as we, useApplePlatform as Te } from "./composables/kbd.js";
+import { commandHaystack as Ee, isCommandGroup as De, matchesHotkey as Oe, toCommandGroups as ke } from "./composables/command-palette.js";
+import { commandPaletteTheme as Ae } from "./theme/command-palette.js";
+import { kbdTheme as je } from "./theme/kbd.js";
+import Me from "./components/Kbd.js";
+import Ne from "./components/CommandPalette.js";
+import { resolveConfirm as Pe, useConfirm as Fe, useConfirmState as Ie } from "./composables/confirm.js";
+import { dialogTheme as Le } from "./theme/dialog.js";
+import Re from "./components/Dialog.js";
+import ze from "./components/ConfirmDialog.js";
+import { containerTheme as Be } from "./theme/container.js";
+import Ve from "./components/Container.js";
+import { dropdownMenuTheme as He } from "./theme/dropdown-menu.js";
+import { isSeparator as Ue, isSubmenu as We } from "./composables/dropdown-menu.js";
+import Ge from "./components/ContextMenu.js";
+import { CalendarDate as Ke, Time as qe, formatIsoDate as Je, isoToday as Ye, toCalendarDate as Xe, toIsoDate as Ze, toIsoTime as Qe, toTime as $e } from "./composables/date.js";
+import { datePickerTheme as et } from "./theme/date-picker.js";
+import tt from "./components/DatePicker.js";
+import nt from "./components/DateRangePicker.js";
 import rt from "./components/DropdownMenu.js";
 import { emptyStateTheme as it } from "./theme/empty-state.js";
 import at from "./components/EmptyState.js";
@@ -154,4 +154,4 @@ 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 };
+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, J as BarChart, X as Breadcrumb, ee as Button, ne as ButtonGroup, F as CATEGORY_HEIGHT, I as CHAR_WIDTH, Ke as CalendarDate, ie as Card, q as ChartLegend, oe as Checkbox, ce as Collapsible, pe as ColorPicker, Se as Combobox, Ne as CommandPalette, ze as ConfirmDialog, Ve as Container, Ge as ContextMenu, tt as DatePicker, nt as DateRangePicker, Re as Dialog, y 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, Me 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, L 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, R as TOP_PAD, An as Table, Mn as Tabs, Pn as TagsInput, Fn as Textarea, qe 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, S as avatarGroupTheme, C as avatarTheme, E as badgeTheme, O as bannerTheme, G as barChartTheme, Y as breadcrumbTheme, Z as buttonGroupContextKey, te as buttonGroupTheme, $ as buttonTheme, re as cardTheme, z as cartesianLayout, K as chartLegendTheme, ae as checkboxTheme, xt as clampDecimal, B as clampTooltip, p as clearTheme, se as collapsibleTheme, fe as colorPickerTheme, xe as comboboxTheme, Ee as commandHaystack, Ae as commandPaletteTheme, St as compareDecimals, e as componentNames, Be as containerTheme, tr as createIryxUi, et as datePickerTheme, t as defaultConfig, Le as dialogTheme, v as drawerTheme, He as dropdownMenuTheme, it as emptyStateTheme, A as extent, le as fieldBase, ot as fileUploadTheme, j as finiteValues, me as formContextKey, he as formFieldContextKey, Ct as formatDecimal, wt as formatForLocale, Je as formatIsoDate, ge as getByPath, Dn as getRowValue, ln as hasInk, u as initAppearance, ue as inputTheme, n as iryxUiConfigKey, Ce as isApplePlatform, De as isCommandGroup, Tt as isDecimal, a as isIconArray, _t as isNavigationGroup, Ue as isSeparator, rn as isSidebarGroup, an as isSidebarSection, _e as isStandardSchema, We as isSubmenu, Ye as isoToday, ve as issuePath, je as kbdTheme, lt as labelTheme, pt as lineChartTheme, M as linearScale, Et as localeSeparators, Oe as matchesHotkey, ht as menubarTheme, vt as navigationMenuTheme, N as niceTicks, jt as numberInputTheme, Nt as pageHeaderTheme, Ft as paginationTheme, Dt as parseDecimal, Ot as parseFromLocale, we as parseHotkey, Lt as passwordInputTheme, zt as pinInputTheme, Vt as popoverTheme, Ut as progressTheme, Gt as radioGroupTheme, Pe as resolveConfirm, kt as roundDecimal, qt as scrollAreaTheme, Yt as scrollFadeMask, Zt as scrollFadeTheme, $t as selectTheme, tn as separatorTheme, V as seriesColor, sn as sidebarTheme, dn as signaturePadTheme, pn as skeletonTheme, hn as sliderTheme, H 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, de as textareaTheme, m as themes, In as timeFieldTheme, Rn as timelineTheme, Xe as toCalendarDate, ke as toCommandGroups, At as toEditable, Ze as toIsoDate, Qe as toIsoTime, on as toSidebarSections, $e as toTime, Hn as toastTheme, Wn as toggleGroupTheme, Gn as toggleTheme, Jn as toolbarTheme, U as tooltipHalfWidth, Xn as tooltipTheme, Qn as treeTheme, d as useAppearance, Te as useApplePlatform, Q as useButtonGroup, Fe as useConfirm, Ie as useConfirmState, On as useDataTable, g as useElementSize, ye as useForm, be as useFormField, r as useIryxUiConfig, Xt as useScrollEdges, Bn as useToast, Vn 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",

package/dist/theme/command-palette.d.ts

@@ -8,12 +8,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;
@@ -29,12 +29,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;
@@ -69,12 +69,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;

package/dist/theme/form.js

@@ -1,7 +1,7 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/form.ts
 var t = e({ slots: {
-	root: "space-y-2",
+	root: "flex flex-col gap-2",
 	header: "flex items-center justify-between gap-2",
 	label: "",
 	hint: "text-sm leading-none text-muted-foreground",

package/dist/theme/line-chart.js

@@ -1,14 +1,14 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/line-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",
 	tick: "fill-muted-foreground text-xs [font-variant-numeric:tabular-nums]",
 	category: "fill-muted-foreground text-xs",
 	line: "fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
-	area: "fill-current stroke-none opacity-10",
+	area: "stroke-none",
 	crosshair: "stroke-border",
 	marker: "fill-current",
 	markerRing: "fill-background",

package/dist/theme/sidebar.js

@@ -4,7 +4,7 @@ var t = e({
 	slots: {
 		root: "flex h-full flex-col gap-2 border-border bg-background text-foreground transition-[width] duration-200 ease-out",
 		header: "flex shrink-0 items-center gap-2 px-3 py-3",
-		nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-2 py-1",
+		nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-2",
 		footer: "flex shrink-0 items-center gap-2 border-t border-border px-3 py-3",
 		section: "flex flex-col gap-1",
 		sectionLabel: "px-2 pt-1 pb-0.5 text-xs font-medium tracking-wide text-muted-foreground uppercase",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",