@choco-vanille/ui 1.17.2 → 1.18.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { vars as $ } from "./theme/contract.css.js";
-import './ui-kit105.css';import './ui-kit108.css';import './ui-kit111.css';import './ui-kit109.css';import './ui-kit113.css';import './ui-kit112.css';import './ui-kit114.css';import './ui-kit6.css';import './ui-kit7.css';import './ui-kit9.css';import './ui-kit14.css';import './ui-kit13.css';import './ui-kit3.css';import './ui-kit5.css';import './ui-kit12.css';import './ui-kit4.css';import './ui-kit10.css';import './ui-kit8.css';import './ui-kit11.css';import './ui-kit115.css';import './ui-kit2.css';import './ui-kit.css';/* empty css                                  */
+import './ui-kit108.css';import './ui-kit114.css';import './ui-kit115.css';import './ui-kit116.css';import './ui-kit117.css';import './ui-kit109.css';import './ui-kit118.css';import './ui-kit8.css';import './ui-kit14.css';import './ui-kit3.css';import './ui-kit10.css';import './ui-kit9.css';import './ui-kit12.css';import './ui-kit11.css';import './ui-kit13.css';import './ui-kit7.css';import './ui-kit5.css';import './ui-kit6.css';import './ui-kit4.css';import './ui-kit112.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";
@@ -8,7 +8,7 @@ import { darkColors as To, darkEditorColors as _o } from "./theme/colors/dark.js
 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 { pulseAnimation as io } from "./constants/animations/pulse/pulseAnimation.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";
@@ -31,8 +31,8 @@ import { AVATAR_FALLBACK_STYLES as Tr } from "./components/data-display/avatar/c
 import { AVATAR_STATUS_STYLES as xr } from "./components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js";
 import { default as ar } from "./components/data-display/avatar-group/AvatarGroup.js";
 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 Yr } from "./components/data-display/badge/Badge.js";
+import { BADGE_STYLES as Or } from "./components/data-display/badge/styles/Badge.css.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";
@@ -58,8 +58,8 @@ import { default as Tt } from "./components/foundation/icon/Icon.js";
 import { ICON_STYLES as xt } from "./components/foundation/icon/styles/Icon.css.js";
 import { default as at } from "./components/foundation/typography/Typography.js";
 import { TYPOGRAPHY_STYLES as Rt } from "./components/foundation/typography/styles/Typography.css.js";
-import { TYPOGRAPHY_ELEMENT_MAP as it } from "./components/foundation/typography/constants/index.js";
-import { default as dt } from "./components/forms/autocomplete/Autocomplete.js";
+import { TYPOGRAPHY_ELEMENT_MAP as Yt } from "./components/foundation/typography/constants/index.js";
+import { default as Ot } from "./components/forms/autocomplete/Autocomplete.js";
 import "./components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.js";
 import "./components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.js";
 import "./components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.js";
@@ -130,8 +130,8 @@ import "./components/forms/select/components/select-item/SelectItem.js";
 import "./components/forms/select/components/select-separator/SelectSeparator.js";
 /* empty css                                                                                              */
 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 { SELECT_STYLES as Ye } from "./components/forms/select/styles/Select.css.js";
+import { Slider as Oe } 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";
@@ -157,8 +157,8 @@ 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 { INSET_STYLES as YS } from "./components/layout/inset/styles/Inset.css.js";
+import { default as OS } 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";
@@ -184,8 +184,8 @@ import { COLLAPSIBLE_TRIGGER_STYLES as Tp } from "./components/surfaces/collapsi
 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 { TABS_LIST_STYLES as Yp } from "./components/navigation/tabs/components/tabs-list/styles/TabsList.css.js";
+import { TABS_TRIGGER_STYLES as Op } 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";
@@ -211,8 +211,8 @@ import { POPOVER_CONTENT_STYLES as Tm } from "./components/overlay/popover/compo
 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 { DIALOG_HEADER_STYLES as Ym } from "./components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js";
+import { AlertDialog as Om } 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";
@@ -220,32 +220,35 @@ import { DRAWER_ITEM_STYLES as Pm } from "./components/overlay/drawer/components
 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 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";
+import { BottomSheet as Gm } from "./components/overlay/bottom-sheet/BottomSheet.js";
+import { BOTTOM_SHEET_STYLES as Mm } from "./components/overlay/bottom-sheet/styles/BottomSheet.css.js";
+import { BOTTOM_SHEET_ITEM_STYLES as gm } from "./components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.js";
+import { Panel as cm } from "./components/overlay/panel/Panel.js";
+import { PANEL_STYLES as hm } from "./components/overlay/panel/styles/Panel.css.js";
+import { Command as Vm } from "./components/overlay/command/Command.js";
+import { COMMAND_STYLES as vm } from "./components/overlay/command/styles/Command.css.js";
+import { COMMAND_ITEM_STYLES as bm } from "./components/overlay/command/components/command-item/styles/CommandItem.css.js";
+import { default as Wm } from "./components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js";
+import { default as ym } from "./components/feedback/skeleton/Skeleton.js";
+import { SKELETON_STYLES as qm } from "./components/feedback/skeleton/styles/Skeleton.css.js";
+import { default as Jm } from "./components/feedback/callout/Callout.js";
+import { CALLOUT_STYLES as $m } from "./components/feedback/callout/styles/Callout.css.js";
+import { CALLOUT_ICON_STYLES as rf } from "./components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js";
+import { default as ef } from "./components/feedback/toast/Toast.js";
+import { default as pf } from "./components/feedback/toast/ToastProvider.js";
+import { TOAST_STYLES as ff } from "./components/feedback/toast/styles/Toast.css.js";
+import { TOAST_ICON_STYLES as Tf } from "./components/feedback/toast/components/toast-icon/styles/ToastIcon.css.js";
+import { default as xf } from "./components/feedback/progress/Progress.js";
+import { default as af } from "./components/feedback/progress/CircularProgress.js";
+import { PROGRESS_STYLES as Rf } from "./components/feedback/progress/styles/Progress.css.js";
+import { PROGRESS_COLORS as Yf, PROGRESS_COLORS_ARRAY as Of } from "./components/feedback/progress/constants/progressColors.const.js";
+import { PROGRESS_SIZE_TO_CIRCULAR_SIZE as If, PROGRESS_SIZE_TO_HEIGHT as sf, PROGRESS_SIZE_TO_STROKE_WIDTH as uf } from "./components/feedback/progress/constants/progressSizes.const.js";
+import { default as Nf } from "./components/feedback/empty-state/EmptyState.js";
+import { EMPTY_STATE_STYLES as Pf } from "./components/feedback/empty-state/styles/EmptyState.css.js";
+import { default as Gf } from "./components/feedback/spinner/Spinner.js";
+import { SPINNER_STYLES as Mf } from "./components/feedback/spinner/styles/Spinner.css.js";
+import { SPINNER_COLORS as gf, SPINNER_COLORS_ARRAY as Ff } from "./components/feedback/spinner/constants/spinnerColors.const.js";
+import { default as Uf } from "./components/overlay/dropdown-menu/DropdownMenu.js";
 export {
   JS as ACCORDION_CONTENT_STYLES,
   yS as ACCORDION_ITEM_STYLES,
@@ -259,20 +262,23 @@ export {
   xr as AVATAR_STATUS_STYLES,
   pr as AVATAR_STYLES,
   bS as Accordion,
-  dm as AlertDialog,
-  dt as Autocomplete,
+  Om as AlertDialog,
+  Ot as Autocomplete,
   It as AutocompleteField,
   er as Avatar,
   ar as AvatarGroup,
-  dr as BADGE_STYLES,
+  Or as BADGE_STYLES,
   qp as BOTTOM_NAVIGATION_STYLES,
+  gm as BOTTOM_SHEET_ITEM_STYLES,
+  Mm as BOTTOM_SHEET_STYLES,
   pS as BOX_STYLES,
   Mp as BREADCRUMBS_SEPARATORS,
   gp as BREADCRUMBS_STYLES,
   qr as BUTTON_STYLES,
-  Vm as Backdrop,
-  ir as Badge,
+  Wm as Backdrop,
+  Yr as Badge,
   yp as BottomNavigation,
+  Gm as BottomSheet,
   eS as Box,
   Gp as Breadcrumbs,
   yr as Button,
@@ -282,8 +288,8 @@ export {
   ct as CALENDAR_MONTH_VIEW_STYLES,
   Pt as CALENDAR_ROOT_STYLES,
   ht as CALENDAR_YEAR_VIEW_STYLES,
-  qm as CALLOUT_ICON_STYLES,
-  ym as CALLOUT_STYLES,
+  rf as CALLOUT_ICON_STYLES,
+  $m as CALLOUT_STYLES,
   ep as CARD_HEADER_STYLES,
   rp as CARD_STYLES,
   vt as CHECKBOX_STYLES,
@@ -291,29 +297,29 @@ export {
   xp as COLLAPSIBLE_PANEL_STYLES,
   fp as COLLAPSIBLE_STYLES,
   Tp as COLLAPSIBLE_TRIGGER_STYLES,
-  hm as COMMAND_ITEM_STYLES,
-  cm as COMMAND_STYLES,
+  bm as COMMAND_ITEM_STYLES,
+  vm as COMMAND_STYLES,
   Nt as Calendar,
-  Wm as Callout,
+  Jm as Callout,
   $S as Card,
   Vt as Checkbox,
   bt as CheckboxGroup,
-  ff as CircularProgress,
+  af as CircularProgress,
   pp as Collapsible,
-  gm as Command,
+  Vm as Command,
   pm as ContextMenu,
   yt as DATE_PICKER_STYLES,
-  im as DIALOG_HEADER_STYLES,
+  Ym as DIALOG_HEADER_STYLES,
   Rm as DIALOG_STYLES,
   Pm as DRAWER_ITEM_STYLES,
   Nm as DRAWER_STYLES,
   Wt as DatePicker,
   am as Dialog,
   um as Drawer,
-  nf as DropdownMenu,
+  Uf as DropdownMenu,
   em as DropdownMenuPortal,
-  If as EMPTY_STATE_STYLES,
-  df as EmptyState,
+  Pf as EMPTY_STATE_STYLES,
+  Nf as EmptyState,
   hS as FIELDSET_STYLES,
   TS as FLEX_STYLES,
   Me as FORM_LABEL_STYLES,
@@ -329,10 +335,10 @@ export {
   xt as ICON_STYLES,
   Jt as IMAGE_PICKER_STYLES,
   IS as IMAGE_STYLES,
-  iS as INSET_STYLES,
+  YS as INSET_STYLES,
   Tt as Icon,
   Jr as IconButton,
-  dS as Image,
+  OS as Image,
   qt as ImagePicker,
   RS as Inset,
   vS as LEGEND_STYLES,
@@ -342,19 +348,19 @@ export {
   qe as NUMBER_FIELD_STYLES,
   ye as NumberField,
   Pp as PAGINATION_STYLES,
-  Mm as PANEL_STYLES,
+  hm as PANEL_STYLES,
   Tm as POPOVER_CONTENT_STYLES,
   Vo as PREFIX,
-  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,
+  Yf as PROGRESS_COLORS,
+  Of as PROGRESS_COLORS_ARRAY,
+  If as PROGRESS_SIZE_TO_CIRCULAR_SIZE,
+  sf as PROGRESS_SIZE_TO_HEIGHT,
+  uf as PROGRESS_SIZE_TO_STROKE_WIDTH,
+  Rf as PROGRESS_STYLES,
   Np as Pagination,
-  Gm as Panel,
+  cm as Panel,
   fm as Popover,
-  pf as Progress,
+  xf as Progress,
   re as RADIO_ITEM_STYLES,
   $e as RADIO_VISUAL_STYLES,
   ko as RESET_LAYER,
@@ -366,13 +372,13 @@ export {
   ee as RichTextEditor,
   pe as RichTextEditorField,
   Nr as RichTextRenderer,
-  ie as SELECT_STYLES,
+  Ye as SELECT_STYLES,
   GS as SEPARATOR_STYLES,
-  bm as SKELETON_STYLES,
+  qm as SKELETON_STYLES,
   Ie as SLIDER_STYLES,
-  Pf as SPINNER_COLORS,
-  Bf as SPINNER_COLORS_ARRAY,
-  Nf as SPINNER_STYLES,
+  gf as SPINNER_COLORS,
+  Ff as SPINNER_COLORS_ARRAY,
+  Mf as SPINNER_STYLES,
   ur as STATUS_BADGE_STYLES,
   vp as STEPPER_ITEM_SIZES,
   Vp as STEPPER_ORIENTATIONS,
@@ -383,9 +389,9 @@ export {
   ae as Select,
   Re as SelectField,
   PS as Separator,
-  vm as Skeleton,
-  de as Slider,
-  uf as Spinner,
+  ym as Skeleton,
+  Oe as Slider,
+  Gf as Spinner,
   Ir as StatusBadge,
   bp as StepIndicator,
   cp as Stepper,
@@ -400,8 +406,8 @@ export {
   Vr as TABLE_ROW_STYLES,
   Mr as TABLE_STYLES,
   Rp as TABS_CONTENT_STYLES,
-  ip as TABS_LIST_STYLES,
-  dp as TABS_TRIGGER_STYLES,
+  Yp as TABS_LIST_STYLES,
+  Op as TABS_TRIGGER_STYLES,
   he as TEXT_AREA_END_ACTION_STYLES,
   He as TEXT_AREA_LABEL_STYLES,
   ce as TEXT_AREA_START_ICON_STYLES,
@@ -415,20 +421,20 @@ export {
   bo as THEME_LIGHT_CLASS,
   wo as THEME_TRANSITION_ATTRIBUTE,
   Wo as THEME_TRANSITION_DURATION_VAR,
-  ef as TOAST_ICON_STYLES,
-  rf as TOAST_STYLES,
+  Tf as TOAST_ICON_STYLES,
+  ff as TOAST_STYLES,
   ft as TOGGLE_GROUP_STYLES,
   et as TOGGLE_STYLES,
   rm as TOOLTIP_STYLES,
-  it as TYPOGRAPHY_ELEMENT_MAP,
+  Yt as TYPOGRAPHY_ELEMENT_MAP,
   Rt as TYPOGRAPHY_STYLES,
   Gr as Table,
   ap as Tabs,
   Pe as TextArea,
   Ve as TextField,
   $o as ThemeProvider,
-  Jm as Toast,
-  $m as ToastProvider,
+  ef as Toast,
+  pf as ToastProvider,
   rt as Toggle,
   pt as ToggleGroup,
   Jp as Tooltip,
@@ -444,7 +450,7 @@ export {
   fo as lightEditorColors,
   So as lightTheme,
   ro as palette,
-  Yo as pulseAnimation,
+  io as pulseAnimation,
   Io as slideDownIn,
   uo as slideDownOut,
   go as slideLeftIn,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}