@choco-vanille/ui 1.15.1 → 1.17.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { vars as $ } from "./theme/contract.css.js";
-import './ui-kit109.css';import './ui-kit111.css';import './ui-kit112.css';import './ui-kit113.css';import './ui-kit104.css';import './ui-kit106.css';import './ui-kit105.css';import './ui-kit4.css';import './ui-kit3.css';import './ui-kit8.css';import './ui-kit15.css';import './ui-kit7.css';import './ui-kit5.css';import './ui-kit14.css';import './ui-kit9.css';import './ui-kit10.css';import './ui-kit11.css';import './ui-kit12.css';import './ui-kit6.css';import './ui-kit103.css';import './ui-kit2.css';import './ui-kit.css';/* empty css                                  */
+import './ui-kit112.css';import './ui-kit109.css';import './ui-kit114.css';import './ui-kit108.css';import './ui-kit117.css';import './ui-kit107.css';import './ui-kit106.css';import './ui-kit3.css';import './ui-kit13.css';import './ui-kit11.css';import './ui-kit12.css';import './ui-kit5.css';import './ui-kit6.css';import './ui-kit10.css';import './ui-kit7.css';import './ui-kit14.css';import './ui-kit9.css';import './ui-kit4.css';import './ui-kit8.css';import './ui-kit111.css';import './ui-kit2.css';import './ui-kit.css';/* empty css                                  */
 /* empty css                                      */
 import { palette as ro } from "./theme/tokens/palette.js";
 import { darkTheme as eo, lightTheme as So } from "./theme/tokens/index.js";
@@ -9,16 +9,16 @@ import { cn as Lo } from "./utils/cn.js";
 import { fadeIn as Ao } from "./constants/animations/fade/fadeIn.css.js";
 import { fadeOut as lo } from "./constants/animations/fade/fadeOut.css.js";
 import { pulseAnimation as Yo } from "./constants/animations/pulse/pulseAnimation.css.js";
-import { slideDownIn as so } from "./constants/animations/slide/slideDownIn.css.js";
+import { slideDownIn as Io } from "./constants/animations/slide/slideDownIn.css.js";
 import { slideDownOut as uo } from "./constants/animations/slide/slideDownOut.css.js";
 import { slideUpIn as No } from "./constants/animations/slide/slideUpIn.css.js";
 import { slideUpOut as Po } from "./constants/animations/slide/slideUpOut.css.js";
 import { slideRightIn as Go } from "./constants/animations/slide/slideRightIn.css.js";
 import { slideRightOut as Mo } from "./constants/animations/slide/slideRightOut.css.js";
-import { slideLeftIn as Fo } from "./constants/animations/slide/slideLeftIn.css.js";
-import { slideLeftOut as go } from "./constants/animations/slide/slideLeftOut.css.js";
+import { slideLeftIn as go } from "./constants/animations/slide/slideLeftIn.css.js";
+import { slideLeftOut as co } from "./constants/animations/slide/slideLeftOut.css.js";
 import { spinAnimation as ho } from "./constants/animations/spin/spinAnimation.css.js";
-import { PREFIX as Vo, RESET_LAYER as ko, THEME_DARK_CLASS as vo, THEME_LAYER as bo, THEME_LIGHT_CLASS as Ko, THEME_TRANSITION_ATTRIBUTE as wo, THEME_TRANSITION_DURATION_VAR as Wo } from "./constants/theme.js";
+import { PREFIX as Vo, RESET_LAYER as ko, THEME_DARK_CLASS as vo, THEME_LAYER as Ko, THEME_LIGHT_CLASS as bo, THEME_TRANSITION_ATTRIBUTE as wo, THEME_TRANSITION_DURATION_VAR as Wo } from "./constants/theme.js";
 import { useViewportShift as yo } from "./hooks/use-viewport-shift/useViewportShift.hook.js";
 import { useNotification as qo } from "./hooks/use-notification/useNotification.hook.js";
 import { useToast as Jo } from "./hooks/use-toast/useToast.hook.js";
@@ -33,18 +33,18 @@ import { default as ar } from "./components/data-display/avatar-group/AvatarGrou
 import { AVATAR_GROUP_SPACING as Rr } from "./components/data-display/avatar-group/constants/avatarGroupSpacing.const.js";
 import { default as ir } from "./components/data-display/badge/Badge.js";
 import { BADGE_STYLES as dr } from "./components/data-display/badge/styles/Badge.css.js";
-import { default as sr } from "./components/data-display/status-badge/StatusBadge.js";
+import { default as Ir } from "./components/data-display/status-badge/StatusBadge.js";
 import { STATUS_BADGE_STYLES as ur } from "./components/data-display/status-badge/styles/StatusBadge.css.js";
 import { default as Nr } from "./components/data-display/rich-text-renderer/RichTextRenderer.js";
 import { RICH_TEXT_RENDERER_STYLES as Pr } from "./components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js";
 import { default as Gr } from "./components/data-display/table/Table.js";
 import { TABLE_STYLES as Mr } from "./components/data-display/table/styles/Table.css.js";
-import { TABLE_HEADER_STYLES as Fr } from "./components/data-display/table/components/table-header/styles/TableHeader.css.js";
-import { TABLE_BODY_STYLES as gr } from "./components/data-display/table/components/table-body/styles/TableBody.css.js";
+import { TABLE_HEADER_STYLES as gr } from "./components/data-display/table/components/table-header/styles/TableHeader.css.js";
+import { TABLE_BODY_STYLES as cr } from "./components/data-display/table/components/table-body/styles/TableBody.css.js";
 import { TABLE_FOOTER_STYLES as hr } from "./components/data-display/table/components/table-footer/styles/TableFooter.css.js";
 import { TABLE_ROW_STYLES as Vr } from "./components/data-display/table/components/table-row/styles/TableRow.css.js";
 import { TABLE_HEAD_STYLES as vr } from "./components/data-display/table/components/table-head/styles/TableHead.css.js";
-import { TABLE_CELL_STYLES as Kr } from "./components/data-display/table/components/table-cell/styles/TableCell.css.js";
+import { TABLE_CELL_STYLES as br } from "./components/data-display/table/components/table-cell/styles/TableCell.css.js";
 import { TABLE_CAPTION_STYLES as Wr } from "./components/data-display/table/components/table-caption/styles/TableCaption.css.js";
 import { default as yr } from "./components/actions/button/Button.js";
 import { BUTTON_STYLES as qr } from "./components/actions/button/styles/Button.css.js";
@@ -91,30 +91,32 @@ import "./components/forms/autocomplete/components/autocomplete-separator/Autoco
 /* empty css                                                                                                                */
 import "./components/forms/autocomplete/components/autocomplete-status/AutocompleteStatus.js";
 import "./components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.js";
-import { default as st } from "./components/forms/autocomplete/components/autocomplete-field/AutocompleteField.js";
+import { default as It } from "./components/forms/autocomplete/components/autocomplete-field/AutocompleteField.js";
 import { AUTOCOMPLETE_STYLES as ut } from "./components/forms/autocomplete/styles/Autocomplete.css.js";
 import { default as Nt } from "./components/forms/calendar/Calendar.js";
 import { CALENDAR_ROOT_STYLES as Pt } from "./components/forms/calendar/styles/calendarRoot.css.js";
 import { CALENDAR_CAPTION_STYLES as Gt } from "./components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.js";
 import { CALENDAR_GRID_STYLES as Mt } from "./components/forms/calendar/styles/calendarGrid.css.js";
-import { CALENDAR_DAY_BUTTON_STYLES as Ft } from "./components/forms/calendar/styles/calendarDayButton.css.js";
-import { CALENDAR_MONTH_VIEW_STYLES as gt } from "./components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.js";
+import { CALENDAR_DAY_BUTTON_STYLES as gt } from "./components/forms/calendar/styles/calendarDayButton.css.js";
+import { CALENDAR_MONTH_VIEW_STYLES as ct } from "./components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.js";
 import { CALENDAR_YEAR_VIEW_STYLES as ht } from "./components/forms/calendar/components/calendar-year-view/styles/CalendarYearView.css.js";
 import { default as Vt } from "./components/forms/checkbox/Checkbox.js";
 import { CHECKBOX_STYLES as vt } from "./components/forms/checkbox/styles/Checkbox.css.js";
-import { default as Kt } from "./components/forms/checkbox-group/CheckboxGroup.js";
+import { default as bt } from "./components/forms/checkbox-group/CheckboxGroup.js";
 import { default as Wt } from "./components/forms/date-picker/DatePicker.js";
 import { DATE_PICKER_STYLES as yt } from "./components/forms/date-picker/styles/DatePicker.css.js";
-import { default as qt } from "./components/forms/radio-group/RadioGroup.js";
-import { RADIO_ITEM_STYLES as Jt } from "./components/forms/radio-group/components/radio-item/styles/RadioItem.css.js";
-import { default as $t } from "./components/forms/rich-text-editor/RichTextEditor.js";
-import { default as re } from "./components/forms/rich-text-editor/RichTextEditorField.js";
-import { RICH_TEXT_EDITOR_STYLES as ee } from "./components/forms/rich-text-editor/styles/RichTextEditor.css.js";
-import { RICH_TEXT_COLOR_PALETTES as pe } from "./components/forms/rich-text-editor/constants/richTextColorPalettes.const.js";
+import { default as qt } from "./components/forms/image-picker/ImagePicker.js";
+import { IMAGE_PICKER_STYLES as Jt } from "./components/forms/image-picker/styles/ImagePicker.css.js";
+import { default as $t } from "./components/forms/radio-group/RadioGroup.js";
+import { RADIO_ITEM_STYLES as re } from "./components/forms/radio-group/components/radio-item/styles/RadioItem.css.js";
+import { default as ee } from "./components/forms/rich-text-editor/RichTextEditor.js";
+import { default as pe } from "./components/forms/rich-text-editor/RichTextEditorField.js";
+import { RICH_TEXT_EDITOR_STYLES as fe } from "./components/forms/rich-text-editor/styles/RichTextEditor.css.js";
+import { RICH_TEXT_COLOR_PALETTES as Te } from "./components/forms/rich-text-editor/constants/richTextColorPalettes.const.js";
 import "./components/forms/rich-text-editor/constants/richTextFontSizes.const.js";
 import "./components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.js";
-import { RICH_TEXT_EDITOR_LABEL_STYLES as fe } from "./components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.js";
-import { default as Te } from "./components/forms/select/Select.js";
+import { RICH_TEXT_EDITOR_LABEL_STYLES as xe } from "./components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.js";
+import { default as ae } from "./components/forms/select/Select.js";
 import "./components/forms/select/components/select-trigger/SelectTrigger.js";
 import "./components/forms/select/components/select-trigger/styles/SelectTrigger.css.js";
 import "./components/forms/select/components/select-content/SelectContent.js";
@@ -127,304 +129,310 @@ import "./components/forms/select/components/select-item/SelectItem.js";
 /* empty css                                                                                    */
 import "./components/forms/select/components/select-separator/SelectSeparator.js";
 /* empty css                                                                                              */
-import { default as xe } from "./components/forms/select/components/select-field/SelectField.js";
-import { SELECT_STYLES as ae } from "./components/forms/select/styles/Select.css.js";
-import { Slider as Re } from "./components/forms/slider/Slider.js";
-import { SLIDER_STYLES as ie } from "./components/forms/slider/styles/Slider.css.js";
-import { default as de } from "./components/forms/switch/Switch.js";
-import { SWITCH_STYLES as se } from "./components/forms/switch/styles/Switch.css.js";
-import { default as ue } from "./components/forms/text-area/TextArea.js";
-import { TEXT_AREA_STYLES as Ne } from "./components/forms/text-area/styles/TextArea.css.js";
-import { FORM_LABEL_STYLES as Pe, FORM_LABEL_STYLES as Be, FORM_LABEL_STYLES as Ge } from "./components/forms/_shared/components/form-label/styles/FormLabel.css.js";
-import { TEXT_AREA_START_ICON_STYLES as Me } from "./components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js";
-import { TEXT_AREA_END_ACTION_STYLES as Fe } from "./components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js";
-import { default as ge } from "./components/forms/text-field/TextField.js";
-import { TEXT_FIELD_STYLES as he } from "./components/forms/text-field/styles/TextField.css.js";
-import { TEXT_FIELD_START_ICON_STYLES as Ve } from "./components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js";
-import { TEXT_FIELD_END_ACTION_STYLES as ve } from "./components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js";
-import { default as Ke } from "./components/forms/number-field/NumberField.js";
-import { NUMBER_FIELD_STYLES as We } from "./components/forms/number-field/styles/NumberField.css.js";
-import { CHECKBOX_VISUAL_STYLES as ye } from "./components/forms/_shared/styles/checkboxVisual.css.js";
-import { RADIO_VISUAL_STYLES as qe } from "./components/forms/_shared/styles/radioVisual.css.js";
-import { default as Je } from "./components/forms/_shared/components/form-label/FormLabel.js";
+import { default as Re } from "./components/forms/select/components/select-field/SelectField.js";
+import { SELECT_STYLES as ie } from "./components/forms/select/styles/Select.css.js";
+import { Slider as de } from "./components/forms/slider/Slider.js";
+import { SLIDER_STYLES as Ie } from "./components/forms/slider/styles/Slider.css.js";
+import { default as ue } from "./components/forms/switch/Switch.js";
+import { SWITCH_STYLES as Ne } from "./components/forms/switch/styles/Switch.css.js";
+import { default as Pe } from "./components/forms/text-area/TextArea.js";
+import { TEXT_AREA_STYLES as Ge } from "./components/forms/text-area/styles/TextArea.css.js";
+import { FORM_LABEL_STYLES as Me, FORM_LABEL_STYLES as He, FORM_LABEL_STYLES as ge } from "./components/forms/_shared/components/form-label/styles/FormLabel.css.js";
+import { TEXT_AREA_START_ICON_STYLES as ce } from "./components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js";
+import { TEXT_AREA_END_ACTION_STYLES as he } from "./components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js";
+import { default as Ve } from "./components/forms/text-field/TextField.js";
+import { TEXT_FIELD_STYLES as ve } from "./components/forms/text-field/styles/TextField.css.js";
+import { TEXT_FIELD_START_ICON_STYLES as be } from "./components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js";
+import { TEXT_FIELD_END_ACTION_STYLES as We } from "./components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js";
+import { default as ye } from "./components/forms/number-field/NumberField.js";
+import { NUMBER_FIELD_STYLES as qe } from "./components/forms/number-field/styles/NumberField.css.js";
+import { CHECKBOX_VISUAL_STYLES as Je } from "./components/forms/_shared/styles/checkboxVisual.css.js";
+import { RADIO_VISUAL_STYLES as $e } from "./components/forms/_shared/styles/radioVisual.css.js";
+import { default as rS } from "./components/forms/_shared/components/form-label/FormLabel.js";
 import "./components/forms/_shared/components/helper-text/HelperText.js";
-import { default as $e } from "./components/layout/box/Box.js";
-import { BOX_STYLES as rS } from "./components/layout/box/styles/Box.css.js";
-import { default as eS } from "./components/layout/flex/Flex.js";
-import { FLEX_STYLES as pS } from "./components/layout/flex/styles/Flex.css.js";
-import { default as fS } from "./components/layout/grid/Grid.js";
-import { GRID_STYLES as TS } from "./components/layout/grid/styles/Grid.css.js";
-import { default as xS } from "./components/layout/inset/Inset.js";
-import { INSET_STYLES as aS } from "./components/layout/inset/styles/Inset.css.js";
-import { default as RS } from "./components/layout/image/Image.js";
-import { IMAGE_STYLES as iS } from "./components/layout/image/styles/Image.css.js";
-import { default as dS } from "./components/layout/svg-image/SvgImage.js";
-import { SVG_IMAGE_STYLES as sS } from "./components/layout/svg-image/styles/SvgImage.css.js";
-import { default as uS } from "./components/layout/separator/Separator.js";
-import { SEPARATOR_STYLES as NS } from "./components/layout/separator/styles/Separator.css.js";
-import { default as PS } from "./components/layout/form/Form.js";
-import { FORM_STYLES as GS } from "./components/layout/form/styles/Form.css.js";
-import { default as MS } from "./components/layout/fieldset/Fieldset.js";
-import { FIELDSET_STYLES as FS } from "./components/layout/fieldset/styles/Fieldset.css.js";
-import { default as gS } from "./components/layout/legend/Legend.js";
-import { LEGEND_STYLES as hS } from "./components/layout/legend/styles/Legend.css.js";
-import { default as VS } from "./components/surfaces/accordion/Accordion.js";
-import { ACCORDION_STYLES as vS } from "./components/surfaces/accordion/styles/Accordion.css.js";
-import { ACCORDION_ITEM_STYLES as KS } from "./components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js";
-import { ACCORDION_TRIGGER_STYLES as WS } from "./components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.js";
-import { ACCORDION_CONTENT_STYLES as yS } from "./components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.js";
-import { Card as qS } from "./components/surfaces/card/Card.js";
-import { CARD_STYLES as JS } from "./components/surfaces/card/styles/Card.css.js";
-import { CARD_HEADER_STYLES as $S } from "./components/surfaces/card/components/card-header/styles/CardHeader.css.js";
-import { default as rp } from "./components/surfaces/collapsible/Collapsible.js";
-import { COLLAPSIBLE_STYLES as ep } from "./components/surfaces/collapsible/styles/Collapsible.css.js";
-import { COLLAPSIBLE_TRIGGER_STYLES as pp } from "./components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js";
-import { COLLAPSIBLE_PANEL_STYLES as fp } from "./components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js";
-import { default as Tp } from "./components/navigation/tabs/Tabs.js";
-import { TABS_CONTENT_STYLES as xp } from "./components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js";
-import { TABS_LIST_STYLES as ap } from "./components/navigation/tabs/components/tabs-list/styles/TabsList.css.js";
-import { TABS_TRIGGER_STYLES as Rp } from "./components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
-import { default as ip } from "./components/navigation/link/Link.js";
-import { LINK_STYLES as dp } from "./components/navigation/link/styles/Link.css.js";
-import { default as sp } from "./components/navigation/pagination/Pagination.js";
-import { PAGINATION_STYLES as up } from "./components/navigation/pagination/styles/Pagination.css.js";
-import { default as Np } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
-import { BREADCRUMBS_SEPARATORS as Pp } from "./components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.js";
-import { BREADCRUMBS_STYLES as Gp } from "./components/navigation/breadcrumbs/styles/Breadcrumbs.css.js";
-import { default as Mp } from "./components/navigation/stepper/Stepper.js";
-import { STEPPER_STYLES as Fp } from "./components/navigation/stepper/styles/Stepper.css.js";
-import { STEPPER_ORIENTATIONS as gp } from "./components/navigation/stepper/constants/stepperOrientations.const.js";
-import { STEPPER_ITEM_SIZES as hp } from "./components/navigation/stepper/constants/stepperItemSizes.const.js";
-import { default as Vp } from "./components/navigation/step-indicator/StepIndicator.js";
-import { STEP_INDICATOR_STYLES as vp } from "./components/navigation/step-indicator/styles/StepIndicator.css.js";
-import { default as Kp } from "./components/overlay/tooltip/Tooltip.js";
-import { default as Wp } from "./components/overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import { TOOLTIP_STYLES as yp } from "./components/overlay/tooltip/styles/Tooltip.css.js";
-import { DropdownMenuPortal as qp } from "./components/overlay/dropdown-menu/index.js";
-import { default as Jp } from "./components/overlay/context-menu/ContextMenu.js";
-import { default as $p } from "./components/overlay/popover/Popover.js";
-import { POPOVER_CONTENT_STYLES as rm } from "./components/overlay/popover/components/content/styles/PopoverContent.css.js";
-import { default as em } from "./components/overlay/hover-card/HoverCard.js";
-import { Dialog as pm } from "./components/overlay/dialog/Dialog.js";
-import { DIALOG_STYLES as fm } from "./components/overlay/dialog/styles/Dialog.css.js";
-import { DIALOG_HEADER_STYLES as Tm } from "./components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js";
-import { AlertDialog as xm } from "./components/overlay/alert-dialog/AlertDialog.js";
-import { ALERT_DIALOG_STYLES as am } from "./components/overlay/alert-dialog/styles/AlertDialog.css.js";
-import { Drawer as Rm } from "./components/overlay/drawer/Drawer.js";
-import { DRAWER_STYLES as im } from "./components/overlay/drawer/styles/Drawer.css.js";
-import { DRAWER_ITEM_STYLES as dm } from "./components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.js";
+import { default as eS } from "./components/layout/box/Box.js";
+import { BOX_STYLES as pS } from "./components/layout/box/styles/Box.css.js";
+import { default as fS } from "./components/layout/flex/Flex.js";
+import { FLEX_STYLES as TS } from "./components/layout/flex/styles/Flex.css.js";
+import { default as xS } from "./components/layout/grid/Grid.js";
+import { GRID_STYLES as aS } from "./components/layout/grid/styles/Grid.css.js";
+import { default as RS } from "./components/layout/inset/Inset.js";
+import { INSET_STYLES as iS } from "./components/layout/inset/styles/Inset.css.js";
+import { default as dS } from "./components/layout/image/Image.js";
+import { IMAGE_STYLES as IS } from "./components/layout/image/styles/Image.css.js";
+import { default as uS } from "./components/layout/svg-image/SvgImage.js";
+import { SVG_IMAGE_STYLES as NS } from "./components/layout/svg-image/styles/SvgImage.css.js";
+import { default as PS } from "./components/layout/separator/Separator.js";
+import { SEPARATOR_STYLES as GS } from "./components/layout/separator/styles/Separator.css.js";
+import { default as MS } from "./components/layout/form/Form.js";
+import { FORM_STYLES as gS } from "./components/layout/form/styles/Form.css.js";
+import { default as cS } from "./components/layout/fieldset/Fieldset.js";
+import { FIELDSET_STYLES as hS } from "./components/layout/fieldset/styles/Fieldset.css.js";
+import { default as VS } from "./components/layout/legend/Legend.js";
+import { LEGEND_STYLES as vS } from "./components/layout/legend/styles/Legend.css.js";
+import { default as bS } from "./components/surfaces/accordion/Accordion.js";
+import { ACCORDION_STYLES as WS } from "./components/surfaces/accordion/styles/Accordion.css.js";
+import { ACCORDION_ITEM_STYLES as yS } from "./components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js";
+import { ACCORDION_TRIGGER_STYLES as qS } from "./components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.js";
+import { ACCORDION_CONTENT_STYLES as JS } from "./components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.js";
+import { Card as $S } from "./components/surfaces/card/Card.js";
+import { CARD_STYLES as rp } from "./components/surfaces/card/styles/Card.css.js";
+import { CARD_HEADER_STYLES as ep } from "./components/surfaces/card/components/card-header/styles/CardHeader.css.js";
+import { default as pp } from "./components/surfaces/collapsible/Collapsible.js";
+import { COLLAPSIBLE_STYLES as fp } from "./components/surfaces/collapsible/styles/Collapsible.css.js";
+import { COLLAPSIBLE_TRIGGER_STYLES as Tp } from "./components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js";
+import { COLLAPSIBLE_PANEL_STYLES as xp } from "./components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js";
+import { default as ap } from "./components/navigation/tabs/Tabs.js";
+import { TABS_CONTENT_STYLES as Rp } from "./components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js";
+import { TABS_LIST_STYLES as ip } from "./components/navigation/tabs/components/tabs-list/styles/TabsList.css.js";
+import { TABS_TRIGGER_STYLES as dp } from "./components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
+import { default as Ip } from "./components/navigation/link/Link.js";
+import { LINK_STYLES as up } from "./components/navigation/link/styles/Link.css.js";
+import { default as Np } from "./components/navigation/pagination/Pagination.js";
+import { PAGINATION_STYLES as Pp } from "./components/navigation/pagination/styles/Pagination.css.js";
+import { default as Gp } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
+import { BREADCRUMBS_SEPARATORS as Mp } from "./components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.js";
+import { BREADCRUMBS_STYLES as gp } from "./components/navigation/breadcrumbs/styles/Breadcrumbs.css.js";
+import { default as cp } from "./components/navigation/stepper/Stepper.js";
+import { STEPPER_STYLES as hp } from "./components/navigation/stepper/styles/Stepper.css.js";
+import { STEPPER_ORIENTATIONS as Vp } from "./components/navigation/stepper/constants/stepperOrientations.const.js";
+import { STEPPER_ITEM_SIZES as vp } from "./components/navigation/stepper/constants/stepperItemSizes.const.js";
+import { default as bp } from "./components/navigation/step-indicator/StepIndicator.js";
+import { STEP_INDICATOR_STYLES as Wp } from "./components/navigation/step-indicator/styles/StepIndicator.css.js";
+import { default as yp } from "./components/navigation/bottom-navigation/BottomNavigation.js";
+import { BOTTOM_NAVIGATION_STYLES as qp } from "./components/navigation/bottom-navigation/styles/BottomNavigation.css.js";
+import { default as Jp } from "./components/overlay/tooltip/Tooltip.js";
+import { default as $p } from "./components/overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+import { TOOLTIP_STYLES as rm } from "./components/overlay/tooltip/styles/Tooltip.css.js";
+import { DropdownMenuPortal as em } from "./components/overlay/dropdown-menu/index.js";
+import { default as pm } from "./components/overlay/context-menu/ContextMenu.js";
+import { default as fm } from "./components/overlay/popover/Popover.js";
+import { POPOVER_CONTENT_STYLES as Tm } from "./components/overlay/popover/components/content/styles/PopoverContent.css.js";
+import { default as xm } from "./components/overlay/hover-card/HoverCard.js";
+import { Dialog as am } from "./components/overlay/dialog/Dialog.js";
+import { DIALOG_STYLES as Rm } from "./components/overlay/dialog/styles/Dialog.css.js";
+import { DIALOG_HEADER_STYLES as im } from "./components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js";
+import { AlertDialog as dm } from "./components/overlay/alert-dialog/AlertDialog.js";
+import { ALERT_DIALOG_STYLES as Im } from "./components/overlay/alert-dialog/styles/AlertDialog.css.js";
+import { Drawer as um } from "./components/overlay/drawer/Drawer.js";
+import { DRAWER_STYLES as Nm } from "./components/overlay/drawer/styles/Drawer.css.js";
+import { DRAWER_ITEM_STYLES as Pm } from "./components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.js";
 import "react";
 import "./components/overlay/drawer/context/Drawer.context.js";
 import "./components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js";
-import { Panel as sm } from "./components/overlay/panel/Panel.js";
-import { PANEL_STYLES as um } from "./components/overlay/panel/styles/Panel.css.js";
-import { Command as Nm } from "./components/overlay/command/Command.js";
-import { COMMAND_STYLES as Pm } from "./components/overlay/command/styles/Command.css.js";
-import { COMMAND_ITEM_STYLES as Gm } from "./components/overlay/command/components/command-item/styles/CommandItem.css.js";
-import { default as Mm } from "./components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js";
-import { default as Fm } from "./components/feedback/skeleton/Skeleton.js";
-import { SKELETON_STYLES as gm } from "./components/feedback/skeleton/styles/Skeleton.css.js";
-import { default as hm } from "./components/feedback/callout/Callout.js";
-import { CALLOUT_STYLES as Vm } from "./components/feedback/callout/styles/Callout.css.js";
-import { CALLOUT_ICON_STYLES as vm } from "./components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js";
-import { default as Km } from "./components/feedback/toast/Toast.js";
-import { default as Wm } from "./components/feedback/toast/ToastProvider.js";
-import { TOAST_STYLES as ym } from "./components/feedback/toast/styles/Toast.css.js";
-import { TOAST_ICON_STYLES as qm } from "./components/feedback/toast/components/toast-icon/styles/ToastIcon.css.js";
-import { default as Jm } from "./components/feedback/progress/Progress.js";
-import { default as $m } from "./components/feedback/progress/CircularProgress.js";
-import { PROGRESS_STYLES as rf } from "./components/feedback/progress/styles/Progress.css.js";
-import { PROGRESS_COLORS as ef, PROGRESS_COLORS_ARRAY as Sf } from "./components/feedback/progress/constants/progressColors.const.js";
-import { PROGRESS_SIZE_TO_CIRCULAR_SIZE as mf, PROGRESS_SIZE_TO_HEIGHT as ff, PROGRESS_SIZE_TO_STROKE_WIDTH as Ef } from "./components/feedback/progress/constants/progressSizes.const.js";
-import { default as _f } from "./components/feedback/empty-state/EmptyState.js";
-import { EMPTY_STATE_STYLES as Lf } from "./components/feedback/empty-state/styles/EmptyState.css.js";
-import { default as Af } from "./components/feedback/spinner/Spinner.js";
-import { SPINNER_STYLES as lf } from "./components/feedback/spinner/styles/Spinner.css.js";
-import { SPINNER_COLORS as df, SPINNER_COLORS_ARRAY as Of } from "./components/feedback/spinner/constants/spinnerColors.const.js";
-import { default as If } from "./components/overlay/dropdown-menu/DropdownMenu.js";
+import { Panel as Gm } from "./components/overlay/panel/Panel.js";
+import { PANEL_STYLES as Mm } from "./components/overlay/panel/styles/Panel.css.js";
+import { Command as gm } from "./components/overlay/command/Command.js";
+import { COMMAND_STYLES as cm } from "./components/overlay/command/styles/Command.css.js";
+import { COMMAND_ITEM_STYLES as hm } from "./components/overlay/command/components/command-item/styles/CommandItem.css.js";
+import { default as Vm } from "./components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js";
+import { default as vm } from "./components/feedback/skeleton/Skeleton.js";
+import { SKELETON_STYLES as bm } from "./components/feedback/skeleton/styles/Skeleton.css.js";
+import { default as Wm } from "./components/feedback/callout/Callout.js";
+import { CALLOUT_STYLES as ym } from "./components/feedback/callout/styles/Callout.css.js";
+import { CALLOUT_ICON_STYLES as qm } from "./components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js";
+import { default as Jm } from "./components/feedback/toast/Toast.js";
+import { default as $m } from "./components/feedback/toast/ToastProvider.js";
+import { TOAST_STYLES as rf } from "./components/feedback/toast/styles/Toast.css.js";
+import { TOAST_ICON_STYLES as ef } from "./components/feedback/toast/components/toast-icon/styles/ToastIcon.css.js";
+import { default as pf } from "./components/feedback/progress/Progress.js";
+import { default as ff } from "./components/feedback/progress/CircularProgress.js";
+import { PROGRESS_STYLES as Tf } from "./components/feedback/progress/styles/Progress.css.js";
+import { PROGRESS_COLORS as xf, PROGRESS_COLORS_ARRAY as Lf } from "./components/feedback/progress/constants/progressColors.const.js";
+import { PROGRESS_SIZE_TO_CIRCULAR_SIZE as Af, PROGRESS_SIZE_TO_HEIGHT as Rf, PROGRESS_SIZE_TO_STROKE_WIDTH as lf } from "./components/feedback/progress/constants/progressSizes.const.js";
+import { default as df } from "./components/feedback/empty-state/EmptyState.js";
+import { EMPTY_STATE_STYLES as If } from "./components/feedback/empty-state/styles/EmptyState.css.js";
+import { default as uf } from "./components/feedback/spinner/Spinner.js";
+import { SPINNER_STYLES as Nf } from "./components/feedback/spinner/styles/Spinner.css.js";
+import { SPINNER_COLORS as Pf, SPINNER_COLORS_ARRAY as Bf } from "./components/feedback/spinner/constants/spinnerColors.const.js";
+import { default as nf } from "./components/overlay/dropdown-menu/DropdownMenu.js";
 export {
-  yS as ACCORDION_CONTENT_STYLES,
-  KS as ACCORDION_ITEM_STYLES,
-  vS as ACCORDION_STYLES,
-  WS as ACCORDION_TRIGGER_STYLES,
-  am as ALERT_DIALOG_STYLES,
+  JS as ACCORDION_CONTENT_STYLES,
+  yS as ACCORDION_ITEM_STYLES,
+  WS as ACCORDION_STYLES,
+  qS as ACCORDION_TRIGGER_STYLES,
+  Im as ALERT_DIALOG_STYLES,
   ut as AUTOCOMPLETE_STYLES,
   Tr as AVATAR_FALLBACK_STYLES,
   Rr as AVATAR_GROUP_SPACING,
   fr as AVATAR_IMAGE_STYLES,
   xr as AVATAR_STATUS_STYLES,
   pr as AVATAR_STYLES,
-  VS as Accordion,
-  xm as AlertDialog,
+  bS as Accordion,
+  dm as AlertDialog,
   dt as Autocomplete,
-  st as AutocompleteField,
+  It as AutocompleteField,
   er as Avatar,
   ar as AvatarGroup,
   dr as BADGE_STYLES,
-  rS as BOX_STYLES,
-  Pp as BREADCRUMBS_SEPARATORS,
-  Gp as BREADCRUMBS_STYLES,
+  qp as BOTTOM_NAVIGATION_STYLES,
+  pS as BOX_STYLES,
+  Mp as BREADCRUMBS_SEPARATORS,
+  gp as BREADCRUMBS_STYLES,
   qr as BUTTON_STYLES,
-  Mm as Backdrop,
+  Vm as Backdrop,
   ir as Badge,
-  $e as Box,
-  Np as Breadcrumbs,
+  yp as BottomNavigation,
+  eS as Box,
+  Gp as Breadcrumbs,
   yr as Button,
   Gt as CALENDAR_CAPTION_STYLES,
-  Ft as CALENDAR_DAY_BUTTON_STYLES,
+  gt as CALENDAR_DAY_BUTTON_STYLES,
   Mt as CALENDAR_GRID_STYLES,
-  gt as CALENDAR_MONTH_VIEW_STYLES,
+  ct as CALENDAR_MONTH_VIEW_STYLES,
   Pt as CALENDAR_ROOT_STYLES,
   ht as CALENDAR_YEAR_VIEW_STYLES,
-  vm as CALLOUT_ICON_STYLES,
-  Vm as CALLOUT_STYLES,
-  $S as CARD_HEADER_STYLES,
-  JS as CARD_STYLES,
+  qm as CALLOUT_ICON_STYLES,
+  ym as CALLOUT_STYLES,
+  ep as CARD_HEADER_STYLES,
+  rp as CARD_STYLES,
   vt as CHECKBOX_STYLES,
-  ye as CHECKBOX_VISUAL_STYLES,
-  fp as COLLAPSIBLE_PANEL_STYLES,
-  ep as COLLAPSIBLE_STYLES,
-  pp as COLLAPSIBLE_TRIGGER_STYLES,
-  Gm as COMMAND_ITEM_STYLES,
-  Pm as COMMAND_STYLES,
+  Je as CHECKBOX_VISUAL_STYLES,
+  xp as COLLAPSIBLE_PANEL_STYLES,
+  fp as COLLAPSIBLE_STYLES,
+  Tp as COLLAPSIBLE_TRIGGER_STYLES,
+  hm as COMMAND_ITEM_STYLES,
+  cm as COMMAND_STYLES,
   Nt as Calendar,
-  hm as Callout,
-  qS as Card,
+  Wm as Callout,
+  $S as Card,
   Vt as Checkbox,
-  Kt as CheckboxGroup,
-  $m as CircularProgress,
-  rp as Collapsible,
-  Nm as Command,
-  Jp as ContextMenu,
+  bt as CheckboxGroup,
+  ff as CircularProgress,
+  pp as Collapsible,
+  gm as Command,
+  pm as ContextMenu,
   yt as DATE_PICKER_STYLES,
-  Tm as DIALOG_HEADER_STYLES,
-  fm as DIALOG_STYLES,
-  dm as DRAWER_ITEM_STYLES,
-  im as DRAWER_STYLES,
+  im as DIALOG_HEADER_STYLES,
+  Rm as DIALOG_STYLES,
+  Pm as DRAWER_ITEM_STYLES,
+  Nm as DRAWER_STYLES,
   Wt as DatePicker,
-  pm as Dialog,
-  Rm as Drawer,
-  If as DropdownMenu,
-  qp as DropdownMenuPortal,
-  Lf as EMPTY_STATE_STYLES,
-  _f as EmptyState,
-  FS as FIELDSET_STYLES,
-  pS as FLEX_STYLES,
-  Pe as FORM_LABEL_STYLES,
-  GS as FORM_STYLES,
-  MS as Fieldset,
-  eS as Flex,
-  PS as Form,
-  Je as FormLabel,
-  TS as GRID_STYLES,
-  fS as Grid,
-  em as HoverCard,
+  am as Dialog,
+  um as Drawer,
+  nf as DropdownMenu,
+  em as DropdownMenuPortal,
+  If as EMPTY_STATE_STYLES,
+  df as EmptyState,
+  hS as FIELDSET_STYLES,
+  TS as FLEX_STYLES,
+  Me as FORM_LABEL_STYLES,
+  gS as FORM_STYLES,
+  cS as Fieldset,
+  fS as Flex,
+  MS as Form,
+  rS as FormLabel,
+  aS as GRID_STYLES,
+  xS as Grid,
+  xm as HoverCard,
   $r as ICON_BUTTON_STYLES,
   xt as ICON_STYLES,
-  iS as IMAGE_STYLES,
-  aS as INSET_STYLES,
+  Jt as IMAGE_PICKER_STYLES,
+  IS as IMAGE_STYLES,
+  iS as INSET_STYLES,
   Tt as Icon,
   Jr as IconButton,
-  RS as Image,
-  xS as Inset,
-  hS as LEGEND_STYLES,
-  dp as LINK_STYLES,
-  gS as Legend,
-  ip as Link,
-  We as NUMBER_FIELD_STYLES,
-  Ke as NumberField,
-  up as PAGINATION_STYLES,
-  um as PANEL_STYLES,
-  rm as POPOVER_CONTENT_STYLES,
+  dS as Image,
+  qt as ImagePicker,
+  RS as Inset,
+  vS as LEGEND_STYLES,
+  up as LINK_STYLES,
+  VS as Legend,
+  Ip as Link,
+  qe as NUMBER_FIELD_STYLES,
+  ye as NumberField,
+  Pp as PAGINATION_STYLES,
+  Mm as PANEL_STYLES,
+  Tm as POPOVER_CONTENT_STYLES,
   Vo as PREFIX,
-  ef as PROGRESS_COLORS,
-  Sf as PROGRESS_COLORS_ARRAY,
-  mf as PROGRESS_SIZE_TO_CIRCULAR_SIZE,
-  ff as PROGRESS_SIZE_TO_HEIGHT,
-  Ef as PROGRESS_SIZE_TO_STROKE_WIDTH,
-  rf as PROGRESS_STYLES,
-  sp as Pagination,
-  sm as Panel,
-  $p as Popover,
-  Jm as Progress,
-  Jt as RADIO_ITEM_STYLES,
-  qe as RADIO_VISUAL_STYLES,
+  xf as PROGRESS_COLORS,
+  Lf as PROGRESS_COLORS_ARRAY,
+  Af as PROGRESS_SIZE_TO_CIRCULAR_SIZE,
+  Rf as PROGRESS_SIZE_TO_HEIGHT,
+  lf as PROGRESS_SIZE_TO_STROKE_WIDTH,
+  Tf as PROGRESS_STYLES,
+  Np as Pagination,
+  Gm as Panel,
+  fm as Popover,
+  pf as Progress,
+  re as RADIO_ITEM_STYLES,
+  $e as RADIO_VISUAL_STYLES,
   ko as RESET_LAYER,
-  pe as RICH_TEXT_COLOR_PALETTES,
-  fe as RICH_TEXT_EDITOR_LABEL_STYLES,
-  ee as RICH_TEXT_EDITOR_STYLES,
+  Te as RICH_TEXT_COLOR_PALETTES,
+  xe as RICH_TEXT_EDITOR_LABEL_STYLES,
+  fe as RICH_TEXT_EDITOR_STYLES,
   Pr as RICH_TEXT_RENDERER_STYLES,
-  qt as RadioGroup,
-  $t as RichTextEditor,
-  re as RichTextEditorField,
+  $t as RadioGroup,
+  ee as RichTextEditor,
+  pe as RichTextEditorField,
   Nr as RichTextRenderer,
-  ae as SELECT_STYLES,
-  NS as SEPARATOR_STYLES,
-  gm as SKELETON_STYLES,
-  ie as SLIDER_STYLES,
-  df as SPINNER_COLORS,
-  Of as SPINNER_COLORS_ARRAY,
-  lf as SPINNER_STYLES,
+  ie as SELECT_STYLES,
+  GS as SEPARATOR_STYLES,
+  bm as SKELETON_STYLES,
+  Ie as SLIDER_STYLES,
+  Pf as SPINNER_COLORS,
+  Bf as SPINNER_COLORS_ARRAY,
+  Nf as SPINNER_STYLES,
   ur as STATUS_BADGE_STYLES,
-  hp as STEPPER_ITEM_SIZES,
-  gp as STEPPER_ORIENTATIONS,
-  Fp as STEPPER_STYLES,
-  vp as STEP_INDICATOR_STYLES,
-  sS as SVG_IMAGE_STYLES,
-  se as SWITCH_STYLES,
-  Te as Select,
-  xe as SelectField,
-  uS as Separator,
-  Fm as Skeleton,
-  Re as Slider,
-  Af as Spinner,
-  sr as StatusBadge,
-  Vp as StepIndicator,
-  Mp as Stepper,
-  dS as SvgImage,
-  de as Switch,
-  gr as TABLE_BODY_STYLES,
+  vp as STEPPER_ITEM_SIZES,
+  Vp as STEPPER_ORIENTATIONS,
+  hp as STEPPER_STYLES,
+  Wp as STEP_INDICATOR_STYLES,
+  NS as SVG_IMAGE_STYLES,
+  Ne as SWITCH_STYLES,
+  ae as Select,
+  Re as SelectField,
+  PS as Separator,
+  vm as Skeleton,
+  de as Slider,
+  uf as Spinner,
+  Ir as StatusBadge,
+  bp as StepIndicator,
+  cp as Stepper,
+  uS as SvgImage,
+  ue as Switch,
+  cr as TABLE_BODY_STYLES,
   Wr as TABLE_CAPTION_STYLES,
-  Kr as TABLE_CELL_STYLES,
+  br as TABLE_CELL_STYLES,
   hr as TABLE_FOOTER_STYLES,
-  Fr as TABLE_HEADER_STYLES,
+  gr as TABLE_HEADER_STYLES,
   vr as TABLE_HEAD_STYLES,
   Vr as TABLE_ROW_STYLES,
   Mr as TABLE_STYLES,
-  xp as TABS_CONTENT_STYLES,
-  ap as TABS_LIST_STYLES,
-  Rp as TABS_TRIGGER_STYLES,
-  Fe as TEXT_AREA_END_ACTION_STYLES,
-  Be as TEXT_AREA_LABEL_STYLES,
-  Me as TEXT_AREA_START_ICON_STYLES,
-  Ne as TEXT_AREA_STYLES,
-  ve as TEXT_FIELD_END_ACTION_STYLES,
-  Ge as TEXT_FIELD_LABEL_STYLES,
-  Ve as TEXT_FIELD_START_ICON_STYLES,
-  he as TEXT_FIELD_STYLES,
+  Rp as TABS_CONTENT_STYLES,
+  ip as TABS_LIST_STYLES,
+  dp as TABS_TRIGGER_STYLES,
+  he as TEXT_AREA_END_ACTION_STYLES,
+  He as TEXT_AREA_LABEL_STYLES,
+  ce as TEXT_AREA_START_ICON_STYLES,
+  Ge as TEXT_AREA_STYLES,
+  We as TEXT_FIELD_END_ACTION_STYLES,
+  ge as TEXT_FIELD_LABEL_STYLES,
+  be as TEXT_FIELD_START_ICON_STYLES,
+  ve as TEXT_FIELD_STYLES,
   vo as THEME_DARK_CLASS,
-  bo as THEME_LAYER,
-  Ko as THEME_LIGHT_CLASS,
+  Ko as THEME_LAYER,
+  bo as THEME_LIGHT_CLASS,
   wo as THEME_TRANSITION_ATTRIBUTE,
   Wo as THEME_TRANSITION_DURATION_VAR,
-  qm as TOAST_ICON_STYLES,
-  ym as TOAST_STYLES,
+  ef as TOAST_ICON_STYLES,
+  rf as TOAST_STYLES,
   ft as TOGGLE_GROUP_STYLES,
   et as TOGGLE_STYLES,
-  yp as TOOLTIP_STYLES,
+  rm as TOOLTIP_STYLES,
   it as TYPOGRAPHY_ELEMENT_MAP,
   Rt as TYPOGRAPHY_STYLES,
   Gr as Table,
-  Tp as Tabs,
-  ue as TextArea,
-  ge as TextField,
+  ap as Tabs,
+  Pe as TextArea,
+  Ve as TextField,
   $o as ThemeProvider,
-  Km as Toast,
-  Wm as ToastProvider,
+  Jm as Toast,
+  $m as ToastProvider,
   rt as Toggle,
   pt as ToggleGroup,
-  Kp as Tooltip,
-  Wp as TooltipProvider,
+  Jp as Tooltip,
+  $p as TooltipProvider,
   at as Typography,
   Lo as cn,
   To as darkColors,
@@ -437,10 +445,10 @@ export {
   So as lightTheme,
   ro as palette,
   Yo as pulseAnimation,
-  so as slideDownIn,
+  Io as slideDownIn,
   uo as slideDownOut,
-  Fo as slideLeftIn,
-  go as slideLeftOut,
+  go as slideLeftIn,
+  co as slideLeftOut,
   Go as slideRightIn,
   Mo as slideRightOut,
   No as slideUpIn,