@smwb/ui-react 2.2.0 → 2.4.0

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { useRovingTabIndex } from "./hooks/useRovingTabIndex";
 export type { UseRovingTabIndexOptions } from "./hooks/useRovingTabIndex";
 export { useVirtualList } from "./hooks/useVirtualList";
 export type { UseVirtualListParams, UseVirtualListResult } from "./hooks/useVirtualList";
+export { useHoverPopover } from "./hooks/useHoverPopover";
+export type { UseHoverPopoverParams, UseHoverPopoverResult, HoverPopoverPoint, HoverPopoverReferenceProps, HoverPopoverFloatingProps, } from "./hooks/useHoverPopover";
 export { Icon } from "./components/base/icon";
 export type { IconProps, IconColor } from "./components/base/icon";
 export { Ripple } from "./components/base/ripple";
@@ -27,6 +29,14 @@ export { Card } from "./components/dataDisplay/card";
 export type { CardProps } from "./components/dataDisplay/card";
 export { Chip } from "./components/dataDisplay/chip";
 export type { ChipProps, ChipColor } from "./components/dataDisplay/chip";
+export { ChipGroup } from "./components/dataDisplay/chipGroup";
+export type { ChipGroupProps, ChipGroupOption } from "./components/dataDisplay/chipGroup";
+export { LazyImage } from "./components/dataDisplay/lazyImage";
+export type { LazyImageProps } from "./components/dataDisplay/lazyImage";
+export { ThumbCard } from "./components/dataDisplay/thumbCard";
+export type { ThumbCardProps } from "./components/dataDisplay/thumbCard";
+export { AssetGrid } from "./components/dataDisplay/assetGrid";
+export type { AssetGridProps } from "./components/dataDisplay/assetGrid";
 export { Carousel } from "./components/dataDisplay/carousel";
 export type { CarouselProps } from "./components/dataDisplay/carousel";
 export { ImagesList, ImagesListItem, ImagesListItemModal } from "./components/dataDisplay/imagesList";
@@ -45,6 +55,8 @@ export { Message, MessageContainer } from "./components/feedBack/message";
 export type { MessageProps, MessageSeverity } from "./components/feedBack/message";
 export { Modal } from "./components/feedBack/modal";
 export type { ModalProps } from "./components/feedBack/modal";
+export { SaveAssetDialog } from "./components/feedBack/saveAssetDialog";
+export type { SaveAssetDialogProps } from "./components/feedBack/saveAssetDialog";
 export { ProgressIndicator, CircularProgress } from "./components/feedBack/progressIndicator";
 export type { ProgressIndicatorProps, ProgressColor } from "./components/feedBack/progressIndicator";
 export { Skeleton } from "./components/feedBack/skeleton";
@@ -75,6 +87,8 @@ export { SelectField } from "./components/inputs/selectField";
 export type { SelectFieldProps } from "./components/inputs/selectField";
 export { Slider } from "./components/inputs/slider";
 export type { SliderProps, SliderValue, SliderMark } from "./components/inputs/slider";
+export { ValueSlider } from "./components/inputs/valueSlider";
+export type { ValueSliderProps } from "./components/inputs/valueSlider";
 export { Toggle } from "./components/inputs/toggle";
 export type { ToggleProps } from "./components/inputs/toggle";
 export { TextField, TextFieldAdornment, TextFieldWrapper } from "./components/inputs/textField";
@@ -105,6 +119,8 @@ export { Stepper } from "./components/navigation/stepper";
 export type { StepperProps, StepItem } from "./components/navigation/stepper";
 export { Menu, MenuDivider, MenuItem, MenuItemIcon, MenuItemText, MenuSubmenu } from "./components/navigation/menu";
 export type { MenuDividerProps, MenuItemIconProps, MenuItemProps, MenuItemTextProps, MenuProps, MenuSubmenuProps, } from "./components/navigation/menu";
+export { OverflowMenu } from "./components/navigation/overflowMenu";
+export type { OverflowMenuProps, OverflowMenuItem } from "./components/navigation/overflowMenu";
 export { Sidebar } from "./components/navigation/sidebar";
 export type { SidebarProps } from "./components/navigation/sidebar";
 export { BottomBar } from "./components/navigation/bottomBar";

package/dist/index.js

@@ -3,240 +3,256 @@ import { useControllableState as m } from "./hooks/useControllableState.js";
 import { useId as f } from "./hooks/useId.js";
 import { useFocusTrap as s } from "./hooks/useFocusTrap.js";
 import { useRovingTabIndex as l } from "./hooks/useRovingTabIndex.js";
-import { useVirtualList as u } from "./hooks/useVirtualList.js";
-import { Accordion as C } from "./components/dataDisplay/accordion/accordion.js";
+import { useVirtualList as n } from "./hooks/useVirtualList.js";
+import { useHoverPopover as C } from "./hooks/useHoverPopover.js";
+import { Accordion as S } from "./components/dataDisplay/accordion/accordion.js";
 import { AppBar as c } from "./components/navigation/appBar/appBar.js";
-import { AppLayout as g } from "./components/layout/appLayout/appLayout.js";
-import { Avatar as A, AvatarGroup as I } from "./components/dataDisplay/avatar/avatar.js";
-import { Badge as D } from "./components/dataDisplay/badge/badge.js";
-import { BottomBar as P } from "./components/navigation/bottomBar/bottomBar.js";
-import { Breadcrumbs as k } from "./components/navigation/breadcrumbs/breadcrumbs.js";
-import { Button as _ } from "./components/inputs/button/button.js";
-import { ButtonGroup as F } from "./components/inputs/buttonGroups/buttonGroup.js";
-import { Card as y } from "./components/dataDisplay/card/card.js";
-import { Chat as U } from "./components/dataDisplay/chat/chat.js";
-import { ChatAttachmentImage as w } from "./components/dataDisplay/chat/chatAttachmentImage.js";
-import { ChatAttachments as G } from "./components/dataDisplay/chat/chatAttachments.js";
-import { ChatComposer as N } from "./components/dataDisplay/chat/chatComposer.js";
-import { ChatHeader as Y } from "./components/dataDisplay/chat/chatHeader.js";
-import { ChatLayout as j } from "./components/dataDisplay/chat/chatLayout.js";
-import { ChatMessageAvatar as z } from "./components/dataDisplay/chat/chatMessageAvatar.js";
-import { ChatMessageBubble as K } from "./components/dataDisplay/chat/chatMessageBubble.js";
-import { ChatMessageIncoming as Z } from "./components/dataDisplay/chat/chatMessageIncoming.js";
-import { ChatMessageItem as ee } from "./components/dataDisplay/chat/chatMessageItem.js";
-import { ChatMessageOutgoing as re } from "./components/dataDisplay/chat/chatMessageOutgoing.js";
-import { ChatMessageSkeleton as ae } from "./components/dataDisplay/chat/chatMessageSkeleton.js";
-import { ChatMessageStatus as pe } from "./components/dataDisplay/chat/chatMessageStatus.js";
-import { ChatMessageSystem as xe } from "./components/dataDisplay/chat/chatMessageSystem.js";
-import { ChatMessages as ie } from "./components/dataDisplay/chat/chatMessages.js";
-import { ChatShell as ne } from "./components/dataDisplay/chat/chatShell.js";
-import { Checkbox as Te } from "./components/inputs/checkbox/checkbox.js";
-import { Chip as de } from "./components/dataDisplay/chip/chip.js";
-import { DatePicker as Se, OpenView as ge } from "./components/inputs/datePicker/datePicker.js";
-import { DateTimePicker as Ae } from "./components/inputs/dateTimePicker/dateTimePicker.js";
-import { Divider as Me } from "./components/layout/divider/divider.js";
-import { ExpansionPanel as Le } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
-import { FloatingButton as be } from "./components/inputs/floatingButton/floatingButton.js";
-import { Icon as Ee } from "./components/base/icon/icon.js";
-import { ImagesList as Be } from "./components/dataDisplay/imagesList/imagesList.js";
-import { default as ve } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
-import { default as He } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
-import { List as Re } from "./components/dataDisplay/list/list.js";
-import { ListItem as Oe } from "./components/dataDisplay/list/listItem.js";
-import { default as Ve, MessageContainer as Ne } from "./components/feedBack/message/message.js";
-import { Modal as Ye } from "./components/feedBack/modal/modal.js";
-import { Page as je } from "./components/layout/page/page.js";
-import { PageHeader as ze } from "./components/layout/pageHeader/pageHeader.js";
-import { Pagination as Ke } from "./components/navigation/pagination/pagination.js";
-import { CircularProgress as Ze, ProgressIndicator as $e } from "./components/feedBack/progressIndicator/progressIndicator.js";
-import { RadioButton as oo } from "./components/inputs/radioButton/radioButton.js";
-import { Rating as to } from "./components/inputs/rating/rating.js";
-import { ScreenDivider as mo } from "./components/layout/screenDivider/screenDivider.js";
-import { Sheet as fo } from "./components/layout/sheet/sheet.js";
-import { Sidebar as so } from "./components/navigation/sidebar/sidebar.js";
-import { Skeleton as lo } from "./components/feedBack/skeleton/skeleton.js";
-import { Stack as uo } from "./components/layout/stack/stack.js";
-import { Stepper as Co } from "./components/navigation/stepper/stepper.js";
-import { default as So } from "./components/dataDisplay/table/table.js";
-import { default as ho } from "./components/dataDisplay/table/tableBody.js";
-import { default as Io } from "./components/dataDisplay/table/tableCell.js";
-import { default as Do } from "./components/dataDisplay/table/tableHead.js";
-import { default as Po } from "./components/dataDisplay/table/tableHeadCell.js";
-import { default as ko } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
-import { default as _o } from "./components/dataDisplay/table/tableRow.js";
-import { TimePicker as Fo } from "./components/inputs/timePicker/timePicker.js";
-import { Toggle as yo } from "./components/inputs/toggle/toggle.js";
-import { Tooltip as Uo } from "./components/feedBack/tooltip/tooltip.js";
-import { TreeView as wo } from "./components/dataDisplay/treeView/treeView.js";
-import { Typography as Go } from "./components/dataDisplay/typography/typography.js";
-import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as No, CHAT_EXPAND_LAYOUTS as Xo, CHAT_MESSAGE_DELIVERY_STATUSES as Yo, CHAT_MESSAGE_STATUS_ICONS as Wo, CHAT_MESSAGE_STATUS_LABELS as jo } from "./components/dataDisplay/chat/types.js";
-import { Carousel as zo } from "./components/dataDisplay/carousel/carousel.js";
-import { ClickAwayListener as Ko } from "./components/clickAwayListener/clickAwayListener.js";
-import { Column as Zo, Container as $o, Grid as er, Row as or } from "./components/layout/grid/grid.js";
-import { DEFAULT_TIME_FORMAT as tr } from "./components/inputs/timePicker/timeUtils.js";
-import { DataPickerDays as mr } from "./components/inputs/datePicker/dataPickerDays.js";
-import { DataPickerHeader as fr } from "./components/inputs/datePicker/dataPickerHeader.js";
-import { DataPickerInput as sr } from "./components/inputs/datePicker/dataPickerInput.js";
-import { DatePickerActionLabel as lr } from "./components/inputs/datePicker/datePickerActionLabel.js";
-import { DatePickerIconButton as ur } from "./components/inputs/datePicker/datePickerIconButton.js";
-import { DatePickerList as Cr } from "./components/inputs/datePicker/datePickerList.js";
-import { DateTimePickerInput as cr } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
-import { Menu as gr } from "./components/navigation/menu/menu.js";
-import { MenuDivider as Ar } from "./components/navigation/menu/menuDivider.js";
-import { MenuItem as Mr } from "./components/navigation/menu/menuItem.js";
-import { MenuItemIcon as Lr } from "./components/navigation/menu/menuItemIcon.js";
-import { MenuItemText as br } from "./components/navigation/menu/menuItemText.js";
-import { MenuSubmenu as Er } from "./components/navigation/menu/menuSubmenu.js";
-import { Ripple as Br } from "./components/base/ripple/ripple.js";
-import { SelectField as vr } from "./components/inputs/selectField/selectField.js";
-import { Slider as Hr } from "./components/inputs/slider/slider.js";
-import { SnackbarProvider as Rr, useSnackbar as wr } from "./components/feedBack/snackbar/snackbar.js";
-import { Tab as Gr } from "./components/navigation/tabs/tab/tab.js";
-import { Tabs as Nr } from "./components/navigation/tabs/tabs.js";
-import { TextField as Yr } from "./components/inputs/textField/textField.js";
-import { TextFieldAdornment as jr } from "./components/inputs/textField/textFieldAdornment.js";
-import { TextFieldWrapper as zr } from "./components/inputs/textField/textFieldWrapper.js";
-import { TimePickerColumns as Kr } from "./components/inputs/timePicker/timePickerColumns.js";
-import { TimePickerInput as Zr } from "./components/inputs/timePicker/timePickerInput.js";
-import { formatChatTimestamp as et, getChatLayoutActions as ot, isChatMessageDeliveryStatus as rt, isImageAttachment as tt, resolveAllowedLayouts as at, resolveChatMessageStatusIcon as mt, resolveChatMessageStatusLabel as pt, shouldComposerNewlineOnEnter as ft } from "./components/dataDisplay/chat/utils.js";
-import { getCurrentDateTimeFormat as st, getDisplayDateTime as it, useDateTimeInput as lt } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
-import { isScrolledToBottom as ut, scrollChatToBottom as Tt, useChatStickToBottom as Ct } from "./components/dataDisplay/chat/useChatStickToBottom.js";
-import { resolveChatFileUploadMaxFiles as ct, default as St } from "./components/dataDisplay/chat/useChatFileUpload.js";
-import { useChatInfiniteScroll as ht } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
-import { useDateInput as It } from "./components/inputs/datePicker/useDateInput.js";
-import { useTimeInput as Dt } from "./components/inputs/timePicker/useTimeInput.js";
+import { AppLayout as A } from "./components/layout/appLayout/appLayout.js";
+import { AssetGrid as M } from "./components/dataDisplay/assetGrid/assetGrid.js";
+import { Avatar as L, AvatarGroup as P } from "./components/dataDisplay/avatar/avatar.js";
+import { Badge as k } from "./components/dataDisplay/badge/badge.js";
+import { BottomBar as _ } from "./components/navigation/bottomBar/bottomBar.js";
+import { Breadcrumbs as B } from "./components/navigation/breadcrumbs/breadcrumbs.js";
+import { Button as y } from "./components/inputs/button/button.js";
+import { ButtonGroup as U } from "./components/inputs/buttonGroups/buttonGroup.js";
+import { Card as G } from "./components/dataDisplay/card/card.js";
+import { Chat as R } from "./components/dataDisplay/chat/chat.js";
+import { ChatAttachmentImage as N } from "./components/dataDisplay/chat/chatAttachmentImage.js";
+import { ChatAttachments as Y } from "./components/dataDisplay/chat/chatAttachments.js";
+import { ChatComposer as W } from "./components/dataDisplay/chat/chatComposer.js";
+import { ChatHeader as q } from "./components/dataDisplay/chat/chatHeader.js";
+import { ChatLayout as K } from "./components/dataDisplay/chat/chatLayout.js";
+import { ChatMessageAvatar as Z } from "./components/dataDisplay/chat/chatMessageAvatar.js";
+import { ChatMessageBubble as ee } from "./components/dataDisplay/chat/chatMessageBubble.js";
+import { ChatMessageIncoming as re } from "./components/dataDisplay/chat/chatMessageIncoming.js";
+import { ChatMessageItem as ae } from "./components/dataDisplay/chat/chatMessageItem.js";
+import { ChatMessageOutgoing as pe } from "./components/dataDisplay/chat/chatMessageOutgoing.js";
+import { ChatMessageSkeleton as xe } from "./components/dataDisplay/chat/chatMessageSkeleton.js";
+import { ChatMessageStatus as ie } from "./components/dataDisplay/chat/chatMessageStatus.js";
+import { ChatMessageSystem as ue } from "./components/dataDisplay/chat/chatMessageSystem.js";
+import { ChatMessages as Te } from "./components/dataDisplay/chat/chatMessages.js";
+import { ChatShell as de } from "./components/dataDisplay/chat/chatShell.js";
+import { Checkbox as ge } from "./components/inputs/checkbox/checkbox.js";
+import { Chip as he } from "./components/dataDisplay/chip/chip.js";
+import { ChipGroup as Ie } from "./components/dataDisplay/chipGroup/chipGroup.js";
+import { DatePicker as De, OpenView as Le } from "./components/inputs/datePicker/datePicker.js";
+import { DateTimePicker as be } from "./components/inputs/dateTimePicker/dateTimePicker.js";
+import { Divider as Ee } from "./components/layout/divider/divider.js";
+import { ExpansionPanel as ve } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
+import { FloatingButton as Fe } from "./components/inputs/floatingButton/floatingButton.js";
+import { Icon as He } from "./components/base/icon/icon.js";
+import { ImagesList as we } from "./components/dataDisplay/imagesList/imagesList.js";
+import { default as Oe } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
+import { default as Ve } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
+import { LazyImage as Xe } from "./components/dataDisplay/lazyImage/lazyImage.js";
+import { List as ze } from "./components/dataDisplay/list/list.js";
+import { ListItem as je } from "./components/dataDisplay/list/listItem.js";
+import { default as Je, MessageContainer as Ke } from "./components/feedBack/message/message.js";
+import { Modal as Ze } from "./components/feedBack/modal/modal.js";
+import { OverflowMenu as eo } from "./components/navigation/overflowMenu/overflowMenu.js";
+import { Page as ro } from "./components/layout/page/page.js";
+import { PageHeader as ao } from "./components/layout/pageHeader/pageHeader.js";
+import { Pagination as po } from "./components/navigation/pagination/pagination.js";
+import { CircularProgress as xo, ProgressIndicator as so } from "./components/feedBack/progressIndicator/progressIndicator.js";
+import { RadioButton as lo } from "./components/inputs/radioButton/radioButton.js";
+import { Rating as no } from "./components/inputs/rating/rating.js";
+import { SaveAssetDialog as Co } from "./components/feedBack/saveAssetDialog/saveAssetDialog.js";
+import { ScreenDivider as go } from "./components/layout/screenDivider/screenDivider.js";
+import { Sheet as ho } from "./components/layout/sheet/sheet.js";
+import { Sidebar as Io } from "./components/navigation/sidebar/sidebar.js";
+import { Skeleton as Do } from "./components/feedBack/skeleton/skeleton.js";
+import { Stack as Po } from "./components/layout/stack/stack.js";
+import { Stepper as ko } from "./components/navigation/stepper/stepper.js";
+import { default as _o } from "./components/dataDisplay/table/table.js";
+import { default as Bo } from "./components/dataDisplay/table/tableBody.js";
+import { default as yo } from "./components/dataDisplay/table/tableCell.js";
+import { default as Uo } from "./components/dataDisplay/table/tableHead.js";
+import { default as Go } from "./components/dataDisplay/table/tableHeadCell.js";
+import { default as Ro } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
+import { default as No } from "./components/dataDisplay/table/tableRow.js";
+import { ThumbCard as Yo } from "./components/dataDisplay/thumbCard/thumbCard.js";
+import { TimePicker as Wo } from "./components/inputs/timePicker/timePicker.js";
+import { Toggle as qo } from "./components/inputs/toggle/toggle.js";
+import { Tooltip as Ko } from "./components/feedBack/tooltip/tooltip.js";
+import { TreeView as Zo } from "./components/dataDisplay/treeView/treeView.js";
+import { Typography as er } from "./components/dataDisplay/typography/typography.js";
+import { ValueSlider as rr } from "./components/inputs/valueSlider/valueSlider.js";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as ar, CHAT_EXPAND_LAYOUTS as mr, CHAT_MESSAGE_DELIVERY_STATUSES as pr, CHAT_MESSAGE_STATUS_ICONS as fr, CHAT_MESSAGE_STATUS_LABELS as xr } from "./components/dataDisplay/chat/types.js";
+import { Carousel as ir } from "./components/dataDisplay/carousel/carousel.js";
+import { ClickAwayListener as ur } from "./components/clickAwayListener/clickAwayListener.js";
+import { Column as Tr, Container as Cr, Grid as dr, Row as Sr } from "./components/layout/grid/grid.js";
+import { DEFAULT_TIME_FORMAT as cr } from "./components/inputs/timePicker/timeUtils.js";
+import { DataPickerDays as Ar } from "./components/inputs/datePicker/dataPickerDays.js";
+import { DataPickerHeader as Mr } from "./components/inputs/datePicker/dataPickerHeader.js";
+import { DataPickerInput as Lr } from "./components/inputs/datePicker/dataPickerInput.js";
+import { DatePickerActionLabel as br } from "./components/inputs/datePicker/datePickerActionLabel.js";
+import { DatePickerIconButton as Er } from "./components/inputs/datePicker/datePickerIconButton.js";
+import { DatePickerList as vr } from "./components/inputs/datePicker/datePickerList.js";
+import { DateTimePickerInput as Fr } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
+import { Menu as Hr } from "./components/navigation/menu/menu.js";
+import { MenuDivider as wr } from "./components/navigation/menu/menuDivider.js";
+import { MenuItem as Or } from "./components/navigation/menu/menuItem.js";
+import { MenuItemIcon as Vr } from "./components/navigation/menu/menuItemIcon.js";
+import { MenuItemText as Xr } from "./components/navigation/menu/menuItemText.js";
+import { MenuSubmenu as zr } from "./components/navigation/menu/menuSubmenu.js";
+import { Ripple as jr } from "./components/base/ripple/ripple.js";
+import { SelectField as Jr } from "./components/inputs/selectField/selectField.js";
+import { Slider as Qr } from "./components/inputs/slider/slider.js";
+import { SnackbarProvider as $r, useSnackbar as et } from "./components/feedBack/snackbar/snackbar.js";
+import { Tab as rt } from "./components/navigation/tabs/tab/tab.js";
+import { Tabs as at } from "./components/navigation/tabs/tabs.js";
+import { TextField as pt } from "./components/inputs/textField/textField.js";
+import { TextFieldAdornment as xt } from "./components/inputs/textField/textFieldAdornment.js";
+import { TextFieldWrapper as it } from "./components/inputs/textField/textFieldWrapper.js";
+import { TimePickerColumns as ut } from "./components/inputs/timePicker/timePickerColumns.js";
+import { TimePickerInput as Tt } from "./components/inputs/timePicker/timePickerInput.js";
+import { formatChatTimestamp as dt, getChatLayoutActions as St, isChatMessageDeliveryStatus as gt, isImageAttachment as ct, resolveAllowedLayouts as ht, resolveChatMessageStatusIcon as At, resolveChatMessageStatusLabel as It, shouldComposerNewlineOnEnter as Mt } from "./components/dataDisplay/chat/utils.js";
+import { getCurrentDateTimeFormat as Lt, getDisplayDateTime as Pt, useDateTimeInput as bt } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
+import { isScrolledToBottom as Et, scrollChatToBottom as _t, useChatStickToBottom as vt } from "./components/dataDisplay/chat/useChatStickToBottom.js";
+import { resolveChatFileUploadMaxFiles as Ft, default as yt } from "./components/dataDisplay/chat/useChatFileUpload.js";
+import { useChatInfiniteScroll as Ut } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
+import { useDateInput as Gt } from "./components/inputs/datePicker/useDateInput.js";
+import { useTimeInput as Rt } from "./components/inputs/timePicker/useTimeInput.js";
 export {
-  C as Accordion,
+  S as Accordion,
   c as AppBar,
-  g as AppLayout,
-  A as Avatar,
-  I as AvatarGroup,
-  D as Badge,
-  P as BottomBar,
-  k as Breadcrumbs,
-  _ as Button,
-  F as ButtonGroup,
-  No as CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
-  Xo as CHAT_EXPAND_LAYOUTS,
-  Yo as CHAT_MESSAGE_DELIVERY_STATUSES,
-  Wo as CHAT_MESSAGE_STATUS_ICONS,
-  jo as CHAT_MESSAGE_STATUS_LABELS,
-  y as Card,
-  zo as Carousel,
-  U as Chat,
-  w as ChatAttachmentImage,
-  G as ChatAttachments,
-  N as ChatComposer,
-  Y as ChatHeader,
-  j as ChatLayout,
-  z as ChatMessageAvatar,
-  K as ChatMessageBubble,
-  Z as ChatMessageIncoming,
-  ee as ChatMessageItem,
-  re as ChatMessageOutgoing,
-  ae as ChatMessageSkeleton,
-  pe as ChatMessageStatus,
-  xe as ChatMessageSystem,
-  ie as ChatMessages,
-  ne as ChatShell,
-  Te as Checkbox,
-  de as Chip,
-  Ze as CircularProgress,
-  Ko as ClickAwayListener,
-  Zo as Column,
-  $o as Container,
-  tr as DEFAULT_TIME_FORMAT,
-  mr as DataPickerDays,
-  fr as DataPickerHeader,
-  sr as DataPickerInput,
-  Se as DatePicker,
-  lr as DatePickerActionLabel,
-  ur as DatePickerIconButton,
-  Cr as DatePickerList,
-  Ae as DateTimePicker,
-  cr as DateTimePickerInput,
-  Me as Divider,
-  Le as ExpansionPanel,
-  be as FloatingButton,
-  er as Grid,
-  Ee as Icon,
-  Be as ImagesList,
-  ve as ImagesListItem,
-  He as ImagesListItemModal,
-  Re as List,
-  Oe as ListItem,
-  gr as Menu,
-  Ar as MenuDivider,
-  Mr as MenuItem,
-  Lr as MenuItemIcon,
-  br as MenuItemText,
-  Er as MenuSubmenu,
-  Ve as Message,
-  Ne as MessageContainer,
-  Ye as Modal,
-  ge as OpenView,
-  je as Page,
-  ze as PageHeader,
-  Ke as Pagination,
-  $e as ProgressIndicator,
-  oo as RadioButton,
-  to as Rating,
-  Br as Ripple,
-  or as Row,
-  mo as ScreenDivider,
-  vr as SelectField,
-  fo as Sheet,
-  so as Sidebar,
-  lo as Skeleton,
-  Hr as Slider,
-  Rr as SnackbarProvider,
-  uo as Stack,
-  Co as Stepper,
-  Gr as Tab,
-  So as Table,
-  ho as TableBody,
-  Io as TableCell,
-  Do as TableHead,
-  Po as TableHeadCell,
-  ko as TablePagination,
-  _o as TableRow,
-  Nr as Tabs,
-  Yr as TextField,
-  jr as TextFieldAdornment,
-  zr as TextFieldWrapper,
+  A as AppLayout,
+  M as AssetGrid,
+  L as Avatar,
+  P as AvatarGroup,
+  k as Badge,
+  _ as BottomBar,
+  B as Breadcrumbs,
+  y as Button,
+  U as ButtonGroup,
+  ar as CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  mr as CHAT_EXPAND_LAYOUTS,
+  pr as CHAT_MESSAGE_DELIVERY_STATUSES,
+  fr as CHAT_MESSAGE_STATUS_ICONS,
+  xr as CHAT_MESSAGE_STATUS_LABELS,
+  G as Card,
+  ir as Carousel,
+  R as Chat,
+  N as ChatAttachmentImage,
+  Y as ChatAttachments,
+  W as ChatComposer,
+  q as ChatHeader,
+  K as ChatLayout,
+  Z as ChatMessageAvatar,
+  ee as ChatMessageBubble,
+  re as ChatMessageIncoming,
+  ae as ChatMessageItem,
+  pe as ChatMessageOutgoing,
+  xe as ChatMessageSkeleton,
+  ie as ChatMessageStatus,
+  ue as ChatMessageSystem,
+  Te as ChatMessages,
+  de as ChatShell,
+  ge as Checkbox,
+  he as Chip,
+  Ie as ChipGroup,
+  xo as CircularProgress,
+  ur as ClickAwayListener,
+  Tr as Column,
+  Cr as Container,
+  cr as DEFAULT_TIME_FORMAT,
+  Ar as DataPickerDays,
+  Mr as DataPickerHeader,
+  Lr as DataPickerInput,
+  De as DatePicker,
+  br as DatePickerActionLabel,
+  Er as DatePickerIconButton,
+  vr as DatePickerList,
+  be as DateTimePicker,
+  Fr as DateTimePickerInput,
+  Ee as Divider,
+  ve as ExpansionPanel,
+  Fe as FloatingButton,
+  dr as Grid,
+  He as Icon,
+  we as ImagesList,
+  Oe as ImagesListItem,
+  Ve as ImagesListItemModal,
+  Xe as LazyImage,
+  ze as List,
+  je as ListItem,
+  Hr as Menu,
+  wr as MenuDivider,
+  Or as MenuItem,
+  Vr as MenuItemIcon,
+  Xr as MenuItemText,
+  zr as MenuSubmenu,
+  Je as Message,
+  Ke as MessageContainer,
+  Ze as Modal,
+  Le as OpenView,
+  eo as OverflowMenu,
+  ro as Page,
+  ao as PageHeader,
+  po as Pagination,
+  so as ProgressIndicator,
+  lo as RadioButton,
+  no as Rating,
+  jr as Ripple,
+  Sr as Row,
+  Co as SaveAssetDialog,
+  go as ScreenDivider,
+  Jr as SelectField,
+  ho as Sheet,
+  Io as Sidebar,
+  Do as Skeleton,
+  Qr as Slider,
+  $r as SnackbarProvider,
+  Po as Stack,
+  ko as Stepper,
+  rt as Tab,
+  _o as Table,
+  Bo as TableBody,
+  yo as TableCell,
+  Uo as TableHead,
+  Go as TableHeadCell,
+  Ro as TablePagination,
+  No as TableRow,
+  at as Tabs,
+  pt as TextField,
+  xt as TextFieldAdornment,
+  it as TextFieldWrapper,
   r as Theme,
-  Fo as TimePicker,
-  Kr as TimePickerColumns,
-  Zr as TimePickerInput,
-  yo as Toggle,
-  Uo as Tooltip,
-  wo as TreeView,
-  Go as Typography,
-  et as formatChatTimestamp,
-  ot as getChatLayoutActions,
-  st as getCurrentDateTimeFormat,
-  it as getDisplayDateTime,
-  rt as isChatMessageDeliveryStatus,
-  tt as isImageAttachment,
-  ut as isScrolledToBottom,
-  at as resolveAllowedLayouts,
-  ct as resolveChatFileUploadMaxFiles,
-  mt as resolveChatMessageStatusIcon,
-  pt as resolveChatMessageStatusLabel,
-  Tt as scrollChatToBottom,
-  ft as shouldComposerNewlineOnEnter,
-  St as useChatFileUpload,
-  ht as useChatInfiniteScroll,
-  Ct as useChatStickToBottom,
+  Yo as ThumbCard,
+  Wo as TimePicker,
+  ut as TimePickerColumns,
+  Tt as TimePickerInput,
+  qo as Toggle,
+  Ko as Tooltip,
+  Zo as TreeView,
+  er as Typography,
+  rr as ValueSlider,
+  dt as formatChatTimestamp,
+  St as getChatLayoutActions,
+  Lt as getCurrentDateTimeFormat,
+  Pt as getDisplayDateTime,
+  gt as isChatMessageDeliveryStatus,
+  ct as isImageAttachment,
+  Et as isScrolledToBottom,
+  ht as resolveAllowedLayouts,
+  Ft as resolveChatFileUploadMaxFiles,
+  At as resolveChatMessageStatusIcon,
+  It as resolveChatMessageStatusLabel,
+  _t as scrollChatToBottom,
+  Mt as shouldComposerNewlineOnEnter,
+  yt as useChatFileUpload,
+  Ut as useChatInfiniteScroll,
+  vt as useChatStickToBottom,
   m as useControllableState,
-  It as useDateInput,
-  lt as useDateTimeInput,
+  Gt as useDateInput,
+  bt as useDateTimeInput,
   s as useFocusTrap,
+  C as useHoverPopover,
   f as useId,
   l as useRovingTabIndex,
-  wr as useSnackbar,
+  et as useSnackbar,
   t as useTheme,
-  Dt as useTimeInput,
-  u as useVirtualList
+  Rt as useTimeInput,
+  n as useVirtualList
 };
 //# sourceMappingURL=index.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@smwb/ui-react",
   "main": "./dist/index.cjs",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "license": "MIT",
   "engines": {
     "node": ">=20"
@@ -53,7 +53,7 @@
     "@babel/preset-typescript": "^7.28.5",
     "@chromatic-com/storybook": "^5.2.1",
     "@eslint/js": "^10.0.1",
-    "@smwb/ui-styles": "^1.0.3",
+    "@smwb/ui-styles": "^1.1.0",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-links": "^10.4.0",
     "@storybook/react": "^10.4.0",
@@ -127,11 +127,13 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
     },
     "./headless": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/headless/index.js"
+      "import": "./dist/headless/index.js",
+      "default": "./dist/headless/index.js"
     },
     "./react-table": {
       "types": "./dist/react-table.d.ts",