@soybeanjs/ui 0.15.0-beta.2 → 0.15.0-beta.4

package/dist/index.js

@@ -1 +1 @@
-import e from"./components/accordion/accordion.js";import"./components/accordion/index.js";import t from"./components/affix/affix.js";import"./components/affix/index.js";import{useDialog as n}from"./components/alert-dialog/context.js";import r from"./components/button/button.js";import i from"./components/alert-dialog/alert-dialog-confirm.js";import a from"./components/alert-dialog/alert-dialog-cancel.js";import o from"./components/alert-dialog/alert-dialog.js";import{getProgressIndicatorStyle as s}from"./components/progress/shared.js";import c from"./components/progress/progress.js";import{useLoadingBar as l}from"./components/progress/context.js";import u from"./components/progress/loading-bar.js";import d from"./components/toast/toaster.js";import{useConfigProvider as f}from"./components/config-provider/context.js";import p from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import m from"./components/icon/icon.js";import h from"./components/button/button-icon.js";import g from"./components/alert/alert.js";import"./components/alert/index.js";import"./components/alert-dialog/index.js";import _ from"./components/anchor/anchor.js";import"./components/anchor/index.js";import{SArrow as v}from"./components/arrow/index.js";import{SAspectRatio as y}from"./components/aspect-ratio/index.js";import b from"./components/avatar/avatar.js";import"./components/avatar/index.js";import x from"./components/autocomplete/autocomplete.js";import"./components/autocomplete/index.js";import S from"./components/badge/badge.js";import"./components/badge/index.js";import C from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as w,SBreadcrumbPage as T}from"./components/breadcrumb/index.js";import E from"./components/bottom-sheet/bottom-sheet.js";import D from"./components/bottom-sheet/bottom-sheet-close.js";import"./components/bottom-sheet/index.js";import O from"./components/button/button-loading.js";import k from"./components/link/link.js";import A from"./components/button/button-link.js";import j from"./components/button/button-group.js";import"./components/button/index.js";import M from"./components/card/card.js";import N from"./components/card/card-collapsible-trigger.js";import"./components/card/index.js";import P from"./components/carousel/carousel.js";import F from"./components/carousel/carousel-content.js";import I from"./components/carousel/carousel-item.js";import L from"./components/carousel/carousel-previous.js";import R from"./components/carousel/carousel-next.js";import"./components/carousel/index.js";import z from"./components/checkbox/checkbox.js";import B from"./components/checkbox/checkbox-group.js";import V from"./components/checkbox/checkbox-card.js";import H from"./components/checkbox/checkbox-card-group.js";import"./components/checkbox/index.js";import U from"./components/collapsible/collapsible.js";import{SCollapsibleContent as W,SCollapsibleTrigger as G}from"./components/collapsible/index.js";import K from"./components/combobox/combobox.js";import"./components/combobox/index.js";import q from"./components/color-area/color-area.js";import"./components/color-area/index.js";import J from"./components/color-field/color-field.js";import"./components/color-field/index.js";import Y from"./components/color-slider/color-slider.js";import X from"./components/color-swatch-picker/color-swatch-picker.js";import Z from"./components/color-swatch/color-swatch.js";import Q from"./components/popover/popover.js";import $ from"./components/segment/segment.js";import ee from"./components/color-picker/color-picker.js";import"./components/color-picker/index.js";import"./components/color-slider/index.js";import"./components/color-swatch/index.js";import"./components/color-swatch-picker/index.js";import te from"./components/kbd/kbd.js";import ne from"./components/command/command.js";import"./components/command/index.js";import re from"./components/context-menu/context-menu-wrapper.js";import ie from"./components/context-menu/context-menu.js";import ae from"./components/context-menu/context-menu-checkbox.js";import oe from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import se from"./components/dialog/dialog.js";import ce from"./components/dialog/dialog-close.js";import le from"./components/dialog/dialog-pure.js";import"./components/dialog/index.js";import ue from"./components/drawer/drawer.js";import de from"./components/drawer/drawer-close.js";import"./components/drawer/index.js";import fe from"./components/dropdown-menu/dropdown-menu.js";import pe from"./components/dropdown-menu/dropdown-menu-checkbox.js";import me from"./components/dropdown-menu/dropdown-menu-radio.js";import he from"./components/dropdown-menu/dropdown-menu-wrapper.js";import"./components/dropdown-menu/index.js";import ge from"./components/editable/editable.js";import"./components/editable/index.js";import _e from"./components/empty/empty.js";import"./components/empty/index.js";import ve from"./components/form/form.js";import ye from"./components/form/form-field-base.js";import{useForm as be}from"./components/form/use-form.js";import"./components/form/index.js";import xe from"./components/hover-card/hover-card.js";import"./components/hover-card/index.js";import"./components/icon/index.js";import Se from"./components/input/input.js";import"./components/input/index.js";import Ce from"./components/input-number/input-number.js";import"./components/input-number/index.js";import"./components/kbd/index.js";import we from"./components/label/label.js";import"./components/label/index.js";import Te from"./components/layout/layout.js";import Ee from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import De from"./components/list/list.js";import Oe from"./components/list/list-item.js";import"./components/list/index.js";import{SMenuCheckboxOptions as ke,SMenuOptions as Ae,SMenuRadioOptions as je}from"./components/menu/index.js";import Me from"./components/menubar/menubar.js";import"./components/menubar/index.js";import Ne from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import Pe from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import Fe from"./components/pagination/pagination.js";import"./components/pagination/index.js";import Ie from"./components/password/password.js";import"./components/password/index.js";import Le from"./components/popconfirm/popconfirm-cancel.js";import Re from"./components/popconfirm/popconfirm-confirm.js";import ze from"./components/popconfirm/popconfirm.js";import"./components/popconfirm/index.js";import"./components/popover/index.js";import Be from"./components/progress/progress-circle.js";import"./components/progress/index.js";import Ve from"./components/radio-group/radio.js";import He from"./components/radio-group/radio-group.js";import Ue from"./components/radio-group/radio-card.js";import We from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import"./components/segment/index.js";import Ge from"./components/scroll-area/scroll-area.js";import"./components/scroll-area/index.js";import Ke from"./components/select/select.js";import"./components/select/index.js";import qe from"./components/separator/separator.js";import"./components/separator/index.js";import Je from"./components/skeleton/skeleton.js";import"./components/skeleton/index.js";import Ye from"./components/slider/slider.js";import"./components/slider/index.js";import Xe from"./components/spinner/spinner.js";import"./components/spinner/index.js";import Ze from"./components/splitter/splitter-group.js";import Qe from"./components/splitter/splitter-panel.js";import $e from"./components/splitter/splitter-resize-handle.js";import"./components/splitter/index.js";import et from"./components/stepper/stepper.js";import"./components/stepper/index.js";import tt from"./components/switch/switch.js";import"./components/switch/index.js";import nt from"./components/table/table.js";import{usePaginatedTable as rt,useTable as it}from"./components/table/hooks.js";import{STableCell as at,STableRow as ot}from"./components/table/index.js";import st from"./components/tabs/tabs.js";import"./components/tabs/index.js";import ct from"./components/tag/tag.js";import"./components/tag/index.js";import lt from"./components/tags-input/tags-input.js";import ut from"./components/tags-input/tags-input-item-delete.js";import{STagsInputClear as dt,STagsInputInput as ft,STagsInputItem as pt,STagsInputItemText as mt}from"./components/tags-input/index.js";import ht from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{toast as gt}from"./components/toast/index.js";import _t from"./components/toolbar/toolbar.js";import{SToolbarButton as vt,SToolbarLink as yt,SToolbarSeparator as bt,SToolbarToggleGroup as xt,SToolbarToggleItem as St}from"./components/toolbar/index.js";import Ct from"./components/toggle/toggle.js";import"./components/toggle/index.js";import wt from"./components/toggle-group/toggle-group.js";import Tt from"./components/toggle-group/toggle-group-item.js";import"./components/toggle-group/index.js";import Et from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Dt from"./components/tree/tree.js";import Ot from"./components/tree/tree-virtualizer.js";import{STreeItem as kt,STreeVirtualizerItem as At}from"./components/tree/index.js";import jt from"./components/tree-menu/tree-menu.js";import Mt from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import Nt from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Pt}from"./components/virtualizer/index.js";export{e as SAccordion,t as SAffix,g as SAlert,o as SAlertDialog,a as SAlertDialogCancel,i as SAlertDialogConfirm,_ as SAnchor,v as SArrow,y as SAspectRatio,x as SAutocomplete,b as SAvatar,S as SBadge,E as SBottomSheet,D as SBottomSheetClose,C as SBreadcrumb,w as SBreadcrumbEllipsis,T as SBreadcrumbPage,r as SButton,j as SButtonGroup,h as SButtonIcon,A as SButtonLink,O as SButtonLoading,M as SCard,N as SCardCollapsibleTrigger,P as SCarousel,F as SCarouselContent,I as SCarouselItem,R as SCarouselNext,L as SCarouselPrevious,z as SCheckbox,V as SCheckboxCard,H as SCheckboxCardGroup,B as SCheckboxGroup,U as SCollapsible,W as SCollapsibleContent,G as SCollapsibleTrigger,q as SColorArea,J as SColorField,ee as SColorPicker,Y as SColorSlider,Z as SColorSwatch,X as SColorSwatchPicker,K as SCombobox,ne as SCommand,p as SConfigProvider,ie as SContextMenu,ae as SContextMenuCheckbox,oe as SContextMenuRadio,re as SContextMenuWrapper,se as SDialog,ce as SDialogClose,le as SDialogPure,ue as SDrawer,de as SDrawerClose,fe as SDropdownMenu,pe as SDropdownMenuCheckbox,me as SDropdownMenuRadio,he as SDropdownMenuWrapper,ge as SEditable,_e as SEmpty,ve as SForm,ye as SFormFieldBase,xe as SHoverCard,m as SIcon,Se as SInput,Ce as SInputNumber,te as SKbd,we as SLabel,Te as SLayout,Ee as SLayoutTrigger,k as SLink,De as SList,Oe as SListItem,u as SLoadingBar,ke as SMenuCheckboxOptions,Ae as SMenuOptions,je as SMenuRadioOptions,Me as SMenubar,Ne as SNavigationMenu,Pe as SPageTabs,Fe as SPagination,Ie as SPassword,ze as SPopconfirm,Le as SPopconfirmCancel,Re as SPopconfirmConfirm,Q as SPopover,c as SProgress,Be as SProgressCircle,Ve as SRadio,Ue as SRadioCard,We as SRadioCardGroup,He as SRadioGroup,Ge as SScrollArea,$ as SSegment,Ke as SSelect,qe as SSeparator,Je as SSkeleton,Ye as SSlider,Xe as SSpinner,Ze as SSplitterGroup,Qe as SSplitterPanel,$e as SSplitterResizeHandle,et as SStepper,tt as SSwitch,nt as STable,at as STableCell,ot as STableRow,st as STabs,ct as STag,lt as STagsInput,dt as STagsInputClear,ft as STagsInputInput,pt as STagsInputItem,ut as STagsInputItemDelete,mt as STagsInputItemText,ht as STextarea,d as SToaster,Ct as SToggle,wt as SToggleGroup,Tt as SToggleGroupItem,_t as SToolbar,vt as SToolbarButton,yt as SToolbarLink,bt as SToolbarSeparator,xt as SToolbarToggleGroup,St as SToolbarToggleItem,Et as STooltip,Dt as STree,kt as STreeItem,jt as STreeMenu,Mt as STreeMenuStyledItem,Ot as STreeVirtualizer,At as STreeVirtualizerItem,Nt as SVirtualizer,Pt as SVirtualizerItem,s as getProgressIndicatorStyle,gt as toast,f as useConfigProvider,n as useDialog,be as useForm,l as useLoadingBar,rt as usePaginatedTable,it as useTable};
+import e from"./components/accordion/accordion.js";import"./components/accordion/index.js";import t from"./components/affix/affix.js";import"./components/affix/index.js";import n from"./components/alert/alert.js";import"./components/alert/index.js";import r from"./components/anchor/anchor.js";import"./components/anchor/index.js";import{SArrow as i}from"./components/arrow/index.js";import{SAspectRatio as a}from"./components/aspect-ratio/index.js";import o from"./components/avatar/avatar.js";import"./components/avatar/index.js";import s from"./components/dialog/dialog-provider.js";import c from"./components/progress/progress-provider.js";import l from"./components/toast/toaster.js";import{useConfigProvider as u}from"./components/config-provider/context.js";import d from"./components/config-provider/config-provider.js";import"./components/config-provider/index.js";import f from"./components/icon/icon.js";import p from"./components/backtop/backtop.js";import"./components/backtop/index.js";import m from"./components/autocomplete/autocomplete.js";import"./components/autocomplete/index.js";import h from"./components/badge/badge.js";import"./components/badge/index.js";import g from"./components/breadcrumb/breadcrumb.js";import{SBreadcrumbEllipsis as _,SBreadcrumbPage as v}from"./components/breadcrumb/index.js";import y from"./components/button/button.js";import b from"./components/button/button-loading.js";import x from"./components/button/button-icon.js";import S from"./components/link/link.js";import C from"./components/button/button-link.js";import w from"./components/button/button-group.js";import"./components/button/index.js";import T from"./components/card/card.js";import E from"./components/card/card-collapsible-trigger.js";import"./components/card/index.js";import D from"./components/carousel/carousel.js";import O from"./components/carousel/carousel-content.js";import k from"./components/carousel/carousel-item.js";import A from"./components/carousel/carousel-previous.js";import j from"./components/carousel/carousel-next.js";import"./components/carousel/index.js";import M from"./components/checkbox/checkbox-group.js";import N from"./components/checkbox/checkbox.js";import P from"./components/checkbox/checkbox-card-group.js";import F from"./components/checkbox/checkbox-card.js";import"./components/checkbox/index.js";import I from"./components/clipboard/clipboard.js";import"./components/clipboard/index.js";import L from"./components/collapsible/collapsible.js";import{SCollapsibleContent as R,SCollapsibleTrigger as z}from"./components/collapsible/index.js";import B from"./components/combobox/combobox.js";import"./components/combobox/index.js";import V from"./components/color-area/color-area.js";import"./components/color-area/index.js";import H from"./components/color-field/color-field.js";import"./components/color-field/index.js";import U from"./components/color-slider/color-slider.js";import W from"./components/color-swatch-picker/color-swatch-picker.js";import G from"./components/color-swatch/color-swatch.js";import K from"./components/popover/popover.js";import q from"./components/segment/segment.js";import J from"./components/color-picker/color-picker.js";import"./components/color-picker/index.js";import"./components/color-slider/index.js";import"./components/color-swatch/index.js";import"./components/color-swatch-picker/index.js";import Y from"./components/command/command.js";import"./components/command/index.js";import X from"./components/context-menu/context-menu-wrapper.js";import Z from"./components/context-menu/context-menu.js";import Q from"./components/context-menu/context-menu-checkbox.js";import $ from"./components/context-menu/context-menu-radio.js";import"./components/context-menu/index.js";import ee from"./components/dialog/dialog.js";import{dialog as te}from"./components/dialog/index.js";import ne from"./components/drawer/drawer.js";import"./components/drawer/index.js";import re from"./components/dropdown-menu/dropdown-menu.js";import ie from"./components/dropdown-menu/dropdown-menu-checkbox.js";import ae from"./components/dropdown-menu/dropdown-menu-radio.js";import oe from"./components/dropdown-menu/dropdown-menu-wrapper.js";import"./components/dropdown-menu/index.js";import se from"./components/editable/editable.js";import"./components/editable/index.js";import ce from"./components/empty/empty.js";import"./components/empty/index.js";import le from"./components/form/form.js";import ue from"./components/form/form-field-base.js";import{useForm as de}from"./components/form/use-form.js";import"./components/form/index.js";import fe from"./components/hover-card/hover-card.js";import"./components/hover-card/index.js";import"./components/icon/index.js";import pe from"./components/input/input.js";import"./components/input/index.js";import me from"./components/input-number/input-number.js";import"./components/input-number/index.js";import he from"./components/input-otp/input-otp.js";import{REGEXP_ONLY_CHARS as ge,REGEXP_ONLY_DIGITS as _e,REGEXP_ONLY_DIGITS_AND_CHARS as ve}from"./components/input-otp/index.js";import ye from"./components/kbd/kbd.js";import"./components/kbd/index.js";import be from"./components/label/label.js";import"./components/label/index.js";import xe from"./components/layout/layout.js";import Se from"./components/layout/layout-trigger.js";import"./components/layout/index.js";import"./components/link/index.js";import Ce from"./components/list/list.js";import we from"./components/list/list-item.js";import"./components/list/index.js";import{SMenuCheckboxOptions as Te,SMenuOptions as Ee,SMenuRadioOptions as De}from"./components/menu/index.js";import Oe from"./components/menubar/menubar.js";import"./components/menubar/index.js";import ke from"./components/navigation-menu/navigation-menu.js";import"./components/navigation-menu/index.js";import Ae from"./components/page-tabs/page-tabs.js";import"./components/page-tabs/index.js";import je from"./components/pagination/pagination.js";import"./components/pagination/index.js";import Me from"./components/password/password.js";import"./components/password/index.js";import Ne from"./components/popconfirm/popconfirm-cancel.js";import Pe from"./components/popconfirm/popconfirm-confirm.js";import Fe from"./components/popconfirm/popconfirm.js";import"./components/popconfirm/index.js";import"./components/popover/index.js";import Ie from"./components/progress/progress.js";import Le from"./components/progress/progress-circle.js";import{progress as Re}from"./components/progress/index.js";import ze from"./components/radio-group/radio-group.js";import Be from"./components/radio-group/radio.js";import Ve from"./components/radio-group/radio-card.js";import He from"./components/radio-group/radio-card-group.js";import"./components/radio-group/index.js";import"./components/segment/index.js";import Ue from"./components/scroll-area/scroll-area.js";import"./components/scroll-area/index.js";import We from"./components/select/select.js";import"./components/select/index.js";import Ge from"./components/separator/separator.js";import"./components/separator/index.js";import Ke from"./components/skeleton/skeleton.js";import"./components/skeleton/index.js";import qe from"./components/slider/slider.js";import"./components/slider/index.js";import Je from"./components/spinner/spinner.js";import"./components/spinner/index.js";import Ye from"./components/splitter/splitter-group.js";import Xe from"./components/splitter/splitter-panel.js";import Ze from"./components/splitter/splitter-resize-handle.js";import"./components/splitter/index.js";import Qe from"./components/stepper/stepper.js";import"./components/stepper/index.js";import $e from"./components/switch/switch.js";import"./components/switch/index.js";import et from"./components/table/table.js";import{usePaginatedTable as tt,useTable as nt}from"./components/table/hooks.js";import{STableCell as rt,STableRow as it}from"./components/table/index.js";import at from"./components/tabs/tabs.js";import"./components/tabs/index.js";import ot from"./components/tag/tag.js";import"./components/tag/index.js";import st from"./components/tags-input/tags-input.js";import ct from"./components/tags-input/tags-input-item-delete.js";import{STagsInputClear as lt,STagsInputInput as ut,STagsInputItem as dt,STagsInputItemText as ft}from"./components/tags-input/index.js";import pt from"./components/textarea/textarea.js";import"./components/textarea/index.js";import{toast as mt}from"./components/toast/index.js";import ht from"./components/toolbar/toolbar.js";import{SToolbarButton as gt,SToolbarLink as _t,SToolbarSeparator as vt,SToolbarToggleGroup as yt,SToolbarToggleItem as bt}from"./components/toolbar/index.js";import xt from"./components/toggle/toggle.js";import"./components/toggle/index.js";import St from"./components/toggle-group/toggle-group.js";import Ct from"./components/toggle-group/toggle-group-item.js";import"./components/toggle-group/index.js";import wt from"./components/tooltip/tooltip.js";import"./components/tooltip/index.js";import Tt from"./components/tree/tree.js";import Et from"./components/tree/tree-virtualizer.js";import{STreeItem as Dt,STreeVirtualizerItem as Ot}from"./components/tree/index.js";import kt from"./components/tree-menu/tree-menu.js";import At from"./components/tree-menu/tree-menu-styled-item.js";import"./components/tree-menu/index.js";import jt from"./components/virtualizer/virtualizer.js";import{SVirtualizerItem as Mt}from"./components/virtualizer/index.js";export{ge as REGEXP_ONLY_CHARS,_e as REGEXP_ONLY_DIGITS,ve as REGEXP_ONLY_DIGITS_AND_CHARS,e as SAccordion,t as SAffix,n as SAlert,r as SAnchor,i as SArrow,a as SAspectRatio,m as SAutocomplete,o as SAvatar,p as SBacktop,h as SBadge,g as SBreadcrumb,_ as SBreadcrumbEllipsis,v as SBreadcrumbPage,y as SButton,w as SButtonGroup,x as SButtonIcon,C as SButtonLink,b as SButtonLoading,T as SCard,E as SCardCollapsibleTrigger,D as SCarousel,O as SCarouselContent,k as SCarouselItem,j as SCarouselNext,A as SCarouselPrevious,N as SCheckbox,F as SCheckboxCard,P as SCheckboxCardGroup,M as SCheckboxGroup,I as SClipboard,L as SCollapsible,R as SCollapsibleContent,z as SCollapsibleTrigger,V as SColorArea,H as SColorField,J as SColorPicker,U as SColorSlider,G as SColorSwatch,W as SColorSwatchPicker,B as SCombobox,Y as SCommand,d as SConfigProvider,Z as SContextMenu,Q as SContextMenuCheckbox,$ as SContextMenuRadio,X as SContextMenuWrapper,ee as SDialog,s as SDialogProvider,ne as SDrawer,re as SDropdownMenu,ie as SDropdownMenuCheckbox,ae as SDropdownMenuRadio,oe as SDropdownMenuWrapper,se as SEditable,ce as SEmpty,le as SForm,ue as SFormFieldBase,fe as SHoverCard,f as SIcon,pe as SInput,me as SInputNumber,he as SInputOtp,ye as SKbd,be as SLabel,xe as SLayout,Se as SLayoutTrigger,S as SLink,Ce as SList,we as SListItem,Te as SMenuCheckboxOptions,Ee as SMenuOptions,De as SMenuRadioOptions,Oe as SMenubar,ke as SNavigationMenu,Ae as SPageTabs,je as SPagination,Me as SPassword,Fe as SPopconfirm,Ne as SPopconfirmCancel,Pe as SPopconfirmConfirm,K as SPopover,Ie as SProgress,Le as SProgressCircle,c as SProgressProvider,Be as SRadio,Ve as SRadioCard,He as SRadioCardGroup,ze as SRadioGroup,Ue as SScrollArea,q as SSegment,We as SSelect,Ge as SSeparator,Ke as SSkeleton,qe as SSlider,Je as SSpinner,Ye as SSplitterGroup,Xe as SSplitterPanel,Ze as SSplitterResizeHandle,Qe as SStepper,$e as SSwitch,et as STable,rt as STableCell,it as STableRow,at as STabs,ot as STag,st as STagsInput,lt as STagsInputClear,ut as STagsInputInput,dt as STagsInputItem,ct as STagsInputItemDelete,ft as STagsInputItemText,pt as STextarea,l as SToaster,xt as SToggle,St as SToggleGroup,Ct as SToggleGroupItem,ht as SToolbar,gt as SToolbarButton,_t as SToolbarLink,vt as SToolbarSeparator,yt as SToolbarToggleGroup,bt as SToolbarToggleItem,wt as STooltip,Tt as STree,Dt as STreeItem,kt as STreeMenu,At as STreeMenuStyledItem,Et as STreeVirtualizer,Ot as STreeVirtualizerItem,jt as SVirtualizer,Mt as SVirtualizerItem,te as dialog,Re as progress,mt as toast,u as useConfigProvider,de as useForm,tt as usePaginatedTable,nt as useTable};

package/dist/styles.css

@@ -65,9 +65,13 @@
 .\[--soybean-layout-spacing\:1\.5rem\]{--soybean-layout-spacing:1.5rem;}
 .\[--soybean-layout-spacing\:1\.75rem\]{--soybean-layout-spacing:1.75rem;}
 .\[--soybean-layout-spacing\:1rem\]{--soybean-layout-spacing:1rem;}
+.\[font-variant-numeric\:tabular-nums\]{font-variant-numeric:tabular-nums;}
+.\[letter-spacing\:-0\.5em\]{letter-spacing:-0.5em;}
+.data-\[password-manager-badge\]\:\[clip-path\:inset\(0_40px_0_0\)\][data-password-manager-badge]{clip-path:inset(0 40px 0 0);}
 .data-\[y-position\=bottom\]\:\[--lift\:-1\][data-y-position=bottom]{--lift:-1;}
 .data-\[y-position\=top\]\:\[--y\:translateY\(-100\%\)\][data-y-position=top]{--y:translateY(-100%);}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.pointer-events-auto{pointer-events:auto;}
 .\[\&_svg\]\:pointer-events-none svg,
 .aria-disabled\:pointer-events-none[aria-disabled="true"],
 .data-\[disabled\]\:pointer-events-none[data-disabled],
@@ -100,6 +104,10 @@
 .end-1\.75{inset-inline-end:0.4375rem;}
 .end-2{inset-inline-end:0.5rem;}
 .end-2\.5{inset-inline-end:0.625rem;}
+.end-3{inset-inline-end:0.75rem;}
+.end-4{inset-inline-end:1rem;}
+.end-6{inset-inline-end:1.5rem;}
+.start-1\/2{inset-inline-start:50%;}
 .data-\[fixed-side\=end\]\:before\:start-0[data-fixed-side=end]::before{inset-inline-start:0;}
 .after\:end-0::after{inset-inline-end:0;}
 .data-\[fixed-side\=start\]\:after\:end-0[data-fixed-side=start]::after{inset-inline-end:0;}
@@ -126,11 +134,11 @@
 .bottom-2\.5{bottom:0.625rem;}
 .bottom-3{bottom:0.75rem;}
 .bottom-3\.5{bottom:0.875rem;}
+.bottom-6{bottom:1.5rem;}
 .data-\[orientation\=vertical\]\:right-0[data-orientation=vertical],
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:right-0,
 .right-0{right:0;}
 .data-\[x-position\=center\]\:left-1\/2[data-x-position=center],
-.left-\[50\%\],
 .left-1\/2,
 [dir="rtl"] .rtl\:left-1\/2{left:50%;}
 .data-\[y-position\=bottom\]\:bottom-\[--offset-bottom\][data-y-position=bottom]{bottom:var(--offset-bottom);}
@@ -173,14 +181,13 @@
 [dir="rtl"] .rtl\:data-\[orientation\=vertical\]\:right-auto[data-orientation=vertical],
 [dir="rtl"] .rtl\:right-auto{right:auto;}
 .right-full{right:100%;}
-.top-\[50\%\],
-.top-1\/2{top:50%;}
 .top-\[var\(--soybean-anchor-offset-top\,0px\)\]{top:var(--soybean-anchor-offset-top,0px);}
 .top-1{top:0.25rem;}
 .top-1\.25{top:0.3125rem;}
 .top-1\.5{top:0.375rem;}
 .top-1\.75{top:0.4375rem;}
 .top-1\.875{top:0.46875rem;}
+.top-1\/2{top:50%;}
 .top-2{top:0.5rem;}
 .top-2\.25{top:0.5625rem;}
 .top-2\.5{top:0.625rem;}
@@ -211,10 +218,10 @@
 .z-\[--z-index\]{z-index:var(--z-index);}
 .z-1{z-index:1;}
 .z-10{z-index:10;}
-.z-100{z-index:100;}
 .z-20{z-index:20;}
 .z-3{z-index:3;}
 .z-49{z-index:49;}
+.z-99999{z-index:99999;}
 .focus-visible\:\[\&\>\*\]\:z-2>*:focus-visible{z-index:2;}
 .-order-1{order:-1;}
 .order-1{order:1;}
@@ -230,6 +237,7 @@
 .grid-cols-\[repeat\(auto-fill\,minmax\(1\.625rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(1.625rem,1fr));}
 .grid-cols-\[repeat\(auto-fill\,minmax\(1\.75rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(1.75rem,1fr));}
 .grid-cols-\[repeat\(auto-fill\,minmax\(2rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));}
+.grid-cols-\[repeat\(var\(--columns\)\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(var(--columns),minmax(0,1fr));}
 .m-0{margin:0;}
 .-mx-0\.75{margin-left:-0.1875rem;margin-right:-0.1875rem;}
 .-mx-0\.875{margin-left:-0.21875rem;margin-right:-0.21875rem;}
@@ -297,9 +305,9 @@
 .mr-2\.5{margin-right:0.625rem;}
 .mr-3{margin-right:0.75rem;}
 .mr-3\.5{margin-right:0.875rem;}
-.ms,
-.ms-4{margin-inline-start:1rem;}
 .ms-0{margin-inline-start:0;}
+.ms-4{margin-inline-start:1rem;}
+.ms-auto{margin-inline-start:auto;}
 .mt-0\.25{margin-top:0.0625rem;}
 .mt-1\.25{margin-top:0.3125rem;}
 .mt-1\.5{margin-top:0.375rem;}
@@ -309,7 +317,6 @@
 .mt-3{margin-top:0.75rem;}
 .mt-3\.5{margin-top:0.875rem;}
 .mt-4{margin-top:1rem;}
-.mt-auto{margin-top:auto;}
 [dir="rtl"] .rtl\:-mr-4{margin-right:-1rem;}
 [dir="rtl"] .rtl\:mr-0{margin-right:0;}
 .box-border{box-sizing:border-box;}
@@ -401,11 +408,13 @@
 .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical],
 .w-1px,
 .w-px{width:1px;}
+.data-\[password-manager-badge\]\:w-\[calc\(100\%\+40px\)\][data-password-manager-badge]{width:calc(100% + 40px);}
 .data-\[state\=collapsed\]\:w-\[--soybean-tree-menu-collapsed-width\][data-state=collapsed]{width:var(--soybean-tree-menu-collapsed-width);}
 .data-\[state\=indeterminate\]\:w-2\/5[data-state=indeterminate]{width:40%;}
 .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--soybean-collapsed-sidebar-width\]{width:var(--soybean-collapsed-sidebar-width);}
 .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--soybean-collapsed-sidebar-width\)\+var\(--soybean-layout-spacing\)\)\]{width:calc(var(--soybean-collapsed-sidebar-width) + var(--soybean-layout-spacing));}
-.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0;}
+.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0,
+.w-0{width:0;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:w-10,
 .w-10{width:2.5rem;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:w-12,
@@ -422,10 +431,13 @@
 .h-\[--soybean-navigation-menu-viewport-height\]{height:var(--soybean-navigation-menu-viewport-height);}
 .h-\[--soybean-select-trigger-height\]{height:var(--soybean-select-trigger-height);}
 .h-\[--soybean-tabs-indicator-size\]{height:var(--soybean-tabs-indicator-size);}
+.h-\[60\%\]{height:60%;}
+.h-0{height:0;}
 .h-0\.5{height:0.125rem;}
 .h-0\.5em{height:0.5em;}
 .h-0\.75{height:0.1875rem;}
 .h-10{height:2.5rem;}
+.h-11{height:2.75rem;}
 .h-12{height:3rem;}
 .h-14{height:3.5rem;}
 .h-16{height:4rem;}
@@ -446,7 +458,6 @@
 .h-7{height:1.75rem;}
 .h-8{height:2rem;}
 .h-fit{height:fit-content;}
-.max-h-\[85vh\]{max-height:85vh;}
 .max-h-\[calc\(100vh-var\(--soybean-anchor-offset-top\,0px\)\)\]{max-height:calc(100vh - var(--soybean-anchor-offset-top,0px));}
 .max-h-100{max-height:25rem;}
 .max-h-115{max-height:28.75rem;}
@@ -621,12 +632,15 @@
 .hover\:scale-105:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 @keyframes una-in{from{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}
 @keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}
 @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
 .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
-.cursor-default{cursor:default;}
+.cursor-default,
+.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default;}
 .cursor-pointer{cursor:pointer;}
+.cursor-text{cursor:text;}
 .data-\[disabled\]\:cursor-not-allowed[data-disabled],
 .peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
 .disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
@@ -684,8 +698,6 @@
 .gap-x-4{column-gap:1rem;}
 .gap-x-4\.5{column-gap:1.125rem;}
 .gap-x-5\.25{column-gap:1.3125rem;}
-.gap-y-\[1\.125rem\],
-.gap-y-4\.5{row-gap:1.125rem;}
 .gap-y-1\.5{row-gap:0.375rem;}
 .gap-y-1\.75{row-gap:0.4375rem;}
 .gap-y-2{row-gap:0.5rem;}
@@ -693,6 +705,7 @@
 .gap-y-3{row-gap:0.75rem;}
 .gap-y-3\.5{row-gap:0.875rem;}
 .gap-y-4{row-gap:1rem;}
+.gap-y-4\.5{row-gap:1.125rem;}
 .gap-y-5{row-gap:1.25rem;}
 .gap-y-6{row-gap:1.5rem;}
 .divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
@@ -702,7 +715,6 @@
 .overflow-auto{overflow:auto;}
 .overflow-x-hidden{overflow-x:hidden;}
 .overflow-y-auto{overflow-y:auto;}
-.overscroll-contain{overscroll-behavior:contain;}
 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .whitespace-nowrap{white-space:nowrap;}
 .break-words{overflow-wrap:break-word;}
@@ -775,6 +787,8 @@
 .data-\[state\=checked\]\:border-warning[data-state=checked],
 .group[data-state=active] .group-data-\[state\=active\]\:border-warning{--un-border-opacity:1;border-color:hsl(var(--warning) / var(--un-border-opacity));}
 .border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
+.data-\[state\=active\]\:border-ring[data-state=active]{--un-border-opacity:1;border-color:hsl(var(--ring) / var(--un-border-opacity));}
+.data-\[state\=filled\]\:border-foreground\/20[data-state=filled]{border-color:hsl(var(--foreground) / 0.2);}
 .group[data-state=active] .group-data-\[state\=active\]\:border-accent{--un-border-opacity:1;border-color:hsl(var(--accent) / var(--un-border-opacity));}
 .group[data-state=active] .group-data-\[state\=active\]\:border-secondary{--un-border-opacity:1;border-color:hsl(var(--secondary) / var(--un-border-opacity));}
 .group[data-state=completed] .group-data-\[state\=completed\]\:border-accent\/25{border-color:hsl(var(--accent) / 0.25);}
@@ -801,8 +815,7 @@
 .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\>\*\]\:\!rounded-none>*:not(:first-child):not(:last-child)>*{border-radius:0 !important;}
 .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg,
 .rounded-lg{border-radius:var(--radius);}
-.not-first\:not-last\:\[\&\>\*\]\:rd-0>*:not(:last-child):not(:first-child),
-.rounded-none{border-radius:0;}
+.not-first\:not-last\:\[\&\>\*\]\:rd-0>*:not(:last-child):not(:first-child){border-radius:0;}
 .rounded{border-radius:0.25rem;}
 .rounded-\[inherit\]{border-radius:inherit;}
 .rounded-0\.5{border-radius:0.125rem;}
@@ -824,7 +837,6 @@
 .rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0;}
 .rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0;}
 .rounded-t-0{border-top-left-radius:0;border-top-right-radius:0;}
-.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem;}
 .rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px);}
 .first\:\[\&\>\*\]\:rd-b-0>*:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}
 .first\:\[\&\>\*\]\:rd-r-0>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
@@ -886,6 +898,7 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-destructive{--un-bg-opacity:1;background-color:hsl(var(--destructive) / var(--un-bg-opacity)) /* hsl(var(--destructive)) */;}
 .bg-destructive\/10,
 .data-\[state\=active\]\:bg-destructive\/10[data-state=active]{background-color:hsl(var(--destructive) / 0.1) /* hsl(var(--destructive)) */;}
+.bg-foreground{--un-bg-opacity:1;background-color:hsl(var(--foreground) / var(--un-bg-opacity)) /* hsl(var(--foreground)) */;}
 .bg-info,
 .data-\[state\=checked\]\:bg-info[data-state=checked],
 .data-\[state\=indeterminate\]\:bg-info[data-state=indeterminate],
@@ -930,7 +943,9 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-success{--un-bg-opacity:1;background-color:hsl(var(--success) / var(--un-bg-opacity)) /* hsl(var(--success)) */;}
 .bg-success\/10,
 .data-\[state\=active\]\:bg-success\/10[data-state=active]{background-color:hsl(var(--success) / 0.1) /* hsl(var(--success)) */;}
-.bg-transparent{background-color:transparent /* transparent */;}
+.bg-transparent,
+.selection\:bg-transparent *::selection,
+.selection\:bg-transparent::selection{background-color:transparent /* transparent */;}
 .bg-warning,
 .data-\[state\=checked\]\:bg-warning[data-state=checked],
 .data-\[state\=indeterminate\]\:bg-warning[data-state=indeterminate],
@@ -1048,6 +1063,7 @@
 .p-1\.25{padding:0.3125rem;}
 .p-1\.5{padding:0.375rem;}
 .p-1\.75{padding:0.4375rem;}
+.p-12{padding:3rem;}
 .p-2{padding:0.5rem;}
 .p-2\.25{padding:0.5625rem;}
 .p-2\.5{padding:0.625rem;}
@@ -1110,14 +1126,12 @@
 .pb-1\.25{padding-bottom:0.3125rem;}
 .pb-1\.5{padding-bottom:0.375rem;}
 .pb-2{padding-bottom:0.5rem;}
-.pb-2\.5{padding-bottom:0.625rem;}
 .pb-3{padding-bottom:0.75rem;}
 .pb-3\.5{padding-bottom:0.875rem;}
 .pb-4{padding-bottom:1rem;}
 .pb-4\.5{padding-bottom:1.125rem;}
 .pb-5{padding-bottom:1.25rem;}
 .pb-6{padding-bottom:1.5rem;}
-.pb-7{padding-bottom:1.75rem;}
 .pe-1{padding-inline-end:0.25rem;}
 .pl-0,
 [dir="rtl"] .rtl\:pl-0{padding-left:0;}
@@ -1150,7 +1164,6 @@
 .pr-9{padding-right:2.25rem;}
 .ps-0{padding-inline-start:0;}
 .ps-3{padding-inline-start:0.75rem;}
-.pt-\[1\.125rem\]{padding-top:1.125rem;}
 .pt-0\.5{padding-top:0.125rem;}
 .pt-0\.875{padding-top:0.21875rem;}
 .pt-1{padding-top:0.25rem;}
@@ -1159,13 +1172,13 @@
 .pt-1\.75{padding-top:0.4375rem;}
 .pt-2{padding-top:0.5rem;}
 .pt-2\.5{padding-top:0.625rem;}
-.pt-3{padding-top:0.75rem;}
-.pt-3\.5{padding-top:0.875rem;}
 .pt-4{padding-top:1rem;}
 [dir="rtl"] .rtl\:pr-0{padding-right:0;}
 [dir="rtl"] .rtl\:pr-4{padding-right:1rem;}
 .text-center{text-align:center;}
 .text-left{text-align:left;}
+.text-start{text-align:start;}
+.text-end{text-align:end;}
 .indent{text-indent:1.5rem;}
 .text-balance{text-wrap:balance;}
 .text-\[10px\]{font-size:10px;}
@@ -1295,12 +1308,16 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:text-success\/80{color:hsl(var(--success) / 0.8) /* hsl(var(--success)) */;}
 .group[data-state=active] .group-data-\[state\=active\]\:text-warning\/80,
 .group[data-state=completed] .group-data-\[state\=completed\]\:text-warning\/80{color:hsl(var(--warning) / 0.8) /* hsl(var(--warning)) */;}
+.selection\:text-transparent *::selection,
+.selection\:text-transparent::selection,
+.text-transparent{color:transparent /* transparent */;}
 .text-accent-foreground\/20{color:hsl(var(--accent-foreground) / 0.2) /* hsl(var(--accent-foreground)) */;}
 .text-accent-foreground\/40{color:hsl(var(--accent-foreground) / 0.4) /* hsl(var(--accent-foreground)) */;}
 .text-card-foreground{--un-text-opacity:1;color:hsl(var(--card-foreground) / var(--un-text-opacity)) /* hsl(var(--card-foreground)) */;}
 .text-current{color:currentColor /* currentColor */;}
 .text-foreground\/70{color:hsl(var(--foreground) / 0.7) /* hsl(var(--foreground)) */;}
 .text-muted{--un-text-opacity:1;color:hsl(var(--muted) / var(--un-text-opacity)) /* hsl(var(--muted)) */;}
+.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / 0.6) /* hsl(var(--muted-foreground)) */;}
 .text-popover-foreground{--un-text-opacity:1;color:hsl(var(--popover-foreground) / var(--un-text-opacity)) /* hsl(var(--popover-foreground)) */;}
 .text-secondary-foreground\/20{color:hsl(var(--secondary-foreground) / 0.2) /* hsl(var(--secondary-foreground)) */;}
 .text-secondary-foreground\/40{color:hsl(var(--secondary-foreground) / 0.4) /* hsl(var(--secondary-foreground)) */;}
@@ -1354,6 +1371,7 @@
 .decoration-none,
 .no-underline{text-decoration:none;}
 .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
+.caret-transparent{caret-color:transparent /* transparent */;}
 .aria-disabled\:opacity-50[aria-disabled="true"],
 .data-\[disabled\]\:opacity-50[data-disabled],
 .group[data-disabled] .group-data-\[disabled\]\:opacity-50,
@@ -1390,10 +1408,8 @@
 .focus-visible\:outline-1:focus-visible{outline-width:1px;}
 .outline{outline-style:solid;}
 .outline-none{outline:2px solid transparent;outline-offset:2px;}
-.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px;}
-.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
-.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
-.data-\[invalid\]\:ring-3[data-invalid]{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.data-\[invalid\]\:ring-3[data-invalid],
+.data-\[state\=active\]\:ring-3[data-state=active]{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .data-\[state\=active\]\:ring-2[data-state=active]{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .ring-1{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .focus-within\:ring-3:focus-within{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
@@ -1408,6 +1424,7 @@
 .focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;}
 .data-\[invalid\]\:ring-destructive\/20[data-invalid]{--un-ring-color:hsl(var(--destructive) / 0.2) /* hsl(var(--destructive)) */;}
 .data-\[state\=active\]\:ring-ring[data-state=active]{--un-ring-opacity:1;--un-ring-color:hsl(var(--ring) / var(--un-ring-opacity)) /* hsl(var(--ring)) */;}
+.data-\[state\=active\]\:ring-ring\/40[data-state=active]{--un-ring-color:hsl(var(--ring) / 0.4) /* hsl(var(--ring)) */;}
 .ring-black\/20{--un-ring-color:rgb(0 0 0 / 0.2) /* #000 */;}
 .focus-within\:ring-primary\/30:focus-within{--un-ring-color:hsl(var(--primary) / 0.3) /* hsl(var(--primary)) */;}
 .focus-within\:ring-ring\/50:focus-within{--un-ring-color:hsl(var(--ring) / 0.5) /* hsl(var(--ring)) */;}
@@ -1439,6 +1456,7 @@
 .focus-visible\:ring-offset-background:focus-visible{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity)) /* hsl(var(--background)) */;}
 .filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[box-shadow\,background-color\]{transition-property:box-shadow,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[height\,padding\,opacity\]-200{transition-property:height,padding,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
@@ -1447,7 +1465,6 @@
 .transition-\[transform\,width\]{transition-property:transform,width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[width\,height\,transform\]{transition-property:width,height,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[width\,height\]-200{transition-property:width,height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
-.transition-50{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:50ms;}
 .transition-all,
 .transition-all-150{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-all-200{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
@@ -1511,29 +1528,29 @@
 @media (max-width: 767.9px){
 .lt-md\:left-1\/10{left:10%;}
 .lt-md\:left-9\/10{left:90%;}
+.lt-md\:hidden{display:none;}
+.lt-md\:w-full{width:100%;}
+.lt-md\:p-6{padding:1.5rem;}
 }
 @media (max-width: 639.9px){
 .lt-sm\:left-1\/8{left:12.5%;}
 .lt-sm\:left-7\/8{left:87.5%;}
+.lt-sm\:hidden{display:none;}
 .lt-sm\:max-w-full{max-width:100%;}
 .lt-sm\:min-w-full{min-width:100%;}
 }
 @media (min-width: 640px){
 .sm\:max-w-sm{max-width:24rem;}
-.sm\:flex{display:flex;}
 .sm\:flex-row{flex-direction:row;}
 .sm\:justify-end{justify-content:flex-end;}
 .sm\:text-left{text-align:left;}
+.sm\:text-start{text-align:start;}
 }
 @media (min-width: 768px){
 .md\:absolute{position:absolute;}
 .md\:m-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{margin:calc(var(--soybean-layout-spacing) / 2);}
 .group[data-state=collapsed] .md\:group-data-\[state\=collapsed\]\:ml-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{margin-left:calc(var(--soybean-layout-spacing) / 2);}
 .md\:ml-0{margin-left:0;}
-.md\:block{display:block;}
-.md\:w-auto{width:auto;}
-.md\:flex{display:flex;}
 .md\:rounded-xl{border-radius:calc(var(--radius) + 4px);}
-.md\:p-12{padding:3rem;}
 .md\:shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 }

package/dist/theme/shared.js

@@ -1 +1 @@
-import{cn as e}from"./merge.js";function t(t,...n){return Object.entries(t).reduce((t,[r,i])=>{let a=r;return t[a]=e(i(),...n.filter(Boolean).map(e=>e?.[a]).filter(Boolean)),t},{})}function n(t,...n){return t?Object.entries(t).reduce((t,[r,i])=>{let a=r;return Object.assign(t,{[a]:e(i,...n.filter(Boolean).map(e=>e?.[a]).filter(Boolean))}),t},{}):{}}export{t as mergeSlotVariants,n as mergeUi};
+import{cn as e}from"./merge.js";function t(t,...n){return Object.entries(t).reduce((t,[r,i])=>{let a=r;return t[a]=e(i(),...n.filter(Boolean).map(e=>e?.[a]).filter(Boolean)),t},{})}function n(e,t){return Object.entries(e).reduce((e,[n,r])=>{let i=n,a=t[i];return e[i]=()=>`${a??``} ${r()}`.trim(),e},{})}export{n as mergeBaseVariants,t as mergeSlotVariants};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.15.0-beta.2",
+  "version": "0.15.0-beta.4",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -47,7 +47,7 @@
     "@formkit/auto-animate": "^0.9.0",
     "@iconify/vue": "^5.0.0",
     "@soybeanjs/colord": "^0.5.0",
-    "@soybeanjs/hooks": "^0.1.0",
+    "@soybeanjs/hooks": "^0.2.0",
     "@soybeanjs/shadcn-theme": "^0.3.1",
     "@soybeanjs/utils": "^0.1.0",
     "@vueuse/core": "^14.2.1",
@@ -57,7 +57,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.3.1",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.15.0-beta.2"
+    "@soybeanjs/headless": "^0.15.0-beta.4"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.1",
@@ -66,17 +66,18 @@
     "@soybeanjs/unocss-shadcn": "^0.3.4",
     "@types/node": "^25.6.0",
     "@unocss/cli": "^66.6.8",
-    "@vitest/coverage-v8": "^4.1.4",
+    "@vitest/coverage-v8": "^4.1.5",
     "@vue/test-utils": "^2.4.6",
     "axe-core": "^4.11.3",
     "eslint": "^10.2.1",
     "happy-dom": "^20.9.0",
     "lint-staged": "^16.4.0",
-    "oxfmt": "^0.45.0",
-    "oxlint": "^1.60.0",
+    "oxfmt": "^0.46.0",
+    "oxlint": "^1.61.0",
     "simple-git-hooks": "^2.13.1",
-    "tsdown": "0.21.9",
+    "tsdown": "0.21.10",
     "tsx": "^4.21.0",
+    "typedoc": "^0.28.19",
     "typescript": "^6.0.3",
     "unocss": "^66.6.8",
     "unocss-preset-animations": "^1.3.0",
@@ -84,13 +85,13 @@
     "unplugin-vue": "^7.1.1",
     "unplugin-vue-components": "^32.0.0",
     "unplugin-vue-jsx": "^0.8.1",
-    "vite": "^8.0.8",
+    "vite": "^8.0.10",
     "vite-plugin-vue-devtools": "^8.1.1",
     "vite-plugin-vue-meta-layouts": "^0.6.1",
-    "vitest": "^4.1.4",
-    "vue": "^3.5.32",
-    "vue-router": "^5.0.4",
-    "vue-tsc": "^3.2.6"
+    "vitest": "^4.1.5",
+    "vue": "^3.5.33",
+    "vue-router": "^5.0.6",
+    "vue-tsc": "^3.2.7"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",
@@ -112,6 +113,8 @@
     "dev:docs": "pnpm --filter @soybeanjs/ui-docs dev",
     "lint": "oxlint --fix && eslint --fix .",
     "fmt": "oxfmt",
+    "gen:api": "tsx scripts/api.ts",
+    "gen:headless": "tsx scripts/headless.ts && oxfmt headless/src/constants/components.ts headless/src/namespaced/index.ts",
     "preview": "vite preview",
     "preview:docs": "pnpm --filter @soybeanjs/ui-docs preview",
     "publish-pkg": "pnpm publish -r --access public",

package/dist/components/alert-dialog/alert-dialog-cancel.js

@@ -1 +0,0 @@
-import{useAlertDialogContext as e}from"./context.js";import t from"../button/button.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{AlertDialogClose as m}from"@soybeanjs/headless";const h=o({name:`SAlertDialogCancel`,__name:`alert-dialog-cancel`,props:{text:{},beforeClose:{},class:{},color:{},size:{},variant:{default:`pure`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(o,{emit:h}){let g=o,_=h,v=p(g,[`text`,`beforeClose`]),{size:y,cancelText:b,cancelProps:x,beforeCancel:S,onClose:C}=e(`AlertDialogCancel`),w=n(()=>({...x.value,...v.value})),T=n(()=>g.text??b.value??`Cancel`),E=n(()=>g.size??y.value),D=()=>{_(`close`),C()};return(e,n)=>(c(),r(d(m),{"as-child":``,"before-close":o.beforeClose??d(S),onClose:D},{default:f(()=>[a(t,s(w.value,{size:E.value}),{default:f(()=>[l(e.$slots,`default`,{},()=>[i(u(T.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{h as default};

package/dist/components/alert-dialog/alert-dialog-cancel.vue.d.ts

@@ -1,25 +0,0 @@
-import { ButtonVariant } from "../button/variants.js";
-import { AlertDialogCancelProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
-declare var __VLS_16: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
-}, string, _$vue.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {
-  variant: ButtonVariant;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/alert-dialog/alert-dialog-confirm.js

@@ -1 +0,0 @@
-import{useAlertDialogContext as e}from"./context.js";import t from"../button/button.js";import{computed as n,createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{AlertDialogClose as m}from"@soybeanjs/headless";const h=o({name:`SAlertDialogConfirm`,__name:`alert-dialog-confirm`,props:{text:{},beforeClose:{type:Function},class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(o,{emit:h}){let g=o,_=h,v=p(g,[`text`,`beforeClose`]),{size:y,confirmText:b,confirmProps:x,beforeConfirm:S,onClose:C}=e(`AlertDialogConfirm`),w=n(()=>({...x.value,...v.value})),T=n(()=>g.text??b.value??`Confirm`),E=n(()=>g.size??y.value),D=()=>{_(`close`),C()};return(e,n)=>(c(),r(d(m),{"as-child":``,"before-close":o.beforeClose??d(S),onClose:D},{default:f(()=>[a(t,s(w.value,{size:E.value}),{default:f(()=>[l(e.$slots,`default`,{},()=>[i(u(T.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{h as default};

package/dist/components/alert-dialog/alert-dialog-confirm.vue.d.ts

@@ -1,22 +0,0 @@
-import { AlertDialogConfirmProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/alert-dialog/alert-dialog-confirm.vue.d.ts
-declare var __VLS_16: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<AlertDialogConfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
-}, string, _$vue.PublicProps, Readonly<AlertDialogConfirmProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/alert-dialog/alert-dialog.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dialogVariants as t}from"../dialog/variants.js";import{provideAlertDialogContext as n}from"./context.js";import r from"./alert-dialog-confirm.js";import i from"./alert-dialog-cancel.js";import a from"../icon/icon.js";import{computed as o,createBlock as s,createCommentVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,usePickProps as w}from"@soybeanjs/headless/composables";import{AlertDialogContent as T,AlertDialogDescription as E,AlertDialogFooter as D,AlertDialogHeader as O,AlertDialogOverlay as k,AlertDialogPortal as A,AlertDialogRoot as j,AlertDialogTitle as M,AlertDialogTrigger as N,provideAlertDialogUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";const I=d({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},beforeCancel:{},beforeConfirm:{},confirmProps:{},cancelProps:{},class:{},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`,`close`],setup(d,{emit:I}){let L=d,R=w(L,[`open`,`defaultOpen`]),z=I,B=x(),V=C(z),H=o(()=>e(t({size:L.size}),L.ui,{content:L.class})),U={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},W=o(()=>L.type?U[L.type]:null),G=o(()=>typeof L.showCancel==`boolean`?L.showCancel:L.type===`warning`),K=()=>{z(`close`)};return P(H),n({...F(L,[`size`,`confirmText`,`cancelText`,`showCancel`,`confirmProps`,`cancelProps`]),beforeConfirm:L.beforeConfirm,beforeCancel:L.beforeCancel,onClose:K}),(e,t)=>(g(),s(b(j),p(b(R),{"onUpdate:open":t[0]||=e=>z(`update:open`,e)}),{default:S(t=>[u(b(N),p(d.triggerProps,{size:d.size,"as-child":``}),{default:S(()=>[_(e.$slots,`trigger`)]),_:3},16,[`size`]),u(b(A),h(f(d.portalProps)),{default:S(()=>[u(b(k),h(f(d.overlayProps)),null,16),u(b(T),p(d.contentProps,y(b(V))),{default:S(()=>[u(b(O),h(f(d.headerProps)),{default:S(()=>[u(b(M),h(f(d.titleProps)),{default:S(()=>[d.showIcon&&W.value?(g(),s(a,{key:0,icon:W.value.icon,class:m(W.value.class)},null,8,[`icon`,`class`])):c(`v-if`,!0),_(e.$slots,`title`,{close:t.close},()=>[l(v(d.title),1)])]),_:2},1040),b(B).description||d.description?(g(),s(b(E),h(p({key:0},d.descriptionProps)),{default:S(()=>[_(e.$slots,`description`,{close:t.close},()=>[l(v(d.description),1)])]),_:2},1040)):c(`v-if`,!0)]),_:2},1040),_(e.$slots,`default`,{close:t.close}),u(b(D),h(f(d.footerProps)),{default:S(()=>[_(e.$slots,`footer`,{close:t.close},()=>[G.value?(g(),s(i,{key:0})):c(`v-if`,!0),u(r)])]),_:2},1040)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};

package/dist/components/alert-dialog/alert-dialog.vue.d.ts

@@ -1,45 +0,0 @@
-import { AlertDialogProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/alert-dialog/alert-dialog.vue.d.ts
-declare var __VLS_16: {}, __VLS_52: {
-    close: () => void;
-  }, __VLS_60: {
-    close: () => void;
-  }, __VLS_62: {
-    close: () => void;
-  }, __VLS_70: {
-    close: () => void;
-  };
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  title?: (props: typeof __VLS_52) => any;
-} & {
-  description?: (props: typeof __VLS_60) => any;
-} & {
-  default?: (props: typeof __VLS_62) => any;
-} & {
-  footer?: (props: typeof __VLS_70) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<AlertDialogProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
-  close: () => any;
-}, string, _$vue.PublicProps, Readonly<AlertDialogProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onClose?: (() => any) | undefined;
-}>, {
-  open: boolean;
-  defaultOpen: boolean;
-  showIcon: boolean;
-  showCancel: "onlyWarning" | boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/alert-dialog/context.d.ts

@@ -1,5 +0,0 @@
-import { UseDialogReturn } from "./types.js";
-//#region src/components/alert-dialog/context.d.ts
-declare const useDialog: () => UseDialogReturn;
-//#endregion
-export { useDialog };