@soybeanjs/ui 0.18.0 → 0.19.0

package/dist/components/tree-menu/types.d.ts

@@ -1,177 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { BadgeProps } from "../badge/types.js";
-import { DropdownMenuProps } from "../dropdown-menu/types.js";
-import { index_d_exports } from "../menu/index.js";
-import { TagProps } from "../tag/types.js";
-import { TooltipProps } from "../tooltip/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
-import { AsTag } from "@soybeanjs/headless/primitive";
-import { LinkBaseProps, LinkProps } from "@soybeanjs/headless/link";
-import { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
-import { ClassValue, HorizontalSide, PropsToContext, UiClass } from "@soybeanjs/headless/types";
+import { TreeMenuBaseOptionData, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
+import { BaseProps, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tree-menu/types.d.ts
-/**
- * Option data for the TreeMenuBase component.
- */
-interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
-  /**
-   * Whether the option is a group. only the first-level options can be groups.
-   */
-  isGroup?: boolean;
-  /**
-   * The label of the option.
-   */
-  label: string;
-  /**
-   * The icon of the option.
-   */
-  icon?: IconValue;
-  /**
-   * Whether the option is hidden.
-   */
-  hidden?: boolean;
-  /**
-   * The badge of the option.
-   */
-  badge?: string;
-  /**
-   * The badge props of the option.
-   */
-  badgeProps?: Omit<BadgeProps, 'content'>;
-  /**
-   * The tag of the option.
-   */
-  tag?: string;
-  /**
-   * The tag props of the option.
-   */
-  tagProps?: Omit<TagProps, 'content'>;
-  /**
-   * The tooltip props of the option.
-   */
-  tooltipProps?: TooltipProps;
-  /**
-   * The dropdown menu props of the option.
-   */
-  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  /**
-   * The actions of the option.
-   */
-  actions?: index_d_exports.MenuOptionData[];
-  /**
-   * The action menu props of the option.
-   */
-  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  /**
-   * The callback function when an action is selected.
-   */
-  onActionSelect?: (action: index_d_exports.MenuOptionData) => void;
-}
-/**
- * Option data for the TreeMenu component.
- */
-type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = T & {
-  /**
-   * The children of the option.
-   */
-  children?: TreeMenuOptionData<T>[];
-};
-/**
- * Slot properties for the TreeMenuOption component.
- */
-interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
-  /**
-   * Whether to show the link icon.
-   */
-  showLinkIcon?: boolean;
-}
-/**
- * Properties for the TreeMenuOption component.
- */
-interface TreeMenuOptionProps {
-  /**
-   * Rendered element tag.
-   */
-  as?: AsTag;
-  /**
-   * Current item data.
-   */
-  item: TreeMenuOptionData;
-  /**
-   * Properties forwarded to the item element.
-   */
-  itemProps?: TreeMenuItemProps;
-  /**
-   * Properties forwarded to the button element.
-   */
-  buttonProps?: TreeMenuButtonProps;
-  /**
-   * Properties forwarded to the link element.
-   */
-  linkProps?: LinkProps;
-  /**
-   * Properties forwarded to the collapsible element.
-   */
-  collapsibleProps?: TreeMenuCollapsibleProps;
-  /**
-   * Properties forwarded to the sub element.
-   */
-  subProps?: TreeMenuSubProps;
-}
-/**
- * Events for the TreeMenuOption component.
- */
-type TreeMenuOptionEmits = {
-  /**
-   * Emitted when select dropdown occurs.
-   */
-  selectDropdown: [value: string];
-};
-/**
- * Properties for the TreeMenuOptions component.
- */
-interface TreeMenuOptionsProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Omit<TreeMenuOptionProps, 'as' | 'item'> {
-  /**
-   * Items rendered by the component.
-   */
-  items: TreeMenuOptionData<T>[];
-  /**
-   * Properties forwarded to the group root element.
-   */
-  groupRootProps?: TreeMenuGroupRootProps;
-  /**
-   * Properties forwarded to the group element.
-   */
-  groupProps?: TreeMenuGroupProps;
-  /**
-   * Properties forwarded to the group label element.
-   */
-  groupLabelProps?: TreeMenuGroupLabelProps;
-  /**
-   * Whether to show the group icon.
-   *
-   * @default false
-   */
-  showGroupIcon?: boolean;
-}
-/**
- * Events for the TreeMenuOptions component.
- */
-type TreeMenuOptionsEmits = TreeMenuOptionEmits;
-/**
- * Additional UI slots for the tree menu component.
- */
-type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
-/**
- * Extended UI class overrides for the TreeMenu component.
- */
-type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
 /**
  * Properties for the TreeMenu component.
  */
-interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsProps<T> {
+interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuCompactProps<T> {
   /**
    * Additional class names applied to the root element.
    */
@@ -183,34 +18,20 @@ interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<TreeMenuExtendedUi>;
-  /**
-   * The side of the tree menu.
-   *
-   * @default 'left'
-   */
-  side?: HorizontalSide;
-  /**
-   * The width of the sidebar menu when it's collapsed.
-   *
-   * @default 50
-   */
-  collapsedWidth?: number;
-  /**
-   * The width of the indent.
-   *
-   * @default 16
-   */
-  indent?: number;
+  ui?: Partial<Record<TreeMenuUiSlot, ClassValue>>;
 }
 /**
  * Events for the TreeMenu component.
  */
-type TreeMenuEmits = TreeMenuRootEmits & TreeMenuOptionEmits;
+type TreeMenuEmits = TreeMenuCompactEmits;
+/**
+ * Slots for the TreeMenu component.
+ */
+type TreeMenuSlots<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = TreeMenuCompactSlots<T>;
 /**
  * Properties for the TreeMenuStyledItem component.
  */
-interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
+interface TreeMenuStyledItemProps extends BaseProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -222,20 +43,7 @@ interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<Pick<TreeMenuExtendedUi, 'item' | 'button'>>;
-}
-/**
- * Context for the TreeMenu component.
- */
-interface TreeMenuContext extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
-/**
- * Context for the TreeMenuOptions component.
- */
-interface TreeMenuOptionsContext {
-  /**
-   * Active paths tracked by the component context.
-   */
-  activePaths: ComputedRef<string[]>;
+  ui?: Partial<Record<'button' | 'item', ClassValue>>;
 }
 //#endregion
-export { TreeMenuBaseOptionData, TreeMenuContext, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContext, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps };
+export { TreeMenuEmits, TreeMenuProps, TreeMenuSlots, TreeMenuStyledItemProps };

package/dist/components/tree-menu/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleRoot:``,collapsibleTrigger:``,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active]/button:text-primary`,sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-0.875 p-1.5 text-2xs`,groupRoot:`mb-0.875`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.875`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.875 pl-1.5 pt-0.875`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`gap-1 p-1.75 text-xs`,groupRoot:`mb-1`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-1`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-1 pl-1.75 pt-1`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`gap-1.25 p-2 text-sm`,groupRoot:`mb-1.25`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1.25`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1.25 pl-2 pt-1.25`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`gap-1.5 p-2.25 text-base`,groupRoot:`mb-1.5`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.5`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.5 pl-2.25 pt-1.5`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`gap-2 p-2.5 text-lg`,groupRoot:`mb-2`,groupLabel:`h-10 gap-3 px-2.5 py-2 text-base`,group:`gap-2`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-2 pl-2.5 pt-2`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`gap-2.5 p-3 text-xl`,groupRoot:`mb-2.5`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2.5`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2.5 pl-3 pt-2.5`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleRoot:``,collapsibleTrigger:``,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active]/button:text-primary`,sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto inline-flex items-center rounded-sm bg-accent/15 text-accent-foreground`,itemAction:[`absolute end-0 top-1/2 -translate-y-1/2 z-2 inline-flex items-center justify-center rounded-sm text-muted-foreground outline-none transition-colors`,`focus-visible:bg-sidebar-accent focus-visible:text-foreground focus-visible:ring-3 focus-visible:ring-accent-foreground/20`,`disabled:pointer-events-none disabled:opacity-50`],itemAbsolute:`absolute inset-0 z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-0.875 p-1.5 text-2xs`,groupRoot:`mb-0.875`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.875`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.875 pl-1.5 pt-0.875`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemTag:`min-h-3.5 px-1 text-4xs`,itemAction:`end-1 size-4 text-2xs`},sm:{root:`gap-1 p-1.75 text-xs`,groupRoot:`mb-1`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-1`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-1 pl-1.75 pt-1`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemTag:`min-h-4 px-1.25 text-3xs`,itemAction:`end-1.25 size-4.5 text-xs`},md:{root:`gap-1.25 p-2 text-sm`,groupRoot:`mb-1.25`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1.25`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1.25 pl-2 pt-1.25`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemTag:`min-h-4.5 px-1.5 text-2xs`,itemAction:`end-1.5 size-5 text-sm`},lg:{root:`gap-1.5 p-2.25 text-base`,groupRoot:`mb-1.5`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.5`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.5 pl-2.25 pt-1.5`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemTag:`min-h-5 px-1.75 text-xs`,itemAction:`end-1.75 size-5.5 text-base`},xl:{root:`gap-2 p-2.5 text-lg`,groupRoot:`mb-2`,groupLabel:`h-10 gap-3 px-2.5 py-2 text-base`,group:`gap-2`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-2 pl-2.5 pt-2`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemTag:`min-h-5.5 px-2 text-sm`,itemAction:`end-2 size-6 text-lg`},"2xl":{root:`gap-2.5 p-3 text-xl`,groupRoot:`mb-2.5`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2.5`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2.5 pl-3 pt-2.5`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemTag:`min-h-6 px-2.5 text-base`,itemAction:`end-2.5 size-7 text-xl`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/dist/constants/components.d.ts

@@ -14,6 +14,7 @@ declare const components: {
   breadcrumb: string[];
   button: string[];
   calendar: string[];
+  calendarRange: string[];
   card: string[];
   carousel: string[];
   checkbox: string[];
@@ -51,8 +52,6 @@ declare const components: {
   list: string[];
   menu: string[];
   menubar: string[];
-  monthPicker: string[];
-  monthRangePicker: string[];
   navigationMenu: string[];
   pageTabs: string[];
   pagination: string[];
@@ -61,7 +60,6 @@ declare const components: {
   popover: string[];
   progress: string[];
   radioGroup: string[];
-  rangeCalendar: string[];
   scrollArea: string[];
   segment: string[];
   select: string[];
@@ -78,9 +76,7 @@ declare const components: {
   tagsInput: string[];
   textarea: string[];
   timeField: string[];
-  timePicker: string[];
   timeRangeField: string[];
-  timeRangePicker: string[];
   toast: string[];
   toggle: string[];
   toggleGroup: string[];
@@ -89,8 +85,6 @@ declare const components: {
   tree: string[];
   treeMenu: string[];
   virtualizer: string[];
-  yearPicker: string[];
-  yearRangePicker: string[];
 };
 //#endregion
 export { components };

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`SAccordion`],affix:[`SAffix`],alert:[`SAlert`],anchor:[`SAnchor`],arrow:[`SArrow`],aspectRatio:[`SAspectRatio`],autocomplete:[`SAutocomplete`],avatar:[`SAvatar`],backtop:[`SBacktop`],badge:[`SBadge`],bottomSheet:[`SBottomSheet`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],calendar:[`SCalendar`],card:[`SCard`,`SCardCollapsibleTrigger`],carousel:[`SCarousel`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],clipboard:[`SClipboard`],collapsible:[`SCollapsible`,`SCollapsibleTrigger`,`SCollapsibleContent`],colorArea:[`SColorArea`],colorField:[`SColorField`],colorPicker:[`SColorPicker`],colorSlider:[`SColorSlider`],colorSwatch:[`SColorSwatch`],colorSwatchPicker:[`SColorSwatchPicker`],combobox:[`SCombobox`],command:[`SCommand`],configProvider:[`SConfigProvider`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],dateField:[`SDateField`],datePicker:[`SDatePicker`],dateRangeField:[`SDateRangeField`],dateRangePicker:[`SDateRangePicker`],dialog:[`SDialog`,`SDialogProvider`],drawer:[`SDrawer`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],editable:[`SEditable`],empty:[`SEmpty`],form:[`SForm`,`SFormFieldBase`],hoverCard:[`SHoverCard`],icon:[`SIcon`],input:[`SInput`,`SInputClear`],inputNumber:[`SInputNumber`],inputOtp:[`SInputOtp`],kbd:[`SKbd`],label:[`SLabel`],layout:[`SLayout`,`SLayoutClassic`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],menubar:[`SMenubar`],monthPicker:[`SMonthPicker`],monthRangePicker:[`SMonthRangePicker`],navigationMenu:[`SNavigationMenu`],pageTabs:[`SPageTabs`],pagination:[`SPagination`],password:[`SPassword`],popconfirm:[`SPopconfirm`,`SPopconfirmConfirm`,`SPopconfirmCancel`],popover:[`SPopover`],progress:[`SProgressProvider`,`SProgress`,`SProgressCircle`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],rangeCalendar:[`SRangeCalendar`],scrollArea:[`SScrollArea`],segment:[`SSegment`],select:[`SSelect`],separator:[`SSeparator`],skeleton:[`SSkeleton`],slider:[`SSlider`],spinner:[`SSpinner`],splitter:[`SSplitterGroup`,`SSplitterPanel`,`SSplitterResizeHandle`],stepper:[`SStepper`],switch:[`SSwitch`],table:[`STable`,`STableRow`,`STableCell`],tabs:[`STabs`],tag:[`STag`],tagsInput:[`STagsInput`,`STagsInputItemDelete`,`STagsInputClear`,`STagsInputInput`,`STagsInputItem`,`STagsInputItemText`],textarea:[`STextarea`],timeField:[`STimeField`],timePicker:[`STimePicker`],timeRangeField:[`STimeRangeField`],timeRangePicker:[`STimeRangePicker`],toast:[`SToastProvider`],toggle:[`SToggle`],toggleGroup:[`SToggleGroup`,`SToggleGroupItem`],toolbar:[`SToolbar`,`SToolbarButton`,`SToolbarLink`,`SToolbarSeparator`,`SToolbarToggleGroup`,`SToolbarToggleItem`],tooltip:[`STooltip`],tree:[`STree`,`STreeVirtualizer`,`STreeItem`,`STreeVirtualizerItem`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],virtualizer:[`SVirtualizer`,`SVirtualizerItem`],yearPicker:[`SYearPicker`],yearRangePicker:[`SYearRangePicker`]};export{e as components};
+const e={accordion:[`SAccordion`],affix:[`SAffix`],alert:[`SAlert`],anchor:[`SAnchor`],arrow:[`SArrow`],aspectRatio:[`SAspectRatio`],autocomplete:[`SAutocomplete`],avatar:[`SAvatar`],backtop:[`SBacktop`],badge:[`SBadge`],bottomSheet:[`SBottomSheet`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],calendar:[`SCalendar`],calendarRange:[`SCalendarRange`],card:[`SCard`,`SCardCollapsibleTrigger`],carousel:[`SCarousel`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],clipboard:[`SClipboard`],collapsible:[`SCollapsible`,`SCollapsibleTrigger`,`SCollapsibleContent`],colorArea:[`SColorArea`],colorField:[`SColorField`],colorPicker:[`SColorPicker`],colorSlider:[`SColorSlider`],colorSwatch:[`SColorSwatch`],colorSwatchPicker:[`SColorSwatchPicker`],combobox:[`SCombobox`],command:[`SCommand`],configProvider:[`SConfigProvider`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],dateField:[`SDateField`],datePicker:[`SDatePicker`],dateRangeField:[`SDateRangeField`],dateRangePicker:[`SDateRangePicker`],dialog:[`SDialog`,`SDialogProvider`],drawer:[`SDrawer`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],editable:[`SEditable`],empty:[`SEmpty`],form:[`SForm`,`SFormFieldBase`],hoverCard:[`SHoverCard`],icon:[`SIcon`],input:[`SInput`,`SInputClear`],inputNumber:[`SInputNumber`],inputOtp:[`SInputOtp`],kbd:[`SKbd`],label:[`SLabel`],layout:[`SLayout`,`SLayoutClassic`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],menubar:[`SMenubar`],navigationMenu:[`SNavigationMenu`],pageTabs:[`SPageTabs`],pagination:[`SPagination`],password:[`SPassword`],popconfirm:[`SPopconfirm`,`SPopconfirmConfirm`,`SPopconfirmCancel`],popover:[`SPopover`],progress:[`SProgressProvider`,`SProgress`,`SProgressCircle`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],scrollArea:[`SScrollArea`],segment:[`SSegment`],select:[`SSelect`],separator:[`SSeparator`],skeleton:[`SSkeleton`],slider:[`SSlider`],spinner:[`SSpinner`],splitter:[`SSplitterGroup`,`SSplitterPanel`,`SSplitterResizeHandle`],stepper:[`SStepper`],switch:[`SSwitch`],table:[`STable`,`STableRow`,`STableCell`],tabs:[`STabs`],tag:[`STag`],tagsInput:[`STagsInput`,`STagsInputItemText`,`STagsInputItemDelete`],textarea:[`STextarea`,`STextareaClear`],timeField:[`STimeField`],timeRangeField:[`STimeRangeField`],toast:[`SToastProvider`],toggle:[`SToggle`],toggleGroup:[`SToggleGroup`,`SToggleGroupItem`],toolbar:[`SToolbar`,`SToolbarButton`,`SToolbarLink`,`SToolbarSeparator`,`SToolbarToggleGroup`,`SToolbarToggleItem`],tooltip:[`STooltip`],tree:[`STree`,`STreeVirtualizer`,`STreeItem`,`STreeVirtualizerItem`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],virtualizer:[`SVirtualizer`,`SVirtualizerItem`]};export{e as components};