iryx-ui 0.17.0 → 0.18.0

package/dist/index.js

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

package/dist/theme/accordion.js

@@ -7,7 +7,7 @@ var t = e({
 		header: "flex",
 		trigger: "group/trigger flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium transition-colors outline-none hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50",
 		icon: "size-4 shrink-0 text-muted-foreground transition-[rotate] duration-200 ease-out group-data-[state=open]/trigger:rotate-180",
-		content: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+		content: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-collapsible-down",
 		contentInner: "pb-4"
 	},
 	variants: { variant: {

package/dist/theme/app-shell.js

@@ -23,7 +23,7 @@ var t = e({
 			page: {
 				root: "min-h-svh",
 				header: "sticky top-0",
-				sidebar: "sticky top-[var(--iryx-shell-header-height,0px)] max-h-[calc(100svh-var(--iryx-shell-header-height,0px))] self-start overflow-y-auto"
+				sidebar: "sticky top-[var(--iryx-shell-header-height,0px)] h-[calc(100svh-var(--iryx-shell-header-height,0px))] self-start overflow-y-auto"
 			}
 		},
 		mobileNav: {

package/dist/theme/auth-providers.d.ts

@@ -0,0 +1,137 @@
+export declare const authProvidersTheme: import("tailwind-variants").TVReturnType<{
+    layout: {
+        stack: {
+            root: string;
+        };
+        inline: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+            icon: string;
+        };
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+        xl: {
+            root: string;
+            icon: string;
+        };
+    };
+    compact: {
+        false: {
+            root: string;
+            provider: string;
+        };
+        true: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    provider: string;
+    icon: string;
+    label: string;
+}, undefined, {
+    layout: {
+        stack: {
+            root: string;
+        };
+        inline: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+            icon: string;
+        };
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+        xl: {
+            root: string;
+            icon: string;
+        };
+    };
+    compact: {
+        false: {
+            root: string;
+            provider: string;
+        };
+        true: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    provider: string;
+    icon: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    layout: {
+        stack: {
+            root: string;
+        };
+        inline: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+            icon: string;
+        };
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+        xl: {
+            root: string;
+            icon: string;
+        };
+    };
+    compact: {
+        false: {
+            root: string;
+            provider: string;
+        };
+        true: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    provider: string;
+    icon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export type AuthProvidersSlots = keyof ReturnType<typeof authProvidersTheme>;

package/dist/theme/auth-providers.js

@@ -0,0 +1,57 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/auth-providers.ts
+var t = e({
+	slots: {
+		root: "flex",
+		provider: "relative justify-center",
+		icon: "absolute left-3 inline-flex shrink-0 items-center",
+		label: "truncate"
+	},
+	variants: {
+		layout: {
+			stack: { root: "flex-col" },
+			inline: { root: "flex-row" }
+		},
+		size: {
+			xs: {
+				root: "gap-1.5",
+				icon: "left-2"
+			},
+			sm: {
+				root: "gap-2",
+				icon: "left-2.5"
+			},
+			md: { root: "gap-2" },
+			lg: {
+				root: "gap-2.5",
+				icon: "left-3.5"
+			},
+			xl: {
+				root: "gap-3",
+				icon: "left-4"
+			}
+		},
+		compact: {
+			false: {
+				root: "w-full",
+				provider: "w-full"
+			},
+			true: {
+				root: "w-fit",
+				icon: "static"
+			}
+		}
+	},
+	compoundVariants: [{
+		layout: "inline",
+		compact: !1,
+		class: { provider: "flex-1" }
+	}],
+	defaultVariants: {
+		layout: "stack",
+		size: "md",
+		compact: !1
+	}
+});
+//#endregion
+export { t as authProvidersTheme };

package/dist/theme/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './alert';
 export * from './app-shell';
+export * from './auth-providers';
 export * from './avatar';
 export * from './badge';
 export * from './banner';

package/dist/theme/toast.js

@@ -3,7 +3,7 @@ import { tv as e } from "tailwind-variants";
 var t = e({
 	slots: {
 		viewport: "fixed z-50 flex max-h-screen w-full flex-col gap-2 p-4 outline-none sm:max-w-sm",
-		root: "flex items-start gap-3 rounded-xl border border-border bg-background p-4 text-foreground shadow-lg data-[state=closed]:animate-fade-out data-[state=open]:animate-toast-in",
+		root: "iryx-toast flex items-start gap-3 rounded-xl border border-border bg-background p-4 text-foreground shadow-lg data-[state=closed]:animate-fade-out data-[state=open]:animate-toast-in",
 		icon: "mt-px shrink-0 [&_svg]:size-4.5",
 		content: "min-w-0 flex-1",
 		title: "text-sm font-medium text-foreground",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",
@@ -67,7 +67,7 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
     "vitest": "^4.1.8",
-    "vue": "^3.5.35",
+    "vue": "^3.5.41",
     "vue-tsc": "^3.3.4"
   }
 }

package/theme.css

@@ -221,6 +221,14 @@
   --iryx-collapsible-ease: cubic-bezier(0.32, 0.72, 0, 1);
   --animate-collapsible-down: collapsible-down 240ms var(--iryx-collapsible-ease);
   --animate-collapsible-up: collapsible-up 180ms var(--iryx-collapsible-ease);
+  /*
+   * An accordion closes at the speed it opens, unlike a lone collapsible.
+   * Its panels move in pairs — one shutting while its sibling unrolls — and a
+   * quicker close finishes first, so the page is briefly shorter than either
+   * end state and everything below rides up a few pixels and drops back.
+   * Matched durations sum to a smooth interpolation between the two states.
+   */
+  --animate-accordion-up: collapsible-up 240ms var(--iryx-collapsible-ease);
   /*
    * The rows lift and fade as two animations, not one keyframe set, because
    * they want different curves. On the shared emphasized ease the opacity is
@@ -585,3 +593,27 @@
     transform: none !important;
   }
 }
+
+.iryx-toast[data-swipe="move"] {
+  transform: translate3d(var(--reka-toast-swipe-move-x, 0), var(--reka-toast-swipe-move-y, 0), 0);
+  transition: none;
+}
+
+.iryx-toast[data-swipe="cancel"] {
+  transform: translate3d(0, 0, 0);
+  transition: transform 220ms var(--iryx-drawer-ease);
+}
+
+.iryx-toast[data-swipe="end"] {
+  animation: toast-swipe-out 220ms var(--iryx-drawer-ease) forwards;
+}
+
+@keyframes toast-swipe-out {
+  from {
+    transform: translate3d(var(--reka-toast-swipe-end-x, 0), var(--reka-toast-swipe-end-y, 0), 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(calc(var(--reka-toast-swipe-end-x, 0) + 100%), var(--reka-toast-swipe-end-y, 0), 0);
+  }
+}