@smwb/ui-solid 0.7.0 → 0.8.1

package/dist/index.js

@@ -5,7 +5,7 @@ import { Theme as f, createTheme as i } from "./primitives/createTheme.js";
 import { createFloating as n } from "./primitives/createFloating.js";
 import { createFocusTrap as u } from "./primitives/createFocusTrap.js";
 import { createCssTransition as C } from "./primitives/createCssTransition.js";
-import { createDropzone as d } from "./primitives/createDropzone.js";
+import { createDropzone as g } from "./primitives/createDropzone.js";
 import { createVirtualList as h } from "./primitives/createVirtualList.js";
 import { createMaskedInput as M } from "./primitives/createMaskedInput.js";
 import { createMediaQuery as I } from "./primitives/createMediaQuery.js";
@@ -29,7 +29,7 @@ import { Chat as se } from "./components/dataDisplay/chat/chat.js";
 import { ChatAttachmentImage as le } from "./components/dataDisplay/chat/chatAttachmentImage.js";
 import { ChatAttachments as ce } from "./components/dataDisplay/chat/chatAttachments.js";
 import { ChatComposer as Te } from "./components/dataDisplay/chat/chatComposer.js";
-import { ChatHeader as ge } from "./components/dataDisplay/chat/chatHeader.js";
+import { ChatHeader as de } from "./components/dataDisplay/chat/chatHeader.js";
 import { ChatIconButton as Se } from "./components/dataDisplay/chat/chatIconButton.js";
 import { ChatLayout as Ae } from "./components/dataDisplay/chat/chatLayout.js";
 import { ChatMessageAvatar as De } from "./components/dataDisplay/chat/chatMessageAvatar.js";
@@ -49,93 +49,94 @@ import { ChipGroup as qe } from "./components/dataDisplay/chipGroup/chipGroup.js
 import { CircularProgress as Ze, ProgressIndicator as $e } from "./components/feedBack/progressIndicator/progressIndicator.js";
 import { ClickAwayListener as rr } from "./components/clickAwayListener/clickAwayListener.js";
 import { Column as tr, Container as ar, Grid as mr, Row as pr } from "./components/layout/grid/grid.js";
-import { CountPreview as fr } from "./components/inputs/fileDrop/countPreview.js";
-import { DEFAULT_TIME_FORMAT as sr } from "./components/inputs/timePicker/timeUtils.js";
-import { DataPickerDays as lr } from "./components/inputs/datePicker/dataPickerDays.js";
-import { DataPickerHeader as cr } from "./components/inputs/datePicker/dataPickerHeader.js";
-import { DataPickerInput as Tr } from "./components/inputs/datePicker/dataPickerInput.js";
-import { DatePicker as gr } from "./components/inputs/datePicker/datePicker.js";
-import { DatePickerActionLabel as Sr } from "./components/inputs/datePicker/datePickerActionLabel.js";
-import { DatePickerDay as Ar } from "./components/inputs/datePicker/datePickerDay.js";
-import { DatePickerIconButton as Dr } from "./components/inputs/datePicker/datePickerIconButton.js";
-import { DatePickerList as br } from "./components/inputs/datePicker/datePickerList.js";
-import { DateTimePicker as kr } from "./components/inputs/dateTimePicker/dateTimePicker.js";
-import { DateTimePickerInput as Br } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
-import { Divider as yr } from "./components/layout/divider/divider.js";
-import { DropdownMenu as _r } from "./components/inputs/selectField/dropdownMenu.js";
-import { ExpansionPanel as Hr } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
-import { FileDrop as Ur } from "./components/inputs/fileDrop/fileDrop.js";
-import { FileInput as Rr } from "./components/inputs/fileInput/fileInput.js";
-import { FloatingButton as Nr } from "./components/inputs/floatingButton/floatingButton.js";
-import { Icon as Wr } from "./components/base/icon/icon.js";
-import { ImagesList as Yr } from "./components/dataDisplay/imagesList/imagesList.js";
-import { ImagesListItem as Qr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
-import { ImagesListItemModal as qr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
-import { LazyImage as Zr } from "./components/dataDisplay/lazyImage/lazyImage.js";
-import { List as eo } from "./components/dataDisplay/list/list.js";
-import { ListItem as oo } from "./components/dataDisplay/list/listItem.js";
-import { Menu as ao } from "./components/navigation/menu/menu.js";
-import { MenuContext as po, useMenuContext as xo } from "./components/navigation/menu/menuContext.js";
-import { MenuDivider as io } from "./components/navigation/menu/menuDivider.js";
-import { MenuFloating as no, buildMenuFloatingMiddleware as lo } from "./components/navigation/menu/menuFloating.js";
-import { MenuItem as co } from "./components/navigation/menu/menuItem.js";
-import { MenuItemIcon as To } from "./components/navigation/menu/menuItemIcon.js";
-import { MenuItemText as ho } from "./components/navigation/menu/menuItemText.js";
-import { MenuList as Mo } from "./components/navigation/menu/menuList.js";
-import { MenuSubmenu as Io } from "./components/navigation/menu/menuSubmenu.js";
-import { Message as Po, MessageContainer as bo } from "./components/feedBack/message/message.js";
-import { Modal as ko } from "./components/feedBack/modal/modal.js";
-import { OpenView as Bo } from "./components/inputs/datePicker/openView.js";
-import { OverflowMenu as yo } from "./components/navigation/overflowMenu/overflowMenu.js";
-import { Page as _o } from "./components/layout/page/page.js";
-import { PageHeader as Ho } from "./components/layout/pageHeader/pageHeader.js";
-import { Pagination as Uo } from "./components/navigation/pagination/pagination.js";
-import { Preview as Ro } from "./components/inputs/fileDrop/preview.js";
-import { PreviewWrapper as No } from "./components/inputs/fileDrop/previewWrapper.js";
-import { RadioButton as Wo } from "./components/inputs/radioButton/radioButton.js";
-import { Rating as Yo } from "./components/inputs/rating/rating.js";
-import { Ripple as Qo } from "./components/base/ripple/ripple.js";
-import { SaveAssetDialog as qo } from "./components/feedBack/saveAssetDialog/saveAssetDialog.js";
-import { ScreenDivider as Zo } from "./components/layout/screenDivider/screenDivider.js";
-import { SelectField as et } from "./components/inputs/selectField/selectField.js";
-import { Sheet as ot } from "./components/layout/sheet/sheet.js";
-import { Sidebar as at } from "./components/navigation/sidebar/sidebar.js";
-import { Skeleton as pt } from "./components/feedBack/skeleton/skeleton.js";
-import { Slider as ft } from "./components/inputs/slider/slider.js";
-import { Snackbar as st, SnackbarProvider as nt, useSnackbar as lt } from "./components/feedBack/snackbar/snackbar.js";
-import { Stack as ct } from "./components/layout/stack/stack.js";
-import { Stepper as Tt } from "./components/navigation/stepper/stepper.js";
-import { Tab as gt } from "./components/navigation/tabs/tab/tab.js";
-import { Table as St } from "./components/dataDisplay/table/table.js";
-import { TableBody as At } from "./components/dataDisplay/table/tableBody.js";
-import { TableCell as Dt } from "./components/dataDisplay/table/tableCell.js";
-import { TableHead as bt } from "./components/dataDisplay/table/tableHead.js";
-import { TableHeadCell as kt } from "./components/dataDisplay/table/tableHeadCell.js";
-import { TablePagination as Bt } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
-import { TableRow as yt } from "./components/dataDisplay/table/tableRow.js";
-import { Tabs as _t } from "./components/navigation/tabs/tabs.js";
-import { TabsContext as Ht, useTabsContext as Ot } from "./components/navigation/tabs/tabsContext.js";
-import { TextField as Gt } from "./components/inputs/textField/textField.js";
-import { TextFieldAdornment as Vt } from "./components/inputs/textField/textFieldAdornment.js";
-import { TextFieldWrapper as zt } from "./components/inputs/textField/textFieldWrapper.js";
-import { ThumbCard as Xt } from "./components/dataDisplay/thumbCard/thumbCard.js";
-import { TimePicker as Jt } from "./components/inputs/timePicker/timePicker.js";
-import { TimePickerColumns as jt } from "./components/inputs/timePicker/timePickerColumns.js";
-import { TimePickerInput as Kt } from "./components/inputs/timePicker/timePickerInput.js";
-import { Toggle as $t } from "./components/inputs/toggle/toggle.js";
-import { Tooltip as ra } from "./components/feedBack/tooltip/tooltip.js";
-import { TreeView as ta } from "./components/dataDisplay/treeView/treeView.js";
-import { Typography as ma } from "./components/dataDisplay/typography/typography.js";
-import { ValueSlider as xa } from "./components/inputs/valueSlider/valueSlider.js";
-import { createChatFileUpload as ia, resolveChatFileUploadMaxFiles as sa } from "./components/dataDisplay/chat/useChatFileUpload.js";
-import { createChatInfiniteScroll as la } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
-import { createChatStickToBottom as ca, isScrolledToBottom as Ca, scrollChatToBottom as Ta } from "./components/dataDisplay/chat/useChatStickToBottom.js";
-import { createDateInput as ga } from "./components/inputs/datePicker/useDateInput.js";
-import { createDateTimeInput as Sa, getCurrentDateTimeFormat as Ma, getDisplayDateTime as Aa } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
-import { createTimeInput as Da } from "./components/inputs/timePicker/useTimeInput.js";
-import { formatChatTimestamp as ba, getChatLayoutActions as La, isChatMessageDeliveryStatus as ka, isImageAttachment as Fa, resolveAllowedLayouts as Ba, resolveChatMessageStatusIcon as va, resolveChatMessageStatusLabel as ya, shouldComposerNewlineOnEnter as Ea, shouldShowChatCloseButton as _a } from "./components/dataDisplay/chat/utils.js";
-import { formatDateTimeByPattern as Ha, isDateTimePatternMatch as Oa, parseDateTimeByPattern as Ua } from "./components/inputs/dateTimePicker/dateTimeFormat.js";
-import { isImageFile as Ra } from "./components/inputs/fileDrop/utils.js";
+import { ConfirmDialog as fr } from "./components/feedBack/confirmDialog/confirmDialog.js";
+import { CountPreview as sr } from "./components/inputs/fileDrop/countPreview.js";
+import { DEFAULT_TIME_FORMAT as lr } from "./components/inputs/timePicker/timeUtils.js";
+import { DataPickerDays as cr } from "./components/inputs/datePicker/dataPickerDays.js";
+import { DataPickerHeader as Tr } from "./components/inputs/datePicker/dataPickerHeader.js";
+import { DataPickerInput as dr } from "./components/inputs/datePicker/dataPickerInput.js";
+import { DatePicker as Sr } from "./components/inputs/datePicker/datePicker.js";
+import { DatePickerActionLabel as Ar } from "./components/inputs/datePicker/datePickerActionLabel.js";
+import { DatePickerDay as Dr } from "./components/inputs/datePicker/datePickerDay.js";
+import { DatePickerIconButton as br } from "./components/inputs/datePicker/datePickerIconButton.js";
+import { DatePickerList as kr } from "./components/inputs/datePicker/datePickerList.js";
+import { DateTimePicker as Br } from "./components/inputs/dateTimePicker/dateTimePicker.js";
+import { DateTimePickerInput as yr } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
+import { Divider as _r } from "./components/layout/divider/divider.js";
+import { DropdownMenu as Hr } from "./components/inputs/selectField/dropdownMenu.js";
+import { ExpansionPanel as Ur } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
+import { FileDrop as Rr } from "./components/inputs/fileDrop/fileDrop.js";
+import { FileInput as Nr } from "./components/inputs/fileInput/fileInput.js";
+import { FloatingButton as Wr } from "./components/inputs/floatingButton/floatingButton.js";
+import { Icon as Yr } from "./components/base/icon/icon.js";
+import { ImagesList as Qr } from "./components/dataDisplay/imagesList/imagesList.js";
+import { ImagesListItem as qr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
+import { ImagesListItemModal as Zr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
+import { LazyImage as eo } from "./components/dataDisplay/lazyImage/lazyImage.js";
+import { List as oo } from "./components/dataDisplay/list/list.js";
+import { ListItem as ao } from "./components/dataDisplay/list/listItem.js";
+import { Menu as po } from "./components/navigation/menu/menu.js";
+import { MenuContext as fo, useMenuContext as io } from "./components/navigation/menu/menuContext.js";
+import { MenuDivider as no } from "./components/navigation/menu/menuDivider.js";
+import { MenuFloating as uo, buildMenuFloatingMiddleware as co } from "./components/navigation/menu/menuFloating.js";
+import { MenuItem as To } from "./components/navigation/menu/menuItem.js";
+import { MenuItemIcon as ho } from "./components/navigation/menu/menuItemIcon.js";
+import { MenuItemText as Mo } from "./components/navigation/menu/menuItemText.js";
+import { MenuList as Io } from "./components/navigation/menu/menuList.js";
+import { MenuSubmenu as Po } from "./components/navigation/menu/menuSubmenu.js";
+import { Message as Lo, MessageContainer as ko } from "./components/feedBack/message/message.js";
+import { Modal as Bo } from "./components/feedBack/modal/modal.js";
+import { OpenView as yo } from "./components/inputs/datePicker/openView.js";
+import { OverflowMenu as _o } from "./components/navigation/overflowMenu/overflowMenu.js";
+import { Page as Ho } from "./components/layout/page/page.js";
+import { PageHeader as Uo } from "./components/layout/pageHeader/pageHeader.js";
+import { Pagination as Ro } from "./components/navigation/pagination/pagination.js";
+import { Preview as No } from "./components/inputs/fileDrop/preview.js";
+import { PreviewWrapper as Wo } from "./components/inputs/fileDrop/previewWrapper.js";
+import { RadioButton as Yo } from "./components/inputs/radioButton/radioButton.js";
+import { Rating as Qo } from "./components/inputs/rating/rating.js";
+import { Ripple as qo } from "./components/base/ripple/ripple.js";
+import { SaveAssetDialog as Zo } from "./components/feedBack/saveAssetDialog/saveAssetDialog.js";
+import { ScreenDivider as et } from "./components/layout/screenDivider/screenDivider.js";
+import { SelectField as ot } from "./components/inputs/selectField/selectField.js";
+import { Sheet as at } from "./components/layout/sheet/sheet.js";
+import { Sidebar as pt } from "./components/navigation/sidebar/sidebar.js";
+import { Skeleton as ft } from "./components/feedBack/skeleton/skeleton.js";
+import { Slider as st } from "./components/inputs/slider/slider.js";
+import { Snackbar as lt, SnackbarProvider as ut, useSnackbar as ct } from "./components/feedBack/snackbar/snackbar.js";
+import { Stack as Tt } from "./components/layout/stack/stack.js";
+import { Stepper as dt } from "./components/navigation/stepper/stepper.js";
+import { Tab as St } from "./components/navigation/tabs/tab/tab.js";
+import { Table as At } from "./components/dataDisplay/table/table.js";
+import { TableBody as Dt } from "./components/dataDisplay/table/tableBody.js";
+import { TableCell as bt } from "./components/dataDisplay/table/tableCell.js";
+import { TableHead as kt } from "./components/dataDisplay/table/tableHead.js";
+import { TableHeadCell as Bt } from "./components/dataDisplay/table/tableHeadCell.js";
+import { TablePagination as yt } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
+import { TableRow as _t } from "./components/dataDisplay/table/tableRow.js";
+import { Tabs as Ht } from "./components/navigation/tabs/tabs.js";
+import { TabsContext as Ut, useTabsContext as Gt } from "./components/navigation/tabs/tabsContext.js";
+import { TextField as Vt } from "./components/inputs/textField/textField.js";
+import { TextFieldAdornment as zt } from "./components/inputs/textField/textFieldAdornment.js";
+import { TextFieldWrapper as Xt } from "./components/inputs/textField/textFieldWrapper.js";
+import { ThumbCard as Jt } from "./components/dataDisplay/thumbCard/thumbCard.js";
+import { TimePicker as jt } from "./components/inputs/timePicker/timePicker.js";
+import { TimePickerColumns as Kt } from "./components/inputs/timePicker/timePickerColumns.js";
+import { TimePickerInput as $t } from "./components/inputs/timePicker/timePickerInput.js";
+import { Toggle as ra } from "./components/inputs/toggle/toggle.js";
+import { Tooltip as ta } from "./components/feedBack/tooltip/tooltip.js";
+import { TreeView as ma } from "./components/dataDisplay/treeView/treeView.js";
+import { Typography as xa } from "./components/dataDisplay/typography/typography.js";
+import { ValueSlider as ia } from "./components/inputs/valueSlider/valueSlider.js";
+import { createChatFileUpload as na, resolveChatFileUploadMaxFiles as la } from "./components/dataDisplay/chat/useChatFileUpload.js";
+import { createChatInfiniteScroll as ca } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
+import { createChatStickToBottom as Ta, isScrolledToBottom as ga, scrollChatToBottom as da } from "./components/dataDisplay/chat/useChatStickToBottom.js";
+import { createDateInput as Sa } from "./components/inputs/datePicker/useDateInput.js";
+import { createDateTimeInput as Aa, getCurrentDateTimeFormat as Ia, getDisplayDateTime as Da } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
+import { createTimeInput as ba } from "./components/inputs/timePicker/useTimeInput.js";
+import { formatChatTimestamp as ka, getChatLayoutActions as Fa, isChatMessageDeliveryStatus as Ba, isImageAttachment as va, resolveAllowedLayouts as ya, resolveChatMessageStatusIcon as Ea, resolveChatMessageStatusLabel as _a, shouldComposerNewlineOnEnter as wa, shouldShowChatCloseButton as Ha } from "./components/dataDisplay/chat/utils.js";
+import { formatDateTimeByPattern as Ua, isDateTimePatternMatch as Ga, parseDateTimeByPattern as Ra } from "./components/inputs/dateTimePicker/dateTimeFormat.js";
+import { isImageFile as Na } from "./components/inputs/fileDrop/utils.js";
 export {
   v as Accordion,
   E as AnimateHeight,
@@ -160,7 +161,7 @@ export {
   le as ChatAttachmentImage,
   ce as ChatAttachments,
   Te as ChatComposer,
-  ge as ChatHeader,
+  de as ChatHeader,
   Se as ChatIconButton,
   Ae as ChatLayout,
   De as ChatMessageAvatar,
@@ -180,101 +181,102 @@ export {
   Ze as CircularProgress,
   rr as ClickAwayListener,
   tr as Column,
+  fr as ConfirmDialog,
   ar as Container,
-  fr as CountPreview,
-  sr as DEFAULT_TIME_FORMAT,
-  lr as DataPickerDays,
-  cr as DataPickerHeader,
-  Tr as DataPickerInput,
-  gr as DatePicker,
-  Sr as DatePickerActionLabel,
-  Ar as DatePickerDay,
-  Dr as DatePickerIconButton,
-  br as DatePickerList,
-  kr as DateTimePicker,
-  Br as DateTimePickerInput,
-  yr as Divider,
-  _r as DropdownMenu,
-  Hr as ExpansionPanel,
-  Ur as FileDrop,
-  Rr as FileInput,
-  Nr as FloatingButton,
+  sr as CountPreview,
+  lr as DEFAULT_TIME_FORMAT,
+  cr as DataPickerDays,
+  Tr as DataPickerHeader,
+  dr as DataPickerInput,
+  Sr as DatePicker,
+  Ar as DatePickerActionLabel,
+  Dr as DatePickerDay,
+  br as DatePickerIconButton,
+  kr as DatePickerList,
+  Br as DateTimePicker,
+  yr as DateTimePickerInput,
+  _r as Divider,
+  Hr as DropdownMenu,
+  Ur as ExpansionPanel,
+  Rr as FileDrop,
+  Nr as FileInput,
+  Wr as FloatingButton,
   mr as Grid,
-  Wr as Icon,
-  Yr as ImagesList,
-  Qr as ImagesListItem,
-  qr as ImagesListItemModal,
-  Zr as LazyImage,
-  eo as List,
-  oo as ListItem,
-  ao as Menu,
-  po as MenuContext,
-  io as MenuDivider,
-  no as MenuFloating,
-  co as MenuItem,
-  To as MenuItemIcon,
-  ho as MenuItemText,
-  Mo as MenuList,
-  Io as MenuSubmenu,
-  Po as Message,
-  bo as MessageContainer,
-  ko as Modal,
-  Bo as OpenView,
-  yo as OverflowMenu,
-  _o as Page,
-  Ho as PageHeader,
-  Uo as Pagination,
-  Ro as Preview,
-  No as PreviewWrapper,
+  Yr as Icon,
+  Qr as ImagesList,
+  qr as ImagesListItem,
+  Zr as ImagesListItemModal,
+  eo as LazyImage,
+  oo as List,
+  ao as ListItem,
+  po as Menu,
+  fo as MenuContext,
+  no as MenuDivider,
+  uo as MenuFloating,
+  To as MenuItem,
+  ho as MenuItemIcon,
+  Mo as MenuItemText,
+  Io as MenuList,
+  Po as MenuSubmenu,
+  Lo as Message,
+  ko as MessageContainer,
+  Bo as Modal,
+  yo as OpenView,
+  _o as OverflowMenu,
+  Ho as Page,
+  Uo as PageHeader,
+  Ro as Pagination,
+  No as Preview,
+  Wo as PreviewWrapper,
   $e as ProgressIndicator,
-  Wo as RadioButton,
-  Yo as Rating,
-  Qo as Ripple,
+  Yo as RadioButton,
+  Qo as Rating,
+  qo as Ripple,
   pr as Row,
-  qo as SaveAssetDialog,
-  Zo as ScreenDivider,
-  et as SelectField,
-  ot as Sheet,
-  at as Sidebar,
-  pt as Skeleton,
-  ft as Slider,
-  st as Snackbar,
-  nt as SnackbarProvider,
-  ct as Stack,
-  Tt as Stepper,
-  gt as Tab,
-  St as Table,
-  At as TableBody,
-  Dt as TableCell,
-  bt as TableHead,
-  kt as TableHeadCell,
-  Bt as TablePagination,
-  yt as TableRow,
-  _t as Tabs,
-  Ht as TabsContext,
-  Gt as TextField,
-  Vt as TextFieldAdornment,
-  zt as TextFieldWrapper,
+  Zo as SaveAssetDialog,
+  et as ScreenDivider,
+  ot as SelectField,
+  at as Sheet,
+  pt as Sidebar,
+  ft as Skeleton,
+  st as Slider,
+  lt as Snackbar,
+  ut as SnackbarProvider,
+  Tt as Stack,
+  dt as Stepper,
+  St as Tab,
+  At as Table,
+  Dt as TableBody,
+  bt as TableCell,
+  kt as TableHead,
+  Bt as TableHeadCell,
+  yt as TablePagination,
+  _t as TableRow,
+  Ht as Tabs,
+  Ut as TabsContext,
+  Vt as TextField,
+  zt as TextFieldAdornment,
+  Xt as TextFieldWrapper,
   f as Theme,
-  Xt as ThumbCard,
-  Jt as TimePicker,
-  jt as TimePickerColumns,
-  Kt as TimePickerInput,
-  $t as Toggle,
-  ra as Tooltip,
-  ta as TreeView,
-  ma as Typography,
-  xa as ValueSlider,
+  Jt as ThumbCard,
+  jt as TimePicker,
+  Kt as TimePickerColumns,
+  $t as TimePickerInput,
+  ra as Toggle,
+  ta as Tooltip,
+  ma as TreeView,
+  xa as Typography,
+  ia as ValueSlider,
   L as buildFloatingMiddleware,
-  lo as buildMenuFloatingMiddleware,
-  ia as createChatFileUpload,
-  la as createChatInfiniteScroll,
-  ca as createChatStickToBottom,
+  co as buildMenuFloatingMiddleware,
+  na as createChatFileUpload,
+  ca as createChatInfiniteScroll,
+  Ta as createChatStickToBottom,
   p as createControllableState,
   C as createCssTransition,
-  ga as createDateInput,
-  Sa as createDateTimeInput,
-  d as createDropzone,
+  Sa as createDateInput,
+  Aa as createDateTimeInput,
+  g as createDropzone,
   n as createFloating,
   u as createFocusTrap,
   a as createId,
@@ -282,31 +284,31 @@ export {
   I as createMediaQuery,
   P as createPersistedJson,
   i as createTheme,
-  Da as createTimeInput,
+  ba as createTimeInput,
   h as createVirtualList,
-  ba as formatChatTimestamp,
-  Ha as formatDateTimeByPattern,
-  La as getChatLayoutActions,
-  Ma as getCurrentDateTimeFormat,
-  Aa as getDisplayDateTime,
-  ka as isChatMessageDeliveryStatus,
-  Oa as isDateTimePatternMatch,
-  Fa as isImageAttachment,
-  Ra as isImageFile,
-  Ca as isScrolledToBottom,
+  ka as formatChatTimestamp,
+  Ua as formatDateTimeByPattern,
+  Fa as getChatLayoutActions,
+  Ia as getCurrentDateTimeFormat,
+  Da as getDisplayDateTime,
+  Ba as isChatMessageDeliveryStatus,
+  Ga as isDateTimePatternMatch,
+  va as isImageAttachment,
+  Na as isImageFile,
+  ga as isScrolledToBottom,
   o as mergeRefs,
-  Ua as parseDateTimeByPattern,
+  Ra as parseDateTimeByPattern,
   k as placements,
-  Ba as resolveAllowedLayouts,
-  sa as resolveChatFileUploadMaxFiles,
-  va as resolveChatMessageStatusIcon,
-  ya as resolveChatMessageStatusLabel,
+  ya as resolveAllowedLayouts,
+  la as resolveChatFileUploadMaxFiles,
+  Ea as resolveChatMessageStatusIcon,
+  _a as resolveChatMessageStatusLabel,
   F as resolvePlacement,
-  Ta as scrollChatToBottom,
-  Ea as shouldComposerNewlineOnEnter,
-  _a as shouldShowChatCloseButton,
-  xo as useMenuContext,
-  lt as useSnackbar,
-  Ot as useTabsContext
+  da as scrollChatToBottom,
+  wa as shouldComposerNewlineOnEnter,
+  Ha as shouldShowChatCloseButton,
+  io as useMenuContext,
+  ct as useSnackbar,
+  Gt as useTabsContext
 };
 //# 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/dist/primitives/overlayLayer.d.ts

@@ -0,0 +1,13 @@
+/** Attribute marking the root of a portaled overlay layer (modal, sheet wrapper, dropdown, …). */
+export declare const OVERLAY_LAYER_ATTR = "data-smwb-overlay-layer";
+/**
+ * True when `event` happened inside an overlay layer that does NOT contain
+ * `node` — i.e. `node` sits underneath that layer, so the interaction is not
+ * a "click away" from `node`.
+ */
+export declare const isEventInForeignOverlay: (event: Event, node: Element) => boolean;
+/**
+ * True when `el` belongs to the topmost open overlay layer (or no layers are
+ * open). Used to make Escape close only the top layer instead of every layer.
+ */
+export declare const isTopOverlayLayer: (el: Element | undefined) => boolean;

package/dist/primitives/overlayLayer.js

@@ -0,0 +1,11 @@
+const e = "data-smwb-overlay-layer", r = () => typeof document > "u" ? [] : Array.from(document.querySelectorAll(`[${e}]`)), a = (n, o) => typeof n.composedPath != "function" ? !1 : n.composedPath().some((t) => t instanceof Element && t.hasAttribute(e) && !t.contains(o)), s = (n) => {
+  if (!n) return !0;
+  const o = r(), t = o[o.length - 1];
+  return !t || t === n || t.contains(n) || n.contains(t);
+};
+export {
+  e as OVERLAY_LAYER_ATTR,
+  a as isEventInForeignOverlay,
+  s as isTopOverlayLayer
+};
+//# sourceMappingURL=overlayLayer.js.map

package/dist/primitives/overlayLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayLayer.js","sources":["../../src/primitives/overlayLayer.ts"],"sourcesContent":["/** Attribute marking the root of a portaled overlay layer (modal, sheet wrapper, dropdown, …). */\nexport const OVERLAY_LAYER_ATTR = \"data-smwb-overlay-layer\";\n\n/** All open overlay layers in document order (last = topmost). */\nconst overlayLayers = (): Element[] =>\n  typeof document === \"undefined\" ? [] : Array.from(document.querySelectorAll(`[${OVERLAY_LAYER_ATTR}]`));\n\n/**\n * True when `event` happened inside an overlay layer that does NOT contain\n * `node` — i.e. `node` sits underneath that layer, so the interaction is not\n * a \"click away\" from `node`.\n */\nexport const isEventInForeignOverlay = (event: Event, node: Element): boolean => {\n  if (typeof event.composedPath !== \"function\") return false;\n  return event\n    .composedPath()\n    .some((el) => el instanceof Element && el.hasAttribute(OVERLAY_LAYER_ATTR) && !el.contains(node));\n};\n\n/**\n * True when `el` belongs to the topmost open overlay layer (or no layers are\n * open). Used to make Escape close only the top layer instead of every layer.\n */\nexport const isTopOverlayLayer = (el: Element | undefined): boolean => {\n  if (!el) return true;\n  const all = overlayLayers();\n  const top = all[all.length - 1];\n  return !top || top === el || top.contains(el) || el.contains(top);\n};\n"],"names":["OVERLAY_LAYER_ATTR","overlayLayers","isEventInForeignOverlay","event","node","el","isTopOverlayLayer","all","top"],"mappings":"AACO,MAAMA,IAAqB,2BAG5BC,IAAgB,MACpB,OAAO,WAAa,MAAc,CAAA,IAAK,MAAM,KAAK,SAAS,iBAAiB,IAAID,CAAkB,GAAG,CAAC,GAO3FE,IAA0B,CAACC,GAAcC,MAChD,OAAOD,EAAM,gBAAiB,aAAmB,KAC9CA,EACJ,aAAA,EACA,KAAK,CAACE,MAAOA,aAAc,WAAWA,EAAG,aAAaL,CAAkB,KAAK,CAACK,EAAG,SAASD,CAAI,CAAC,GAOvFE,IAAoB,CAACD,MAAqC;AACrE,MAAI,CAACA,EAAI,QAAO;AAChB,QAAME,IAAMN,EAAA,GACNO,IAAMD,EAAIA,EAAI,SAAS,CAAC;AAC9B,SAAO,CAACC,KAAOA,MAAQH,KAAMG,EAAI,SAASH,CAAE,KAAKA,EAAG,SAASG,CAAG;AAClE;"}

package/dist/source/components/clickAwayListener/clickAwayListener.jsx

@@ -1,4 +1,5 @@
 import { children as resolveChildren, createEffect, mergeProps, onCleanup, onMount } from "solid-js";
+import { isEventInForeignOverlay } from "../../primitives/overlayLayer";
 function mapEventPropToEvent(eventProp) {
   return eventProp.substring(2).toLowerCase();
 }
@@ -41,6 +42,7 @@ function ClickAwayListener(props) {
       insideDOM = !document.documentElement.contains(target) || node.contains(target);
     }
     if (!insideDOM) {
+      if (isEventInForeignOverlay(event, node)) return;
       merged.onClickAway(event);
     }
   };

package/dist/source/components/clickAwayListener/clickAwayListener.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/clickAwayListener/clickAwayListener.tsx"],"sourcesContent":["import { type JSX, children as resolveChildren, createEffect, mergeProps, onCleanup, onMount } from \"solid-js\";\n\ntype ClickAwayMouseEventHandler = \"onClick\" | \"onMouseDown\" | \"onMouseUp\" | \"onPointerDown\" | \"onPointerUp\";\ntype ClickAwayTouchEventHandler = \"onTouchStart\" | \"onTouchEnd\";\n\ntype MappedEvent = \"click\" | \"mousedown\" | \"mouseup\" | \"touchstart\" | \"touchend\" | \"pointerdown\" | \"pointerup\";\n\nfunction mapEventPropToEvent(eventProp: ClickAwayMouseEventHandler | ClickAwayTouchEventHandler): MappedEvent {\n  return eventProp.substring(2).toLowerCase() as MappedEvent;\n}\n\nfunction clickedRootScrollbar(event: MouseEvent, doc: Document): boolean {\n  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;\n}\n\nexport interface ClickAwayListenerProps {\n  children: JSX.Element;\n  mouseEvent?: ClickAwayMouseEventHandler | false;\n  onClickAway: (event: MouseEvent | TouchEvent) => void;\n  touchEvent?: ClickAwayTouchEventHandler | false;\n  /** When false, the listener is inert without unmounting the child. */\n  enabled?: boolean;\n}\n\n/**\n * Solid redesign of MUI's ClickAwayListener. React's version cloned the child\n * to inject a ref + synthetic handlers; Solid resolves the child to its DOM\n * node and uses `composedPath`/`contains` containment checks against document\n * listeners — no element cloning.\n */\nexport function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element {\n  const merged = mergeProps(\n    { mouseEvent: \"onMouseUp\" as ClickAwayMouseEventHandler, touchEvent: \"onTouchEnd\" as ClickAwayTouchEventHandler, enabled: true },\n    props\n  );\n  const resolved = resolveChildren(() => merged.children);\n\n  const getNode = (): Element | undefined => {\n    const c = resolved();\n    const el = Array.isArray(c) ? c.find((x) => x instanceof Element) : c;\n    return el instanceof Element ? el : undefined;\n  };\n\n  let activated = false;\n  let moved = false;\n\n  onMount(() => {\n    // Defer activation a tick so the opening interaction doesn't immediately\n    // trigger a click-away (see facebook/react#20074).\n    const timer = setTimeout(() => {\n      activated = true;\n    }, 0);\n    onCleanup(() => clearTimeout(timer));\n  });\n\n  const handleClickAway = (event: MouseEvent | TouchEvent): void => {\n    const node = getNode();\n    if (!merged.enabled || !activated || !node || (\"clientX\" in event && clickedRootScrollbar(event, document))) {\n      return;\n    }\n    if (moved) {\n      moved = false;\n      return;\n    }\n    let insideDOM: boolean;\n    if (event.composedPath) {\n      insideDOM = event.composedPath().indexOf(node) > -1;\n    } else {\n      const target = event.target as HTMLElement;\n      insideDOM = !document.documentElement.contains(target) || node.contains(target);\n    }\n    if (!insideDOM) {\n      merged.onClickAway(event);\n    }\n  };\n\n  createEffect(() => {\n    const handleTouchMove = (): void => {\n      moved = true;\n    };\n    if (merged.touchEvent !== false) {\n      const mapped = mapEventPropToEvent(merged.touchEvent);\n      document.addEventListener(mapped, handleClickAway as EventListener);\n      document.addEventListener(\"touchmove\", handleTouchMove);\n      onCleanup(() => {\n        document.removeEventListener(mapped, handleClickAway as EventListener);\n        document.removeEventListener(\"touchmove\", handleTouchMove);\n      });\n    }\n    if (merged.mouseEvent !== false) {\n      const mapped = mapEventPropToEvent(merged.mouseEvent);\n      document.addEventListener(mapped, handleClickAway as EventListener);\n      onCleanup(() => document.removeEventListener(mapped, handleClickAway as EventListener));\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n\nexport default ClickAwayListener;\n"],"mappings":"AAAA,SAAmB,YAAY,iBAAiB,cAAc,YAAY,WAAW,eAAe;AAOpG,SAAS,oBAAoB,WAAiF;AAC5G,SAAO,UAAU,UAAU,CAAC,EAAE,YAAY;AAC5C;AAEA,SAAS,qBAAqB,OAAmB,KAAwB;AACvE,SAAO,IAAI,gBAAgB,cAAc,MAAM,WAAW,IAAI,gBAAgB,eAAe,MAAM;AACrG;AAiBO,SAAS,kBAAkB,OAA4C;AAC5E,QAAM,SAAS;AAAA,IACb,EAAE,YAAY,aAA2C,YAAY,cAA4C,SAAS,KAAK;AAAA,IAC/H;AAAA,EACF;AACA,QAAM,WAAW,gBAAgB,MAAM,OAAO,QAAQ;AAEtD,QAAM,UAAU,MAA2B;AACzC,UAAM,IAAI,SAAS;AACnB,UAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,aAAa,OAAO,IAAI;AACpE,WAAO,cAAc,UAAU,KAAK;AAAA,EACtC;AAEA,MAAI,YAAY;AAChB,MAAI,QAAQ;AAEZ,UAAQ,MAAM;AAGZ,UAAM,QAAQ,WAAW,MAAM;AAC7B,kBAAY;AAAA,IACd,GAAG,CAAC;AACJ,cAAU,MAAM,aAAa,KAAK,CAAC;AAAA,EACrC,CAAC;AAED,QAAM,kBAAkB,CAAC,UAAyC;AAChE,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,OAAO,WAAW,CAAC,aAAa,CAAC,QAAS,aAAa,SAAS,qBAAqB,OAAO,QAAQ,GAAI;AAC3G;AAAA,IACF;AACA,QAAI,OAAO;AACT,cAAQ;AACR;AAAA,IACF;AACA,QAAI;AACJ,QAAI,MAAM,cAAc;AACtB,kBAAY,MAAM,aAAa,EAAE,QAAQ,IAAI,IAAI;AAAA,IACnD,OAAO;AACL,YAAM,SAAS,MAAM;AACrB,kBAAY,CAAC,SAAS,gBAAgB,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM;AAAA,IAChF;AACA,QAAI,CAAC,WAAW;AACd,aAAO,YAAY,KAAK;AAAA,IAC1B;AAAA,EACF;AAEA,eAAa,MAAM;AACjB,UAAM,kBAAkB,MAAY;AAClC,cAAQ;AAAA,IACV;AACA,QAAI,OAAO,eAAe,OAAO;AAC/B,YAAM,SAAS,oBAAoB,OAAO,UAAU;AACpD,eAAS,iBAAiB,QAAQ,eAAgC;AAClE,eAAS,iBAAiB,aAAa,eAAe;AACtD,gBAAU,MAAM;AACd,iBAAS,oBAAoB,QAAQ,eAAgC;AACrE,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC3D,CAAC;AAAA,IACH;AACA,QAAI,OAAO,eAAe,OAAO;AAC/B,YAAM,SAAS,oBAAoB,OAAO,UAAU;AACpD,eAAS,iBAAiB,QAAQ,eAAgC;AAClE,gBAAU,MAAM,SAAS,oBAAoB,QAAQ,eAAgC,CAAC;AAAA,IACxF;AAAA,EACF,CAAC;AAED,SAAO,GAAG,SAAS,EAAE;AACvB;AAEA,IAAO,4BAAQ;","names":[],"file":"clickAwayListener.jsx"}
+{"version":3,"sources":["../../../../src/components/clickAwayListener/clickAwayListener.tsx"],"sourcesContent":["import { type JSX, children as resolveChildren, createEffect, mergeProps, onCleanup, onMount } from \"solid-js\";\nimport { isEventInForeignOverlay } from \"../../primitives/overlayLayer\";\n\ntype ClickAwayMouseEventHandler = \"onClick\" | \"onMouseDown\" | \"onMouseUp\" | \"onPointerDown\" | \"onPointerUp\";\ntype ClickAwayTouchEventHandler = \"onTouchStart\" | \"onTouchEnd\";\n\ntype MappedEvent = \"click\" | \"mousedown\" | \"mouseup\" | \"touchstart\" | \"touchend\" | \"pointerdown\" | \"pointerup\";\n\nfunction mapEventPropToEvent(eventProp: ClickAwayMouseEventHandler | ClickAwayTouchEventHandler): MappedEvent {\n  return eventProp.substring(2).toLowerCase() as MappedEvent;\n}\n\nfunction clickedRootScrollbar(event: MouseEvent, doc: Document): boolean {\n  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;\n}\n\nexport interface ClickAwayListenerProps {\n  children: JSX.Element;\n  mouseEvent?: ClickAwayMouseEventHandler | false;\n  onClickAway: (event: MouseEvent | TouchEvent) => void;\n  touchEvent?: ClickAwayTouchEventHandler | false;\n  /** When false, the listener is inert without unmounting the child. */\n  enabled?: boolean;\n}\n\n/**\n * Solid redesign of MUI's ClickAwayListener. React's version cloned the child\n * to inject a ref + synthetic handlers; Solid resolves the child to its DOM\n * node and uses `composedPath`/`contains` containment checks against document\n * listeners — no element cloning.\n */\nexport function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element {\n  const merged = mergeProps(\n    { mouseEvent: \"onMouseUp\" as ClickAwayMouseEventHandler, touchEvent: \"onTouchEnd\" as ClickAwayTouchEventHandler, enabled: true },\n    props\n  );\n  const resolved = resolveChildren(() => merged.children);\n\n  const getNode = (): Element | undefined => {\n    const c = resolved();\n    const el = Array.isArray(c) ? c.find((x) => x instanceof Element) : c;\n    return el instanceof Element ? el : undefined;\n  };\n\n  let activated = false;\n  let moved = false;\n\n  onMount(() => {\n    // Defer activation a tick so the opening interaction doesn't immediately\n    // trigger a click-away (see facebook/react#20074).\n    const timer = setTimeout(() => {\n      activated = true;\n    }, 0);\n    onCleanup(() => clearTimeout(timer));\n  });\n\n  const handleClickAway = (event: MouseEvent | TouchEvent): void => {\n    const node = getNode();\n    if (!merged.enabled || !activated || !node || (\"clientX\" in event && clickedRootScrollbar(event, document))) {\n      return;\n    }\n    if (moved) {\n      moved = false;\n      return;\n    }\n    let insideDOM: boolean;\n    if (event.composedPath) {\n      insideDOM = event.composedPath().indexOf(node) > -1;\n    } else {\n      const target = event.target as HTMLElement;\n      insideDOM = !document.documentElement.contains(target) || node.contains(target);\n    }\n    if (!insideDOM) {\n      // Interactions inside a portaled overlay layer above the child (modal,\n      // dropdown, picker…) are not \"away\" from the child.\n      if (isEventInForeignOverlay(event, node)) return;\n      merged.onClickAway(event);\n    }\n  };\n\n  createEffect(() => {\n    const handleTouchMove = (): void => {\n      moved = true;\n    };\n    if (merged.touchEvent !== false) {\n      const mapped = mapEventPropToEvent(merged.touchEvent);\n      document.addEventListener(mapped, handleClickAway as EventListener);\n      document.addEventListener(\"touchmove\", handleTouchMove);\n      onCleanup(() => {\n        document.removeEventListener(mapped, handleClickAway as EventListener);\n        document.removeEventListener(\"touchmove\", handleTouchMove);\n      });\n    }\n    if (merged.mouseEvent !== false) {\n      const mapped = mapEventPropToEvent(merged.mouseEvent);\n      document.addEventListener(mapped, handleClickAway as EventListener);\n      onCleanup(() => document.removeEventListener(mapped, handleClickAway as EventListener));\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n\nexport default ClickAwayListener;\n"],"mappings":"AAAA,SAAmB,YAAY,iBAAiB,cAAc,YAAY,WAAW,eAAe;AACpG,SAAS,+BAA+B;AAOxC,SAAS,oBAAoB,WAAiF;AAC5G,SAAO,UAAU,UAAU,CAAC,EAAE,YAAY;AAC5C;AAEA,SAAS,qBAAqB,OAAmB,KAAwB;AACvE,SAAO,IAAI,gBAAgB,cAAc,MAAM,WAAW,IAAI,gBAAgB,eAAe,MAAM;AACrG;AAiBO,SAAS,kBAAkB,OAA4C;AAC5E,QAAM,SAAS;AAAA,IACb,EAAE,YAAY,aAA2C,YAAY,cAA4C,SAAS,KAAK;AAAA,IAC/H;AAAA,EACF;AACA,QAAM,WAAW,gBAAgB,MAAM,OAAO,QAAQ;AAEtD,QAAM,UAAU,MAA2B;AACzC,UAAM,IAAI,SAAS;AACnB,UAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,aAAa,OAAO,IAAI;AACpE,WAAO,cAAc,UAAU,KAAK;AAAA,EACtC;AAEA,MAAI,YAAY;AAChB,MAAI,QAAQ;AAEZ,UAAQ,MAAM;AAGZ,UAAM,QAAQ,WAAW,MAAM;AAC7B,kBAAY;AAAA,IACd,GAAG,CAAC;AACJ,cAAU,MAAM,aAAa,KAAK,CAAC;AAAA,EACrC,CAAC;AAED,QAAM,kBAAkB,CAAC,UAAyC;AAChE,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,OAAO,WAAW,CAAC,aAAa,CAAC,QAAS,aAAa,SAAS,qBAAqB,OAAO,QAAQ,GAAI;AAC3G;AAAA,IACF;AACA,QAAI,OAAO;AACT,cAAQ;AACR;AAAA,IACF;AACA,QAAI;AACJ,QAAI,MAAM,cAAc;AACtB,kBAAY,MAAM,aAAa,EAAE,QAAQ,IAAI,IAAI;AAAA,IACnD,OAAO;AACL,YAAM,SAAS,MAAM;AACrB,kBAAY,CAAC,SAAS,gBAAgB,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM;AAAA,IAChF;AACA,QAAI,CAAC,WAAW;AAGd,UAAI,wBAAwB,OAAO,IAAI,EAAG;AAC1C,aAAO,YAAY,KAAK;AAAA,IAC1B;AAAA,EACF;AAEA,eAAa,MAAM;AACjB,UAAM,kBAAkB,MAAY;AAClC,cAAQ;AAAA,IACV;AACA,QAAI,OAAO,eAAe,OAAO;AAC/B,YAAM,SAAS,oBAAoB,OAAO,UAAU;AACpD,eAAS,iBAAiB,QAAQ,eAAgC;AAClE,eAAS,iBAAiB,aAAa,eAAe;AACtD,gBAAU,MAAM;AACd,iBAAS,oBAAoB,QAAQ,eAAgC;AACrE,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC3D,CAAC;AAAA,IACH;AACA,QAAI,OAAO,eAAe,OAAO;AAC/B,YAAM,SAAS,oBAAoB,OAAO,UAAU;AACpD,eAAS,iBAAiB,QAAQ,eAAgC;AAClE,gBAAU,MAAM,SAAS,oBAAoB,QAAQ,eAAgC,CAAC;AAAA,IACxF;AAAA,EACF,CAAC;AAED,SAAO,GAAG,SAAS,EAAE;AACvB;AAEA,IAAO,4BAAQ;","names":[],"file":"clickAwayListener.jsx"}

package/dist/source/components/dataDisplay/treeView/treeView.jsx

@@ -109,10 +109,15 @@ function TreeView(props) {
     defaultValue: local.defaultExpanded,
     onChange: (next) => local.onExpandedChange?.(next)
   });
+  let lastToggled;
   const [selectedIds, setSelectedIds] = createControllableState({
     value: () => local.selected,
     defaultValue: local.defaultSelected,
-    onChange: (next) => local.onSelectedChange?.(next)
+    onChange: (next) => {
+      const changed = lastToggled;
+      lastToggled = void 0;
+      local.onSelectedChange?.(next, changed);
+    }
   });
   const toggleExpanded = (id) => setExpandedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
   const setOpen = (id, open) => setExpandedIds((prev) => {
@@ -121,7 +126,10 @@ function TreeView(props) {
     if (!open && has) return prev.filter((x) => x !== id);
     return prev;
   });
-  const toggleSelected = (id) => setSelectedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  const toggleSelected = (id) => {
+    lastToggled = { id, selected: !selectedIds().includes(id) };
+    setSelectedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  };
   const ensureLoaded = (item, nodeId) => {
     if (!local.loadChildren || loadedChildren()[nodeId] || item.children && item.children.length > 0) return;
     setLoadingIds((prev) => prev.includes(nodeId) ? prev : [...prev, nodeId]);