@smwb/ui-solid 0.4.0 → 0.5.0

package/dist/source/components/navigation/tabs/tabs.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/navigation/tabs/tabs.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/tabs/tabs.entry.less\";\nimport { type JSX, type ParentProps, Show, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { debounce } from \"../../../utils/debounce\";\nimport { animate } from \"../../../utils/animate\";\nimport { TabsContext, type TabsContextValue } from \"./tabsContext\";\nimport { Tab } from \"./tab/tab\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TabsProps {\n  value: number;\n  onChange: (event: MouseEvent & { currentTarget: HTMLElement; target: Element }, index: number) => void;\n  indicatorContent?: boolean;\n  scrollable?: boolean;\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface IndicatorStyle {\n  root: { left?: number; width?: number };\n  content?: { width: number };\n}\n\nconst VIEW_NEXT_TAB_PX = 40;\n\nexport function Tabs(props: ParentProps<TabsProps>): JSX.Element {\n  const merged = mergeProps({ indicatorContent: false, scrollable: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"value\",\n    \"indicatorContent\",\n    \"scrollable\",\n    \"aria-label\",\n    \"ref\",\n  ]);\n\n  const [mounted, setMounted] = createSignal(false);\n  const [indicatorStyle, setIndicatorStyle] = createSignal<IndicatorStyle>({ root: {} });\n\n  let tabsEl: HTMLDivElement | undefined;\n  let tabListEl: HTMLDivElement | undefined;\n  let tabCounter = 0;\n  const contentRefs: HTMLSpanElement[] = [];\n\n  const getTabsMeta = () => {\n    let tabsMeta: { clientWidth: number; scrollLeft: number; left: number; right: number } | undefined;\n    if (tabsEl) {\n      const rect = tabsEl.getBoundingClientRect();\n      tabsMeta = { clientWidth: tabsEl.clientWidth, scrollLeft: tabsEl.scrollLeft, left: rect.left, right: rect.right };\n    }\n    let tabMeta: DOMRect | null = null;\n    let tabContentMeta: DOMRect | null = null;\n    if (tabsEl && tabListEl && tabListEl.children.length > 0) {\n      const tab = tabListEl.children[local.value];\n      tabMeta = tab ? tab.getBoundingClientRect() : null;\n      if (local.indicatorContent) {\n        tabContentMeta = contentRefs[local.value]?.getBoundingClientRect() ?? null;\n      }\n    }\n    return { tabsMeta, tabMeta, tabContentMeta };\n  };\n\n  const updateIndicatorState = (): void => {\n    const { tabsMeta, tabMeta, tabContentMeta } = getTabsMeta();\n    let startValue = 0;\n    if (tabMeta && tabsMeta) {\n      startValue = tabMeta.left - tabsMeta.left + tabsMeta.scrollLeft;\n    }\n    const next: IndicatorStyle = { root: { left: startValue, width: tabMeta ? tabMeta.width : 0 } };\n    if (local.indicatorContent && tabContentMeta) {\n      next.content = { width: tabContentMeta.width };\n    }\n    const prev = indicatorStyle();\n    if (prev.root.left === undefined || prev.root.width === undefined) {\n      setIndicatorStyle(next);\n      return;\n    }\n    const dStart = Math.abs((prev.root.left ?? 0) - (next.root.left ?? 0));\n    const dSize = Math.abs((prev.root.width ?? 0) - (next.root.width ?? 0));\n    if (dStart >= 1 || dSize >= 1) {\n      setIndicatorStyle(next);\n    }\n  };\n\n  const scroll = (scrollValue: number): void => {\n    if (!tabsEl) return;\n    animate(tabsEl, \"scrollLeft\", scrollValue, { duration: 300 });\n  };\n\n  const scrollSelectedIntoView = (): void => {\n    const { tabsMeta, tabMeta } = getTabsMeta();\n    if (!tabMeta || !tabsMeta) return;\n    if (tabMeta.left < tabsMeta.left) {\n      scroll(tabsMeta.scrollLeft + (tabMeta.left - tabsMeta.left) - VIEW_NEXT_TAB_PX);\n    } else if (tabMeta.right > tabsMeta.right) {\n      scroll(tabsMeta.scrollLeft + (tabMeta.right - tabsMeta.right) + VIEW_NEXT_TAB_PX);\n    }\n  };\n\n  onMount(() => setMounted(true));\n\n  // Re-measure when the active value changes (and on mount).\n  createEffect(on(() => local.value, () => updateIndicatorState()));\n\n  // Keep the indicator in sync with resize.\n  onMount(() => {\n    const onResize = debounce(() => updateIndicatorState(), 166);\n    const view = tabsEl?.ownerDocument.defaultView;\n    view?.addEventListener(\"resize\", onResize);\n    let resizeObserver: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== \"undefined\" && tabListEl) {\n      resizeObserver = new ResizeObserver(onResize);\n      Array.from(tabListEl.children).forEach((child) => resizeObserver?.observe(child));\n    }\n    onCleanup(() => {\n      onResize.cancel();\n      view?.removeEventListener(\"resize\", onResize);\n      resizeObserver?.disconnect();\n    });\n  });\n\n  // Scroll the selected tab into view when the indicator moves.\n  createEffect(() => {\n    indicatorStyle();\n    scrollSelectedIntoView();\n  });\n\n  const contextValue: TabsContextValue = {\n    value: () => local.value,\n    onChange: local.onChange,\n    indicatorContent: local.indicatorContent,\n    registerTab: () => tabCounter++,\n    setContentRef: (index, el) => {\n      contentRefs[index] = el;\n    },\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div {...rest} class={cn(\"smwb-tabs\", local.class)} role=\"tabpanel\" ref={mergeRefs(local.ref)}>\n        <div\n          class={cn(\"smwb-tabs__scroller\", { \"smwb-tabs__scroller--scrollable\": local.scrollable })}\n          ref={(el) => (tabsEl = el)}\n        >\n          <div class=\"smwb-tabs__scroll-area\" ref={(el) => (tabListEl = el)} role=\"tablist\" aria-label={local[\"aria-label\"]}>\n            {local.children}\n          </div>\n          <Show when={mounted()}>\n            <span\n              class=\"smwb-tabs__indicator\"\n              style={{\n                left: `${indicatorStyle().root.left ?? 0}px`,\n                width: `${indicatorStyle().root.width ?? 0}px`,\n              }}\n            >\n              <span\n                class=\"smwb-tabs__indicator-content\"\n                style={indicatorStyle().content ? { width: `${indicatorStyle().content?.width ?? 0}px` } : {}}\n              />\n            </span>\n          </Show>\n        </div>\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport { Tab };\nexport type { TabProps } from \"./tab/tab\";\nexport default Tabs;\n"],"mappings":"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","names":[],"file":"tabs.jsx"}
+{"version":3,"sources":["../../../../../src/components/navigation/tabs/tabs.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/tabs/tabs.entry.less\";\nimport { type JSX, type ParentProps, Show, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { debounce } from \"../../../utils/debounce\";\nimport { animate } from \"../../../utils/animate\";\nimport { TabsContext, type TabsContextValue } from \"./tabsContext\";\nimport { Tab } from \"./tab/tab\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TabsProps {\n  value: number;\n  onChange: (event: MouseEvent & { currentTarget: HTMLElement; target: Element }, index: number) => void;\n  indicatorContent?: boolean;\n  scrollable?: boolean;\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface IndicatorStyle {\n  root: { left?: number; width?: number };\n  content?: { width: number };\n}\n\nconst VIEW_NEXT_TAB_PX = 40;\n\nexport function Tabs(props: ParentProps<TabsProps>): JSX.Element {\n  const merged = mergeProps({ indicatorContent: false, scrollable: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"value\",\n    \"indicatorContent\",\n    \"scrollable\",\n    \"aria-label\",\n    \"ref\",\n  ]);\n\n  const [mounted, setMounted] = createSignal(false);\n  const [indicatorStyle, setIndicatorStyle] = createSignal<IndicatorStyle>({ root: {} });\n\n  let tabsEl: HTMLDivElement | undefined;\n  let tabListEl: HTMLDivElement | undefined;\n  let tabCounter = 0;\n  const contentRefs: HTMLSpanElement[] = [];\n\n  const getTabsMeta = () => {\n    let tabsMeta: { clientWidth: number; scrollLeft: number; left: number; right: number } | undefined;\n    if (tabsEl) {\n      const rect = tabsEl.getBoundingClientRect();\n      tabsMeta = { clientWidth: tabsEl.clientWidth, scrollLeft: tabsEl.scrollLeft, left: rect.left, right: rect.right };\n    }\n    let tabMeta: DOMRect | null = null;\n    let tabContentMeta: DOMRect | null = null;\n    if (tabsEl && tabListEl && tabListEl.children.length > 0) {\n      const tab = tabListEl.children[local.value];\n      tabMeta = tab ? tab.getBoundingClientRect() : null;\n      if (local.indicatorContent) {\n        tabContentMeta = contentRefs[local.value]?.getBoundingClientRect() ?? null;\n      }\n    }\n    return { tabsMeta, tabMeta, tabContentMeta };\n  };\n\n  const updateIndicatorState = (): void => {\n    const { tabsMeta, tabMeta, tabContentMeta } = getTabsMeta();\n    let startValue = 0;\n    if (tabMeta && tabsMeta) {\n      startValue = tabMeta.left - tabsMeta.left + tabsMeta.scrollLeft;\n    }\n    const next: IndicatorStyle = { root: { left: startValue, width: tabMeta ? tabMeta.width : 0 } };\n    if (local.indicatorContent && tabContentMeta) {\n      next.content = { width: tabContentMeta.width };\n    }\n    const prev = indicatorStyle();\n    if (prev.root.left === undefined || prev.root.width === undefined) {\n      setIndicatorStyle(next);\n      return;\n    }\n    const dStart = Math.abs((prev.root.left ?? 0) - (next.root.left ?? 0));\n    const dSize = Math.abs((prev.root.width ?? 0) - (next.root.width ?? 0));\n    if (dStart >= 1 || dSize >= 1) {\n      setIndicatorStyle(next);\n    }\n  };\n\n  const scroll = (scrollValue: number): void => {\n    if (!tabsEl) return;\n    animate(tabsEl, \"scrollLeft\", scrollValue, { duration: 300 });\n  };\n\n  const scrollSelectedIntoView = (): void => {\n    const { tabsMeta, tabMeta } = getTabsMeta();\n    if (!tabMeta || !tabsMeta) return;\n    if (tabMeta.left < tabsMeta.left) {\n      scroll(tabsMeta.scrollLeft + (tabMeta.left - tabsMeta.left) - VIEW_NEXT_TAB_PX);\n    } else if (tabMeta.right > tabsMeta.right) {\n      scroll(tabsMeta.scrollLeft + (tabMeta.right - tabsMeta.right) + VIEW_NEXT_TAB_PX);\n    }\n  };\n\n  onMount(() => setMounted(true));\n\n  // Re-measure when the active value changes (and on mount).\n  createEffect(on(() => local.value, () => updateIndicatorState()));\n\n  // Keep the indicator in sync with resize.\n  onMount(() => {\n    const onResize = debounce(() => updateIndicatorState(), 166);\n    const view = tabsEl?.ownerDocument.defaultView;\n    view?.addEventListener(\"resize\", onResize);\n    let resizeObserver: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== \"undefined\" && tabListEl) {\n      resizeObserver = new ResizeObserver(onResize);\n      Array.from(tabListEl.children).forEach((child) => resizeObserver?.observe(child));\n    }\n    onCleanup(() => {\n      onResize.cancel();\n      view?.removeEventListener(\"resize\", onResize);\n      resizeObserver?.disconnect();\n    });\n  });\n\n  // Scroll the selected tab into view when the indicator moves.\n  createEffect(() => {\n    indicatorStyle();\n    scrollSelectedIntoView();\n  });\n\n  const contextValue: TabsContextValue = {\n    value: () => local.value,\n    onChange: local.onChange,\n    indicatorContent: local.indicatorContent,\n    registerTab: () => tabCounter++,\n    setContentRef: (index, el) => {\n      contentRefs[index] = el;\n    },\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div {...rest} class={cn(\"smwb-tabs\", local.class)} role=\"tabpanel\" ref={mergeRefs(local.ref)}>\n        <div\n          class={cn(\"smwb-tabs__scroller\", { \"smwb-tabs__scroller--scrollable\": local.scrollable })}\n          ref={(el) => (tabsEl = el)}\n        >\n          <div class=\"smwb-tabs__scroll-area\" ref={(el) => (tabListEl = el)} role=\"tablist\" aria-label={local[\"aria-label\"]}>\n            {local.children}\n          </div>\n          <Show when={mounted()}>\n            <span\n              class=\"smwb-tabs__indicator\"\n              style={{\n                left: `${indicatorStyle().root.left ?? 0}px`,\n                width: `${indicatorStyle().root.width ?? 0}px`,\n              }}\n            >\n              <span\n                class=\"smwb-tabs__indicator-content\"\n                style={indicatorStyle().content ? { width: `${indicatorStyle().content?.width ?? 0}px` } : {}}\n              />\n            </span>\n          </Show>\n        </div>\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport { Tab };\nexport type { TabProps } from \"./tab/tab\";\nexport default Tabs;\n"],"mappings":"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","names":[],"file":"tabs.jsx"}

package/dist/source/index.js

@@ -16,6 +16,10 @@ import { Typography } from "./components/dataDisplay/typography";
 import { Badge } from "./components/dataDisplay/badge";
 import { Card } from "./components/dataDisplay/card";
 import { Chip } from "./components/dataDisplay/chip";
+import { LazyImage } from "./components/dataDisplay/lazyImage";
+import { ChipGroup } from "./components/dataDisplay/chipGroup";
+import { ThumbCard } from "./components/dataDisplay/thumbCard";
+import { AssetGrid } from "./components/dataDisplay/assetGrid";
 import { Avatar, AvatarGroup } from "./components/dataDisplay/avatar";
 import { List, ListItem } from "./components/dataDisplay/list";
 import { Accordion } from "./components/dataDisplay/accordion";
@@ -77,6 +81,7 @@ import { Message, MessageContainer } from "./components/feedBack/message";
 import { ProgressIndicator, CircularProgress } from "./components/feedBack/progressIndicator";
 import { Tooltip } from "./components/feedBack/tooltip";
 import { Modal } from "./components/feedBack/modal";
+import { SaveAssetDialog } from "./components/feedBack/saveAssetDialog";
 import { SnackbarProvider, Snackbar, useSnackbar } from "./components/feedBack/snackbar";
 import { ClickAwayListener } from "./components/clickAwayListener";
 import { Divider } from "./components/layout/divider";
@@ -107,6 +112,7 @@ import {
   useMenuContext,
   buildMenuFloatingMiddleware
 } from "./components/navigation/menu";
+import { OverflowMenu } from "./components/navigation/overflowMenu";
 import { Button } from "./components/inputs/button";
 import { ButtonGroup } from "./components/inputs/buttonGroups";
 import { Checkbox } from "./components/inputs/checkbox";
@@ -114,6 +120,7 @@ import { RadioButton } from "./components/inputs/radioButton";
 import { Toggle } from "./components/inputs/toggle";
 import { Rating } from "./components/inputs/rating";
 import { Slider } from "./components/inputs/slider";
+import { ValueSlider } from "./components/inputs/valueSlider";
 import { FileInput } from "./components/inputs/fileInput";
 import { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from "./components/inputs/fileDrop";
 import { SelectField, DropdownMenu } from "./components/inputs/selectField";
@@ -147,6 +154,7 @@ export {
   AnimateHeight,
   AppBar,
   AppLayout,
+  AssetGrid,
   Avatar,
   AvatarGroup,
   Badge,
@@ -181,6 +189,7 @@ export {
   ChatShell,
   Checkbox,
   Chip,
+  ChipGroup,
   CircularProgress,
   ClickAwayListener,
   Column,
@@ -208,6 +217,7 @@ export {
   ImagesList,
   ImagesListItem,
   ImagesListItemModal,
+  LazyImage,
   List,
   ListItem,
   Menu,
@@ -223,6 +233,7 @@ export {
   MessageContainer,
   Modal,
   OpenView,
+  OverflowMenu,
   Page,
   PageHeader,
   Pagination,
@@ -233,6 +244,7 @@ export {
   Rating,
   Ripple,
   Row,
+  SaveAssetDialog,
   ScreenDivider,
   SelectField,
   Sheet,
@@ -257,6 +269,7 @@ export {
   TextFieldAdornment,
   TextFieldWrapper,
   Theme,
+  ThumbCard,
   TimePicker,
   TimePickerColumns,
   TimePickerInput,
@@ -264,6 +277,7 @@ export {
   Tooltip,
   TreeView,
   Typography,
+  ValueSlider,
   buildFloatingMiddleware,
   buildMenuFloatingMiddleware,
   createChatFileUpload,

package/dist/source/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["// Public entry point for @smwb/ui-solid.\n// Exports are added as components are ported (see src/components/**).\n\n// primitives\nexport { mergeRefs } from \"./primitives/mergeRefs\";\nexport type { Ref, RefCallback } from \"./primitives/mergeRefs\";\nexport { createId } from \"./primitives/createId\";\nexport { createControllableState } from \"./primitives/createControllableState\";\nexport type { CreateControllableStateParams } from \"./primitives/createControllableState\";\nexport { createTheme, Theme } from \"./primitives/createTheme\";\nexport { createFloating } from \"./primitives/createFloating\";\nexport type { CreateFloatingOptions, FloatingState } from \"./primitives/createFloating\";\nexport { createFocusTrap } from \"./primitives/createFocusTrap\";\nexport type { CreateFocusTrapOptions } from \"./primitives/createFocusTrap\";\nexport { createCssTransition } from \"./primitives/createCssTransition\";\nexport type { CreateCssTransitionOptions, CssTransitionState, CssTransitionClassNames } from \"./primitives/createCssTransition\";\nexport { createDropzone } from \"./primitives/createDropzone\";\nexport type { DropzoneOptions, DropzoneState } from \"./primitives/createDropzone\";\nexport { createVirtualList } from \"./primitives/createVirtualList\";\nexport type { CreateVirtualListParams, VirtualListResult } from \"./primitives/createVirtualList\";\nexport { createMaskedInput } from \"./primitives/createMaskedInput\";\nexport type { CreateMaskedInputOptions, MaskedInputState } from \"./primitives/createMaskedInput\";\n\n// utils\nexport { resolvePlacement, buildFloatingMiddleware, placements } from \"./utils/floating\";\nexport type { Placement, ResolvedPlacement } from \"./utils/floating\";\n\n// base\nexport { Icon } from \"./components/base/icon\";\nexport type { IconProps, IconColor } from \"./components/base/icon\";\nexport { Ripple } from \"./components/base/ripple\";\nexport type { RippleProps, RippleActionsRef, RippleClasses } from \"./components/base/ripple\";\nexport { AnimateHeight } from \"./components/base/animateHeight\";\nexport type { AnimateHeightProps, Height } from \"./components/base/animateHeight\";\n\n// dataDisplay\nexport { Typography } from \"./components/dataDisplay/typography\";\nexport type { TypographyProps, TypographyVariant, TypographyColor } from \"./components/dataDisplay/typography\";\nexport { Badge } from \"./components/dataDisplay/badge\";\nexport type { BadgeProps } from \"./components/dataDisplay/badge\";\nexport { Card } from \"./components/dataDisplay/card\";\nexport type { CardProps } from \"./components/dataDisplay/card\";\nexport { Chip } from \"./components/dataDisplay/chip\";\nexport type { ChipProps, ChipColor } from \"./components/dataDisplay/chip\";\nexport { Avatar, AvatarGroup } from \"./components/dataDisplay/avatar\";\nexport type { AvatarProps, AvatarGroupProps, AvatarSize } from \"./components/dataDisplay/avatar\";\nexport { List, ListItem } from \"./components/dataDisplay/list\";\nexport type { ListProps, ListItemProps } from \"./components/dataDisplay/list\";\nexport { Accordion } from \"./components/dataDisplay/accordion\";\nexport type { AccordionProps } from \"./components/dataDisplay/accordion\";\nexport { ExpansionPanel } from \"./components/dataDisplay/expansionPanel\";\nexport type {\n  ExpansionPanelProps,\n  ExpansionPanelLabels,\n  ExpansionPanelRenderContext,\n  ExpansionPanelControlsContext,\n  ExpansionMode,\n} from \"./components/dataDisplay/expansionPanel\";\nexport {\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  TableHeadCell,\n  TablePagination,\n} from \"./components/dataDisplay/table\";\nexport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TablePaginationProps,\n  SortDirection,\n} from \"./components/dataDisplay/table\";\nexport { TreeView } from \"./components/dataDisplay/treeView\";\nexport type { TreeViewProps, ITreeNodeItem } from \"./components/dataDisplay/treeView\";\nexport { Carousel } from \"./components/dataDisplay/carousel\";\nexport type { CarouselProps } from \"./components/dataDisplay/carousel\";\nexport { ImagesList, ImagesListItem, ImagesListItemModal } from \"./components/dataDisplay/imagesList\";\nexport type {\n  ImagesListProps,\n  ImagesListItemProps,\n  ImagesListItemModalProps,\n  ImageItem,\n} from \"./components/dataDisplay/imagesList\";\nexport {\n  Chat,\n  ChatLayout,\n  ChatOverlayLayout,\n  ChatShell,\n  ChatHeader,\n  ChatMessages,\n  ChatMessageItem,\n  ChatMessageIncoming,\n  ChatMessageOutgoing,\n  ChatMessageSystem,\n  ChatMessageBubble,\n  ChatMessageSkeleton,\n  ChatMessageStatus,\n  ChatMessageAvatar,\n  ChatAttachments,\n  ChatAttachmentImage,\n  ChatIconButton,\n  ChatComposer,\n  createChatInfiniteScroll,\n  createChatFileUpload,\n  resolveChatFileUploadMaxFiles,\n  createChatStickToBottom,\n  isScrolledToBottom,\n  scrollChatToBottom,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  isImageAttachment,\n  formatChatTimestamp,\n  resolveAllowedLayouts,\n  isChatMessageDeliveryStatus,\n  resolveChatMessageStatusIcon,\n  resolveChatMessageStatusLabel,\n  shouldComposerNewlineOnEnter,\n  getChatLayoutActions,\n  shouldShowChatCloseButton,\n} from \"./components/dataDisplay/chat\";\nexport type {\n  ChatProps,\n  ChatLayoutProps,\n  ChatLayoutChatProps,\n  ChatOverlayLayoutProps,\n  ChatOverlayLayoutChatProps,\n  ChatShellProps,\n  ChatHeaderProps,\n  ChatMessagesProps,\n  ChatMessageItemProps,\n  ChatMessageIncomingProps,\n  ChatMessageOutgoingProps,\n  ChatMessageSystemProps,\n  ChatMessageBubbleProps,\n  ChatMessageSkeletonProps,\n  ChatMessageStatusProps,\n  ChatMessageAvatarProps,\n  ChatAttachmentsProps,\n  ChatAttachmentImageProps,\n  ChatIconButtonProps,\n  ChatComposerProps,\n  CreateChatInfiniteScrollParams,\n  CreateChatFileUploadOptions,\n  ChatFileUploadState,\n  CreateChatStickToBottomParams,\n  ChatMessage,\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessageVariant,\n  ChatLayoutMode,\n  ChatAnchor,\n  ChatThemeMode,\n  ChatMessageRenderContext,\n  ChatLayoutSide,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatComposerNewlineOptions,\n} from \"./components/dataDisplay/chat\";\n\n// feedBack\nexport { Skeleton } from \"./components/feedBack/skeleton\";\nexport type { SkeletonProps } from \"./components/feedBack/skeleton\";\nexport { Message, MessageContainer } from \"./components/feedBack/message\";\nexport type { MessageProps, MessageSeverity } from \"./components/feedBack/message\";\nexport { ProgressIndicator, CircularProgress } from \"./components/feedBack/progressIndicator\";\nexport type { ProgressIndicatorProps, ProgressColor, CircularProgressProps } from \"./components/feedBack/progressIndicator\";\nexport { Tooltip } from \"./components/feedBack/tooltip\";\nexport type { TooltipProps, TooltipTrigger } from \"./components/feedBack/tooltip\";\nexport { Modal } from \"./components/feedBack/modal\";\nexport type { ModalProps, ModalSlotProps } from \"./components/feedBack/modal\";\nexport { SnackbarProvider, Snackbar, useSnackbar } from \"./components/feedBack/snackbar\";\nexport type {\n  SnackbarsProviderProps,\n  SnackbarProps,\n  SnackbarOptions,\n  AddSnackbar,\n  AddSnackbarOptions,\n  Variants as SnackbarVariant,\n  Position as SnackbarPosition,\n} from \"./components/feedBack/snackbar\";\n\n// utility\nexport { ClickAwayListener } from \"./components/clickAwayListener\";\nexport type { ClickAwayListenerProps } from \"./components/clickAwayListener\";\n\n// layout\nexport { Divider } from \"./components/layout/divider\";\nexport type { DividerProps, DividerColor } from \"./components/layout/divider\";\nexport { Stack } from \"./components/layout/stack\";\nexport type { StackProps, StackSpacing } from \"./components/layout/stack\";\nexport { Page } from \"./components/layout/page\";\nexport type { PageProps, PageMaxWidth } from \"./components/layout/page\";\nexport { PageHeader } from \"./components/layout/pageHeader\";\nexport type { PageHeaderProps } from \"./components/layout/pageHeader\";\nexport { Grid, Row, Column, Container } from \"./components/layout/grid\";\nexport type {\n  RowProps,\n  ColumnProps,\n  ContainerProps,\n  BreakpointType,\n  ColumnSpan,\n  OffsetType,\n  Breakpoint,\n  ResponsiveBool,\n  ContainerMaxWidth,\n} from \"./components/layout/grid\";\nexport { AppLayout } from \"./components/layout/appLayout\";\nexport type { AppLayoutProps } from \"./components/layout/appLayout\";\nexport { ScreenDivider } from \"./components/layout/screenDivider\";\nexport type { ScreenDividerProps } from \"./components/layout/screenDivider\";\nexport { Sheet } from \"./components/layout/sheet\";\nexport type { SheetProps } from \"./components/layout/sheet\";\n\n// navigation\nexport { AppBar } from \"./components/navigation/appBar\";\nexport type { AppBarProps, AppBarColor } from \"./components/navigation/appBar\";\nexport { Breadcrumbs } from \"./components/navigation/breadcrumbs\";\nexport type { BreadcrumbsProps } from \"./components/navigation/breadcrumbs\";\nexport { Pagination } from \"./components/navigation/pagination\";\nexport type { PaginationProps, PaginationColor } from \"./components/navigation/pagination\";\nexport { Stepper } from \"./components/navigation/stepper\";\nexport type { StepperProps, StepItem } from \"./components/navigation/stepper\";\nexport { Sidebar } from \"./components/navigation/sidebar\";\nexport type { SidebarProps, SidebarMenuItemProps, SidebarVariant } from \"./components/navigation/sidebar\";\nexport { Tabs, Tab, TabsContext, useTabsContext } from \"./components/navigation/tabs\";\nexport type { TabsProps, TabProps, TabsContextValue } from \"./components/navigation/tabs\";\nexport { BottomBar } from \"./components/navigation/bottomBar\";\nexport type { BottomBarProps, BottomBarMenuItemProps } from \"./components/navigation/bottomBar\";\nexport {\n  Menu,\n  MenuFloating,\n  MenuList,\n  MenuItem,\n  MenuItemIcon,\n  MenuItemText,\n  MenuDivider,\n  MenuSubmenu,\n  MenuContext,\n  useMenuContext,\n  buildMenuFloatingMiddleware,\n} from \"./components/navigation/menu\";\nexport type {\n  MenuProps,\n  MenuFloatingProps,\n  MenuListProps,\n  MenuItemProps,\n  MenuItemIconProps,\n  MenuItemTextProps,\n  MenuDividerProps,\n  MenuSubmenuProps,\n  MenuContextValue,\n} from \"./components/navigation/menu\";\n\n// inputs\nexport { Button } from \"./components/inputs/button\";\nexport type { ButtonProps } from \"./components/inputs/button\";\nexport { ButtonGroup } from \"./components/inputs/buttonGroups\";\nexport type { ButtonGroupProps } from \"./components/inputs/buttonGroups\";\nexport { Checkbox } from \"./components/inputs/checkbox\";\nexport type {\n  CheckboxProps,\n  SelectionControlSize,\n  SelectionControlColor,\n  SelectionChangeEvent,\n} from \"./components/inputs/checkbox\";\nexport { RadioButton } from \"./components/inputs/radioButton\";\nexport type { RadioButtonProps } from \"./components/inputs/radioButton\";\nexport { Toggle } from \"./components/inputs/toggle\";\nexport type { ToggleProps } from \"./components/inputs/toggle\";\nexport { Rating } from \"./components/inputs/rating\";\nexport type { RatingProps, RatingColor } from \"./components/inputs/rating\";\nexport { Slider } from \"./components/inputs/slider\";\nexport type { SliderProps, SliderValue, SliderMark } from \"./components/inputs/slider\";\nexport { FileInput } from \"./components/inputs/fileInput\";\nexport type { FileInputProps } from \"./components/inputs/fileInput\";\nexport { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from \"./components/inputs/fileDrop\";\nexport type { FileUploadProps, PreviewWrapperProps, PreviewProps, CountPreviewProps } from \"./components/inputs/fileDrop\";\nexport { SelectField, DropdownMenu } from \"./components/inputs/selectField\";\nexport type { SelectFieldProps, OnSelectChange, DropdownItem, DropdownItemProps } from \"./components/inputs/selectField\";\nexport {\n  DatePicker,\n  OpenView,\n  DataPickerDays,\n  DataPickerHeader,\n  DataPickerInput,\n  DatePickerActionLabel,\n  DatePickerDay,\n  DatePickerIconButton,\n  DatePickerList,\n  createDateInput,\n} from \"./components/inputs/datePicker\";\nexport type {\n  DatePickerProps,\n  DataPickerDaysProps,\n  DataPickerHeaderProps,\n  DataPickerInputProps,\n  ActionLabelProps,\n  DatePickerDayProps,\n  DataPickerIconButtonProps,\n  DatePickerListProps,\n  CreateDateInputProps,\n  DateInputState,\n} from \"./components/inputs/datePicker\";\nexport { TimePicker, TimePickerInput, TimePickerColumns, createTimeInput, DEFAULT_TIME_FORMAT } from \"./components/inputs/timePicker\";\nexport type { TimePickerProps, TimePickerInputProps, TimePickerColumnsProps } from \"./components/inputs/timePicker\";\nexport {\n  DateTimePicker,\n  DateTimePickerInput,\n  createDateTimeInput,\n  getCurrentDateTimeFormat,\n  getDisplayDateTime,\n  formatDateTimeByPattern,\n  isDateTimePatternMatch,\n  parseDateTimeByPattern,\n} from \"./components/inputs/dateTimePicker\";\nexport type {\n  DateTimePickerProps,\n  DateTimePickerInputProps,\n  CreateDateTimeInputProps,\n  DateTimeInputState,\n} from \"./components/inputs/dateTimePicker\";\nexport { FloatingButton } from \"./components/inputs/floatingButton\";\nexport type { FloatingButtonProps, FloatingButtonColor } from \"./components/inputs/floatingButton\";\nexport { TextField, TextFieldWrapper, TextFieldAdornment } from \"./components/inputs/textField\";\nexport type {\n  TextFieldProps,\n  TextFieldWrapperProps,\n  TextFieldAdornmentProps,\n  TextFieldVariant,\n} from \"./components/inputs/textField\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["// Public entry point for @smwb/ui-solid.\n// Exports are added as components are ported (see src/components/**).\n\n// primitives\nexport { mergeRefs } from \"./primitives/mergeRefs\";\nexport type { Ref, RefCallback } from \"./primitives/mergeRefs\";\nexport { createId } from \"./primitives/createId\";\nexport { createControllableState } from \"./primitives/createControllableState\";\nexport type { CreateControllableStateParams } from \"./primitives/createControllableState\";\nexport { createTheme, Theme } from \"./primitives/createTheme\";\nexport { createFloating } from \"./primitives/createFloating\";\nexport type { CreateFloatingOptions, FloatingState } from \"./primitives/createFloating\";\nexport { createFocusTrap } from \"./primitives/createFocusTrap\";\nexport type { CreateFocusTrapOptions } from \"./primitives/createFocusTrap\";\nexport { createCssTransition } from \"./primitives/createCssTransition\";\nexport type { CreateCssTransitionOptions, CssTransitionState, CssTransitionClassNames } from \"./primitives/createCssTransition\";\nexport { createDropzone } from \"./primitives/createDropzone\";\nexport type { DropzoneOptions, DropzoneState } from \"./primitives/createDropzone\";\nexport { createVirtualList } from \"./primitives/createVirtualList\";\nexport type { CreateVirtualListParams, VirtualListResult } from \"./primitives/createVirtualList\";\nexport { createMaskedInput } from \"./primitives/createMaskedInput\";\nexport type { CreateMaskedInputOptions, MaskedInputState } from \"./primitives/createMaskedInput\";\n\n// utils\nexport { resolvePlacement, buildFloatingMiddleware, placements } from \"./utils/floating\";\nexport type { Placement, ResolvedPlacement } from \"./utils/floating\";\n\n// base\nexport { Icon } from \"./components/base/icon\";\nexport type { IconProps, IconColor } from \"./components/base/icon\";\nexport { Ripple } from \"./components/base/ripple\";\nexport type { RippleProps, RippleActionsRef, RippleClasses } from \"./components/base/ripple\";\nexport { AnimateHeight } from \"./components/base/animateHeight\";\nexport type { AnimateHeightProps, Height } from \"./components/base/animateHeight\";\n\n// dataDisplay\nexport { Typography } from \"./components/dataDisplay/typography\";\nexport type { TypographyProps, TypographyVariant, TypographyColor } from \"./components/dataDisplay/typography\";\nexport { Badge } from \"./components/dataDisplay/badge\";\nexport type { BadgeProps } from \"./components/dataDisplay/badge\";\nexport { Card } from \"./components/dataDisplay/card\";\nexport type { CardProps } from \"./components/dataDisplay/card\";\nexport { Chip } from \"./components/dataDisplay/chip\";\nexport type { ChipProps, ChipColor } from \"./components/dataDisplay/chip\";\nexport { LazyImage } from \"./components/dataDisplay/lazyImage\";\nexport type { LazyImageProps } from \"./components/dataDisplay/lazyImage\";\nexport { ChipGroup } from \"./components/dataDisplay/chipGroup\";\nexport type { ChipGroupProps, ChipGroupOption } from \"./components/dataDisplay/chipGroup\";\nexport { ThumbCard } from \"./components/dataDisplay/thumbCard\";\nexport type { ThumbCardProps } from \"./components/dataDisplay/thumbCard\";\nexport { AssetGrid } from \"./components/dataDisplay/assetGrid\";\nexport type { AssetGridProps } from \"./components/dataDisplay/assetGrid\";\nexport { Avatar, AvatarGroup } from \"./components/dataDisplay/avatar\";\nexport type { AvatarProps, AvatarGroupProps, AvatarSize } from \"./components/dataDisplay/avatar\";\nexport { List, ListItem } from \"./components/dataDisplay/list\";\nexport type { ListProps, ListItemProps } from \"./components/dataDisplay/list\";\nexport { Accordion } from \"./components/dataDisplay/accordion\";\nexport type { AccordionProps } from \"./components/dataDisplay/accordion\";\nexport { ExpansionPanel } from \"./components/dataDisplay/expansionPanel\";\nexport type {\n  ExpansionPanelProps,\n  ExpansionPanelLabels,\n  ExpansionPanelRenderContext,\n  ExpansionPanelControlsContext,\n  ExpansionMode,\n} from \"./components/dataDisplay/expansionPanel\";\nexport {\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  TableHeadCell,\n  TablePagination,\n} from \"./components/dataDisplay/table\";\nexport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TablePaginationProps,\n  SortDirection,\n} from \"./components/dataDisplay/table\";\nexport { TreeView } from \"./components/dataDisplay/treeView\";\nexport type { TreeViewProps, ITreeNodeItem } from \"./components/dataDisplay/treeView\";\nexport { Carousel } from \"./components/dataDisplay/carousel\";\nexport type { CarouselProps } from \"./components/dataDisplay/carousel\";\nexport { ImagesList, ImagesListItem, ImagesListItemModal } from \"./components/dataDisplay/imagesList\";\nexport type {\n  ImagesListProps,\n  ImagesListItemProps,\n  ImagesListItemModalProps,\n  ImageItem,\n} from \"./components/dataDisplay/imagesList\";\nexport {\n  Chat,\n  ChatLayout,\n  ChatOverlayLayout,\n  ChatShell,\n  ChatHeader,\n  ChatMessages,\n  ChatMessageItem,\n  ChatMessageIncoming,\n  ChatMessageOutgoing,\n  ChatMessageSystem,\n  ChatMessageBubble,\n  ChatMessageSkeleton,\n  ChatMessageStatus,\n  ChatMessageAvatar,\n  ChatAttachments,\n  ChatAttachmentImage,\n  ChatIconButton,\n  ChatComposer,\n  createChatInfiniteScroll,\n  createChatFileUpload,\n  resolveChatFileUploadMaxFiles,\n  createChatStickToBottom,\n  isScrolledToBottom,\n  scrollChatToBottom,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  isImageAttachment,\n  formatChatTimestamp,\n  resolveAllowedLayouts,\n  isChatMessageDeliveryStatus,\n  resolveChatMessageStatusIcon,\n  resolveChatMessageStatusLabel,\n  shouldComposerNewlineOnEnter,\n  getChatLayoutActions,\n  shouldShowChatCloseButton,\n} from \"./components/dataDisplay/chat\";\nexport type {\n  ChatProps,\n  ChatLayoutProps,\n  ChatLayoutChatProps,\n  ChatOverlayLayoutProps,\n  ChatOverlayLayoutChatProps,\n  ChatShellProps,\n  ChatHeaderProps,\n  ChatMessagesProps,\n  ChatMessageItemProps,\n  ChatMessageIncomingProps,\n  ChatMessageOutgoingProps,\n  ChatMessageSystemProps,\n  ChatMessageBubbleProps,\n  ChatMessageSkeletonProps,\n  ChatMessageStatusProps,\n  ChatMessageAvatarProps,\n  ChatAttachmentsProps,\n  ChatAttachmentImageProps,\n  ChatIconButtonProps,\n  ChatComposerProps,\n  CreateChatInfiniteScrollParams,\n  CreateChatFileUploadOptions,\n  ChatFileUploadState,\n  CreateChatStickToBottomParams,\n  ChatMessage,\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessageVariant,\n  ChatLayoutMode,\n  ChatAnchor,\n  ChatThemeMode,\n  ChatMessageRenderContext,\n  ChatLayoutSide,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatComposerNewlineOptions,\n} from \"./components/dataDisplay/chat\";\n\n// feedBack\nexport { Skeleton } from \"./components/feedBack/skeleton\";\nexport type { SkeletonProps } from \"./components/feedBack/skeleton\";\nexport { Message, MessageContainer } from \"./components/feedBack/message\";\nexport type { MessageProps, MessageSeverity } from \"./components/feedBack/message\";\nexport { ProgressIndicator, CircularProgress } from \"./components/feedBack/progressIndicator\";\nexport type { ProgressIndicatorProps, ProgressColor, CircularProgressProps } from \"./components/feedBack/progressIndicator\";\nexport { Tooltip } from \"./components/feedBack/tooltip\";\nexport type { TooltipProps, TooltipTrigger } from \"./components/feedBack/tooltip\";\nexport { Modal } from \"./components/feedBack/modal\";\nexport type { ModalProps, ModalSlotProps } from \"./components/feedBack/modal\";\nexport { SaveAssetDialog } from \"./components/feedBack/saveAssetDialog\";\nexport type { SaveAssetDialogProps } from \"./components/feedBack/saveAssetDialog\";\nexport { SnackbarProvider, Snackbar, useSnackbar } from \"./components/feedBack/snackbar\";\nexport type {\n  SnackbarsProviderProps,\n  SnackbarProps,\n  SnackbarOptions,\n  AddSnackbar,\n  AddSnackbarOptions,\n  Variants as SnackbarVariant,\n  Position as SnackbarPosition,\n} from \"./components/feedBack/snackbar\";\n\n// utility\nexport { ClickAwayListener } from \"./components/clickAwayListener\";\nexport type { ClickAwayListenerProps } from \"./components/clickAwayListener\";\n\n// layout\nexport { Divider } from \"./components/layout/divider\";\nexport type { DividerProps, DividerColor } from \"./components/layout/divider\";\nexport { Stack } from \"./components/layout/stack\";\nexport type { StackProps, StackSpacing } from \"./components/layout/stack\";\nexport { Page } from \"./components/layout/page\";\nexport type { PageProps, PageMaxWidth } from \"./components/layout/page\";\nexport { PageHeader } from \"./components/layout/pageHeader\";\nexport type { PageHeaderProps } from \"./components/layout/pageHeader\";\nexport { Grid, Row, Column, Container } from \"./components/layout/grid\";\nexport type {\n  RowProps,\n  ColumnProps,\n  ContainerProps,\n  BreakpointType,\n  ColumnSpan,\n  OffsetType,\n  Breakpoint,\n  ResponsiveBool,\n  ContainerMaxWidth,\n} from \"./components/layout/grid\";\nexport { AppLayout } from \"./components/layout/appLayout\";\nexport type { AppLayoutProps } from \"./components/layout/appLayout\";\nexport { ScreenDivider } from \"./components/layout/screenDivider\";\nexport type { ScreenDividerProps } from \"./components/layout/screenDivider\";\nexport { Sheet } from \"./components/layout/sheet\";\nexport type { SheetProps } from \"./components/layout/sheet\";\n\n// navigation\nexport { AppBar } from \"./components/navigation/appBar\";\nexport type { AppBarProps, AppBarColor } from \"./components/navigation/appBar\";\nexport { Breadcrumbs } from \"./components/navigation/breadcrumbs\";\nexport type { BreadcrumbsProps } from \"./components/navigation/breadcrumbs\";\nexport { Pagination } from \"./components/navigation/pagination\";\nexport type { PaginationProps, PaginationColor } from \"./components/navigation/pagination\";\nexport { Stepper } from \"./components/navigation/stepper\";\nexport type { StepperProps, StepItem } from \"./components/navigation/stepper\";\nexport { Sidebar } from \"./components/navigation/sidebar\";\nexport type { SidebarProps, SidebarMenuItemProps, SidebarVariant } from \"./components/navigation/sidebar\";\nexport { Tabs, Tab, TabsContext, useTabsContext } from \"./components/navigation/tabs\";\nexport type { TabsProps, TabProps, TabsContextValue } from \"./components/navigation/tabs\";\nexport { BottomBar } from \"./components/navigation/bottomBar\";\nexport type { BottomBarProps, BottomBarMenuItemProps } from \"./components/navigation/bottomBar\";\nexport {\n  Menu,\n  MenuFloating,\n  MenuList,\n  MenuItem,\n  MenuItemIcon,\n  MenuItemText,\n  MenuDivider,\n  MenuSubmenu,\n  MenuContext,\n  useMenuContext,\n  buildMenuFloatingMiddleware,\n} from \"./components/navigation/menu\";\nexport type {\n  MenuProps,\n  MenuFloatingProps,\n  MenuListProps,\n  MenuItemProps,\n  MenuItemIconProps,\n  MenuItemTextProps,\n  MenuDividerProps,\n  MenuSubmenuProps,\n  MenuContextValue,\n} from \"./components/navigation/menu\";\nexport { OverflowMenu } from \"./components/navigation/overflowMenu\";\nexport type { OverflowMenuProps, OverflowMenuItem } from \"./components/navigation/overflowMenu\";\n\n// inputs\nexport { Button } from \"./components/inputs/button\";\nexport type { ButtonProps } from \"./components/inputs/button\";\nexport { ButtonGroup } from \"./components/inputs/buttonGroups\";\nexport type { ButtonGroupProps } from \"./components/inputs/buttonGroups\";\nexport { Checkbox } from \"./components/inputs/checkbox\";\nexport type {\n  CheckboxProps,\n  SelectionControlSize,\n  SelectionControlColor,\n  SelectionChangeEvent,\n} from \"./components/inputs/checkbox\";\nexport { RadioButton } from \"./components/inputs/radioButton\";\nexport type { RadioButtonProps } from \"./components/inputs/radioButton\";\nexport { Toggle } from \"./components/inputs/toggle\";\nexport type { ToggleProps } from \"./components/inputs/toggle\";\nexport { Rating } from \"./components/inputs/rating\";\nexport type { RatingProps, RatingColor } from \"./components/inputs/rating\";\nexport { Slider } from \"./components/inputs/slider\";\nexport type { SliderProps, SliderValue, SliderMark } from \"./components/inputs/slider\";\nexport { ValueSlider } from \"./components/inputs/valueSlider\";\nexport type { ValueSliderProps } from \"./components/inputs/valueSlider\";\nexport { FileInput } from \"./components/inputs/fileInput\";\nexport type { FileInputProps } from \"./components/inputs/fileInput\";\nexport { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from \"./components/inputs/fileDrop\";\nexport type { FileUploadProps, PreviewWrapperProps, PreviewProps, CountPreviewProps } from \"./components/inputs/fileDrop\";\nexport { SelectField, DropdownMenu } from \"./components/inputs/selectField\";\nexport type { SelectFieldProps, OnSelectChange, DropdownItem, DropdownItemProps } from \"./components/inputs/selectField\";\nexport {\n  DatePicker,\n  OpenView,\n  DataPickerDays,\n  DataPickerHeader,\n  DataPickerInput,\n  DatePickerActionLabel,\n  DatePickerDay,\n  DatePickerIconButton,\n  DatePickerList,\n  createDateInput,\n} from \"./components/inputs/datePicker\";\nexport type {\n  DatePickerProps,\n  DataPickerDaysProps,\n  DataPickerHeaderProps,\n  DataPickerInputProps,\n  ActionLabelProps,\n  DatePickerDayProps,\n  DataPickerIconButtonProps,\n  DatePickerListProps,\n  CreateDateInputProps,\n  DateInputState,\n} from \"./components/inputs/datePicker\";\nexport { TimePicker, TimePickerInput, TimePickerColumns, createTimeInput, DEFAULT_TIME_FORMAT } from \"./components/inputs/timePicker\";\nexport type { TimePickerProps, TimePickerInputProps, TimePickerColumnsProps } from \"./components/inputs/timePicker\";\nexport {\n  DateTimePicker,\n  DateTimePickerInput,\n  createDateTimeInput,\n  getCurrentDateTimeFormat,\n  getDisplayDateTime,\n  formatDateTimeByPattern,\n  isDateTimePatternMatch,\n  parseDateTimeByPattern,\n} from \"./components/inputs/dateTimePicker\";\nexport type {\n  DateTimePickerProps,\n  DateTimePickerInputProps,\n  CreateDateTimeInputProps,\n  DateTimeInputState,\n} from \"./components/inputs/dateTimePicker\";\nexport { FloatingButton } from \"./components/inputs/floatingButton\";\nexport type { FloatingButtonProps, FloatingButtonColor } from \"./components/inputs/floatingButton\";\nexport { TextField, TextFieldWrapper, TextFieldAdornment } from \"./components/inputs/textField\";\nexport type {\n  TextFieldProps,\n  TextFieldWrapperProps,\n  TextFieldAdornmentProps,\n  TextFieldVariant,\n} from \"./components/inputs/textField\";\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-solid",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "SolidJS port of summer-ui: strict, tree-shakeable Material-style component library sharing the @smwb/ui-styles design system.",
   "license": "MIT",
   "type": "module",
@@ -20,12 +20,14 @@
     ".": {
       "types": "./dist/index.d.ts",
       "solid": "./dist/source/index.js",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./headless": {
       "types": "./dist/index.d.ts",
       "solid": "./dist/headless/source/index.js",
-      "import": "./dist/headless/index.js"
+      "import": "./dist/headless/index.js",
+      "default": "./dist/headless/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -37,9 +39,10 @@
     "build:source:headless": "node scripts/build-source.mjs --headless",
     "build:types": "tsc -p configs/ts/tsconfig.prod.json --emitDeclarationOnly --declaration --outDir dist",
     "typecheck": "tsc -p configs/ts/tsconfig.full.json --noEmit",
-    "test": "npm run lint && npm run jest && npm run test:ssr",
+    "test": "npm run lint && npm run jest && npm run test:ssr && npm run test:hydration",
     "jest": "vitest run",
     "test:ssr": "npm run build:esm && npm run build:source && vitest run --config vitest.ssr.config.ts",
+    "test:hydration": "vitest run --config vitest.hydration.config.ts",
     "test:watch": "vitest",
     "test:storybook": "test-storybook --url http://127.0.0.1:6006",
     "lint": "eslint . --max-warnings=0",
@@ -50,6 +53,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
+    "@smwb/ui-styles": "^1.1.0",
     "clsx": "^2.1.1",
     "zod": "^4.4.3"
   },
@@ -58,7 +62,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",
-    "@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/test-runner": "^0.24.4",

package/dist/headless/source/ssr-published.ssr-spec.jsx

@@ -1,35 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { isServer, renderToString } from "solid-js/web";
-import { readFileSync } from "node:fs";
-import { createRequire } from "node:module";
-import * as path from "node:path";
-const require2 = createRequire(import.meta.url);
-const pkg = JSON.parse(
-  readFileSync(require2.resolve("@smwb/ui-solid/package.json"), "utf8")
-);
-describe("ui-solid published exports", () => {
-  it("exposes a solid condition for the main entry", () => {
-    expect(pkg.exports["."].solid).toBe("./dist/source/index.js");
-    expect(pkg.exports["./headless"].solid).toBe("./dist/headless/source/index.js");
-  });
-  it("imports the DOM bundle animateHeight module on the server and throws", async () => {
-    const root = path.dirname(require2.resolve("@smwb/ui-solid/package.json"));
-    const domEntry = path.join(root, pkg.exports["."].import.replace(/^\.\//, ""));
-    const domAnimateHeight = path.join(
-      root,
-      "dist/components/base/animateHeight/animateHeight.jsx"
-    );
-    expect(() => readFileSync(domEntry, "utf8")).not.toThrow();
-    const domCode = readFileSync(domAnimateHeight, "utf8");
-    expect(domCode).not.toMatch(/return\s*</);
-    await expect(import(domAnimateHeight)).rejects.toThrow(/Client-only API called on the server side/);
-  });
-  it("renders AnimateHeight from the solid source entry on the server", async () => {
-    expect(isServer).toBe(true);
-    const { AnimateHeight } = await import("@smwb/ui-solid");
-    expect(
-      () => renderToString(() => <AnimateHeight height="auto">grow</AnimateHeight>)
-    ).not.toThrow();
-  });
-});
-//# sourceMappingURL=ssr-published.ssr-spec.js.map

package/dist/headless/source/ssr-published.ssr-spec.jsx.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ssr-published.ssr-spec.tsx"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { isServer, renderToString } from \"solid-js/web\";\nimport { readFileSync } from \"node:fs\";\nimport { createRequire } from \"node:module\";\nimport * as path from \"node:path\";\n\nconst require = createRequire(import.meta.url);\nconst pkg = JSON.parse(\n  readFileSync(require.resolve(\"@smwb/ui-solid/package.json\"), \"utf8\"),\n) as {\n  exports: {\n    \".\": { solid: string; import: string };\n    \"./headless\": { solid: string; import: string };\n  };\n};\n\ndescribe(\"ui-solid published exports\", () => {\n  it(\"exposes a solid condition for the main entry\", () => {\n    expect(pkg.exports[\".\"].solid).toBe(\"./dist/source/index.js\");\n    expect(pkg.exports[\"./headless\"].solid).toBe(\"./dist/headless/source/index.js\");\n  });\n\n  it(\"imports the DOM bundle animateHeight module on the server and throws\", async () => {\n    const root = path.dirname(require.resolve(\"@smwb/ui-solid/package.json\"));\n    const domEntry = path.join(root, pkg.exports[\".\"].import.replace(/^\\.\\//, \"\"));\n    const domAnimateHeight = path.join(\n      root,\n      \"dist/components/base/animateHeight/animateHeight.js\",\n    );\n    expect(() => readFileSync(domEntry, \"utf8\")).not.toThrow();\n    const domCode = readFileSync(domAnimateHeight, \"utf8\");\n    expect(domCode).not.toMatch(/return\\s*</);\n    await expect(import(domAnimateHeight)).rejects.toThrow(/Client-only API called on the server side/);\n  });\n\n  it(\"renders AnimateHeight from the solid source entry on the server\", async () => {\n    expect(isServer).toBe(true);\n    const { AnimateHeight } = await import(\"@smwb/ui-solid\");\n    expect(() =>\n      renderToString(() => <AnimateHeight height=\"auto\">grow</AnimateHeight>),\n    ).not.toThrow();\n  });\n});\n"],"mappings":"AAAA,SAAS,UAAU,QAAQ,UAAU;AACrC,SAAS,UAAU,sBAAsB;AACzC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,YAAY,UAAU;AAEtB,MAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,MAAM,MAAM,KAAK;AAAA,EACf,aAAaA,SAAQ,QAAQ,6BAA6B,GAAG,MAAM;AACrE;AAOA,SAAS,8BAA8B,MAAM;AAC3C,KAAG,gDAAgD,MAAM;AACvD,WAAO,IAAI,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,wBAAwB;AAC5D,WAAO,IAAI,QAAQ,YAAY,EAAE,KAAK,EAAE,KAAK,iCAAiC;AAAA,EAChF,CAAC;AAED,KAAG,wEAAwE,YAAY;AACrF,UAAM,OAAO,KAAK,QAAQA,SAAQ,QAAQ,6BAA6B,CAAC;AACxE,UAAM,WAAW,KAAK,KAAK,MAAM,IAAI,QAAQ,GAAG,EAAE,OAAO,QAAQ,SAAS,EAAE,CAAC;AAC7E,UAAM,mBAAmB,KAAK;AAAA,MAC5B;AAAA,MACA;AAAA,IACF;AACA,WAAO,MAAM,aAAa,UAAU,MAAM,CAAC,EAAE,IAAI,QAAQ;AACzD,UAAM,UAAU,aAAa,kBAAkB,MAAM;AACrD,WAAO,OAAO,EAAE,IAAI,QAAQ,YAAY;AACxC,UAAM,OAAO,OAAO,iBAAiB,EAAE,QAAQ,QAAQ,2CAA2C;AAAA,EACpG,CAAC;AAED,KAAG,mEAAmE,YAAY;AAChF,WAAO,QAAQ,EAAE,KAAK,IAAI;AAC1B,UAAM,EAAE,cAAc,IAAI,MAAM,OAAO,gBAAgB;AACvD;AAAA,MAAO,MACL,eAAe,MAAM,CAAC,cAAc,OAAO,OAAO,IAAI,EAAhC,cAAgD;AAAA,IACxE,EAAE,IAAI,QAAQ;AAAA,EAChB,CAAC;AACH,CAAC;","names":["require"],"file":"ssr-published.ssr-spec.jsx"}

package/dist/headless/source/ssr.ssr-spec.jsx

@@ -1,113 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { isServer, renderToString } from "solid-js/web";
-import {
-  Accordion,
-  AnimateHeight,
-  Avatar,
-  AvatarGroup,
-  Badge,
-  Breadcrumbs,
-  Button,
-  ButtonGroup,
-  Card,
-  Carousel,
-  Checkbox,
-  Chip,
-  CircularProgress,
-  Divider,
-  ExpansionPanel,
-  FloatingButton,
-  Icon,
-  List,
-  ListItem,
-  Message,
-  Modal,
-  Pagination,
-  ProgressIndicator,
-  RadioButton,
-  Rating,
-  Ripple,
-  ScreenDivider,
-  SelectField,
-  Sheet,
-  Skeleton,
-  Slider,
-  SnackbarProvider,
-  Stack,
-  Stepper,
-  Tab,
-  Tabs,
-  TextField,
-  Toggle,
-  Tooltip,
-  TreeView,
-  Typography
-} from "./index";
-import { FileDrop } from "./components/inputs/fileDrop";
-const cases = [
-  ["Accordion", () => <Accordion title="More">body</Accordion>],
-  ["AnimateHeight", () => <AnimateHeight height="auto">grow</AnimateHeight>],
-  ["Avatar", () => <Avatar>AB</Avatar>],
-  ["AvatarGroup", () => <AvatarGroup><Avatar>A</Avatar><Avatar>B</Avatar></AvatarGroup>],
-  ["Badge", () => <Badge badgeContent={3}>x</Badge>],
-  [
-    "Breadcrumbs",
-    () => <Breadcrumbs>
-        <a href="/">Home</a>
-        <span>Page</span>
-      </Breadcrumbs>
-  ],
-  ["Button", () => <Button>Save</Button>],
-  ["ButtonGroup", () => <ButtonGroup><Button>A</Button></ButtonGroup>],
-  ["Card", () => <Card>body</Card>],
-  [
-    "Carousel",
-    () => <Carousel>
-        <img src="/a.jpg" alt="a" />
-        <img src="/b.jpg" alt="b" />
-      </Carousel>
-  ],
-  ["Checkbox", () => <Checkbox label="ok" />],
-  ["Chip", () => <Chip label="tag" />],
-  ["CircularProgress", () => <CircularProgress />],
-  ["Divider", () => <Divider />],
-  ["ExpansionPanel(fullscreen)", () => <ExpansionPanel mode="fullscreen">content</ExpansionPanel>],
-  ["FileDrop", () => <FileDrop onDrop={() => {
-  }} />],
-  ["FloatingButton", () => <FloatingButton><Icon name="add" /></FloatingButton>],
-  ["Icon", () => <Icon name="home" />],
-  ["List", () => <List><ListItem>one</ListItem></List>],
-  ["Message", () => <Message>note</Message>],
-  ["Modal(open)", () => <Modal open onClose={() => {
-  }}><div>content</div></Modal>],
-  ["Pagination", () => <Pagination count={5} page={1} />],
-  ["ProgressIndicator", () => <ProgressIndicator variant="linear" type="indeterminate" />],
-  ["RadioButton", () => <RadioButton label="r" value="r" />],
-  ["Rating", () => <Rating value={3} />],
-  ["Ripple", () => <Ripple />],
-  ["ScreenDivider", () => <ScreenDivider><div>l</div><div>r</div></ScreenDivider>],
-  ["SelectField", () => <SelectField items={[{ text: "A", value: "a" }]} />],
-  ["Sheet(open)", () => <Sheet isOpen onClose={() => {
-  }}><div>content</div></Sheet>],
-  ["Skeleton", () => <Skeleton />],
-  ["Slider", () => <Slider value={50} />],
-  ["SnackbarProvider", () => <SnackbarProvider>app</SnackbarProvider>],
-  ["Stack", () => <Stack>child</Stack>],
-  ["Stepper", () => <Stepper steps={[{ label: "One" }, { label: "Two" }]} activeStep={0} />],
-  ["Tabs+Tab", () => <Tabs value={0} onChange={() => {
-  }}><Tab>A</Tab><Tab>B</Tab></Tabs>],
-  ["TextField", () => <TextField label="Name" />],
-  ["Toggle", () => <Toggle />],
-  ["Tooltip", () => <Tooltip message="hint">trigger</Tooltip>],
-  ["TreeView", () => <TreeView data={[{ id: "1", label: "root" }]} />],
-  ["Typography", () => <Typography variant="h1">Title</Typography>]
-];
-describe("ui-solid SSR smoke test", () => {
-  it("runs against the server build of solid-js (isServer === true)", () => {
-    expect(isServer).toBe(true);
-  });
-  it.each(cases)("renders <%s> on the server without throwing", (_name, thunk) => {
-    expect(() => renderToString(thunk)).not.toThrow();
-  });
-});
-//# sourceMappingURL=ssr.ssr-spec.js.map

package/dist/headless/source/ssr.ssr-spec.jsx.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ssr.ssr-spec.tsx"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { isServer, renderToString } from \"solid-js/web\";\nimport {\n  Accordion,\n  AnimateHeight,\n  Avatar,\n  AvatarGroup,\n  Badge,\n  Breadcrumbs,\n  Button,\n  ButtonGroup,\n  Card,\n  Carousel,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Divider,\n  ExpansionPanel,\n  FloatingButton,\n  Icon,\n  List,\n  ListItem,\n  Message,\n  Modal,\n  Pagination,\n  ProgressIndicator,\n  RadioButton,\n  Rating,\n  Ripple,\n  ScreenDivider,\n  SelectField,\n  Sheet,\n  Skeleton,\n  Slider,\n  SnackbarProvider,\n  Stack,\n  Stepper,\n  Tab,\n  Tabs,\n  TextField,\n  Toggle,\n  Tooltip,\n  TreeView,\n  Typography,\n} from \"./index\";\nimport { FileDrop } from \"./components/inputs/fileDrop\";\n\n// Each entry renders to an HTML string under true SSR. The assertion is \"does\n// not throw\" — a component reading a browser global (window/document/Node/…) at\n// module load or during render throws here. Overlays (Modal/Sheet) are rendered\n// OPEN so their Portal `mount` expression is evaluated on the server.\nconst cases: Array<[string, () => unknown]> = [\n  [\"Accordion\", () => <Accordion title=\"More\">body</Accordion>],\n  [\"AnimateHeight\", () => <AnimateHeight height=\"auto\">grow</AnimateHeight>],\n  [\"Avatar\", () => <Avatar>AB</Avatar>],\n  [\"AvatarGroup\", () => <AvatarGroup><Avatar>A</Avatar><Avatar>B</Avatar></AvatarGroup>],\n  [\"Badge\", () => <Badge badgeContent={3}>x</Badge>],\n  [\n    \"Breadcrumbs\",\n    () => (\n      <Breadcrumbs>\n        <a href=\"/\">Home</a>\n        <span>Page</span>\n      </Breadcrumbs>\n    ),\n  ],\n  [\"Button\", () => <Button>Save</Button>],\n  [\"ButtonGroup\", () => <ButtonGroup><Button>A</Button></ButtonGroup>],\n  [\"Card\", () => <Card>body</Card>],\n  [\n    \"Carousel\",\n    () => (\n      <Carousel>\n        <img src=\"/a.jpg\" alt=\"a\" />\n        <img src=\"/b.jpg\" alt=\"b\" />\n      </Carousel>\n    ),\n  ],\n  [\"Checkbox\", () => <Checkbox label=\"ok\" />],\n  [\"Chip\", () => <Chip label=\"tag\" />],\n  [\"CircularProgress\", () => <CircularProgress />],\n  [\"Divider\", () => <Divider />],\n  [\"ExpansionPanel(fullscreen)\", () => <ExpansionPanel mode=\"fullscreen\">content</ExpansionPanel>],\n  [\"FileDrop\", () => <FileDrop onDrop={() => {}} />],\n  [\"FloatingButton\", () => <FloatingButton><Icon name=\"add\" /></FloatingButton>],\n  [\"Icon\", () => <Icon name=\"home\" />],\n  [\"List\", () => <List><ListItem>one</ListItem></List>],\n  [\"Message\", () => <Message>note</Message>],\n  [\"Modal(open)\", () => <Modal open onClose={() => {}}><div>content</div></Modal>],\n  [\"Pagination\", () => <Pagination count={5} page={1} />],\n  [\"ProgressIndicator\", () => <ProgressIndicator variant=\"linear\" type=\"indeterminate\" />],\n  [\"RadioButton\", () => <RadioButton label=\"r\" value=\"r\" />],\n  [\"Rating\", () => <Rating value={3} />],\n  [\"Ripple\", () => <Ripple />],\n  [\"ScreenDivider\", () => <ScreenDivider><div>l</div><div>r</div></ScreenDivider>],\n  [\"SelectField\", () => <SelectField items={[{ text: \"A\", value: \"a\" }]} />],\n  [\"Sheet(open)\", () => <Sheet isOpen onClose={() => {}}><div>content</div></Sheet>],\n  [\"Skeleton\", () => <Skeleton />],\n  [\"Slider\", () => <Slider value={50} />],\n  [\"SnackbarProvider\", () => <SnackbarProvider>app</SnackbarProvider>],\n  [\"Stack\", () => <Stack>child</Stack>],\n  [\"Stepper\", () => <Stepper steps={[{ label: \"One\" }, { label: \"Two\" }]} activeStep={0} />],\n  [\"Tabs+Tab\", () => <Tabs value={0} onChange={() => {}}><Tab>A</Tab><Tab>B</Tab></Tabs>],\n  [\"TextField\", () => <TextField label=\"Name\" />],\n  [\"Toggle\", () => <Toggle />],\n  [\"Tooltip\", () => <Tooltip message=\"hint\">trigger</Tooltip>],\n  [\"TreeView\", () => <TreeView data={[{ id: \"1\", label: \"root\" }]} />],\n  [\"Typography\", () => <Typography variant=\"h1\">Title</Typography>],\n];\n\ndescribe(\"ui-solid SSR smoke test\", () => {\n  it(\"runs against the server build of solid-js (isServer === true)\", () => {\n    expect(isServer).toBe(true);\n  });\n\n  it.each(cases)(\"renders <%s> on the server without throwing\", (_name, thunk) => {\n    expect(() => renderToString(thunk as () => never)).not.toThrow();\n  });\n});\n"],"mappings":"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","names":[],"file":"ssr.ssr-spec.jsx"}

package/dist/source/ssr-published.ssr-spec.jsx

@@ -1,35 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { isServer, renderToString } from "solid-js/web";
-import { readFileSync } from "node:fs";
-import { createRequire } from "node:module";
-import * as path from "node:path";
-const require2 = createRequire(import.meta.url);
-const pkg = JSON.parse(
-  readFileSync(require2.resolve("@smwb/ui-solid/package.json"), "utf8")
-);
-describe("ui-solid published exports", () => {
-  it("exposes a solid condition for the main entry", () => {
-    expect(pkg.exports["."].solid).toBe("./dist/source/index.js");
-    expect(pkg.exports["./headless"].solid).toBe("./dist/headless/source/index.js");
-  });
-  it("imports the DOM bundle animateHeight module on the server and throws", async () => {
-    const root = path.dirname(require2.resolve("@smwb/ui-solid/package.json"));
-    const domEntry = path.join(root, pkg.exports["."].import.replace(/^\.\//, ""));
-    const domAnimateHeight = path.join(
-      root,
-      "dist/components/base/animateHeight/animateHeight.jsx"
-    );
-    expect(() => readFileSync(domEntry, "utf8")).not.toThrow();
-    const domCode = readFileSync(domAnimateHeight, "utf8");
-    expect(domCode).not.toMatch(/return\s*</);
-    await expect(import(domAnimateHeight)).rejects.toThrow(/Client-only API called on the server side/);
-  });
-  it("renders AnimateHeight from the solid source entry on the server", async () => {
-    expect(isServer).toBe(true);
-    const { AnimateHeight } = await import("@smwb/ui-solid");
-    expect(
-      () => renderToString(() => <AnimateHeight height="auto">grow</AnimateHeight>)
-    ).not.toThrow();
-  });
-});
-//# sourceMappingURL=ssr-published.ssr-spec.js.map

package/dist/source/ssr-published.ssr-spec.jsx.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ssr-published.ssr-spec.tsx"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { isServer, renderToString } from \"solid-js/web\";\nimport { readFileSync } from \"node:fs\";\nimport { createRequire } from \"node:module\";\nimport * as path from \"node:path\";\n\nconst require = createRequire(import.meta.url);\nconst pkg = JSON.parse(\n  readFileSync(require.resolve(\"@smwb/ui-solid/package.json\"), \"utf8\"),\n) as {\n  exports: {\n    \".\": { solid: string; import: string };\n    \"./headless\": { solid: string; import: string };\n  };\n};\n\ndescribe(\"ui-solid published exports\", () => {\n  it(\"exposes a solid condition for the main entry\", () => {\n    expect(pkg.exports[\".\"].solid).toBe(\"./dist/source/index.js\");\n    expect(pkg.exports[\"./headless\"].solid).toBe(\"./dist/headless/source/index.js\");\n  });\n\n  it(\"imports the DOM bundle animateHeight module on the server and throws\", async () => {\n    const root = path.dirname(require.resolve(\"@smwb/ui-solid/package.json\"));\n    const domEntry = path.join(root, pkg.exports[\".\"].import.replace(/^\\.\\//, \"\"));\n    const domAnimateHeight = path.join(\n      root,\n      \"dist/components/base/animateHeight/animateHeight.js\",\n    );\n    expect(() => readFileSync(domEntry, \"utf8\")).not.toThrow();\n    const domCode = readFileSync(domAnimateHeight, \"utf8\");\n    expect(domCode).not.toMatch(/return\\s*</);\n    await expect(import(domAnimateHeight)).rejects.toThrow(/Client-only API called on the server side/);\n  });\n\n  it(\"renders AnimateHeight from the solid source entry on the server\", async () => {\n    expect(isServer).toBe(true);\n    const { AnimateHeight } = await import(\"@smwb/ui-solid\");\n    expect(() =>\n      renderToString(() => <AnimateHeight height=\"auto\">grow</AnimateHeight>),\n    ).not.toThrow();\n  });\n});\n"],"mappings":"AAAA,SAAS,UAAU,QAAQ,UAAU;AACrC,SAAS,UAAU,sBAAsB;AACzC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,YAAY,UAAU;AAEtB,MAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,MAAM,MAAM,KAAK;AAAA,EACf,aAAaA,SAAQ,QAAQ,6BAA6B,GAAG,MAAM;AACrE;AAOA,SAAS,8BAA8B,MAAM;AAC3C,KAAG,gDAAgD,MAAM;AACvD,WAAO,IAAI,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,wBAAwB;AAC5D,WAAO,IAAI,QAAQ,YAAY,EAAE,KAAK,EAAE,KAAK,iCAAiC;AAAA,EAChF,CAAC;AAED,KAAG,wEAAwE,YAAY;AACrF,UAAM,OAAO,KAAK,QAAQA,SAAQ,QAAQ,6BAA6B,CAAC;AACxE,UAAM,WAAW,KAAK,KAAK,MAAM,IAAI,QAAQ,GAAG,EAAE,OAAO,QAAQ,SAAS,EAAE,CAAC;AAC7E,UAAM,mBAAmB,KAAK;AAAA,MAC5B;AAAA,MACA;AAAA,IACF;AACA,WAAO,MAAM,aAAa,UAAU,MAAM,CAAC,EAAE,IAAI,QAAQ;AACzD,UAAM,UAAU,aAAa,kBAAkB,MAAM;AACrD,WAAO,OAAO,EAAE,IAAI,QAAQ,YAAY;AACxC,UAAM,OAAO,OAAO,iBAAiB,EAAE,QAAQ,QAAQ,2CAA2C;AAAA,EACpG,CAAC;AAED,KAAG,mEAAmE,YAAY;AAChF,WAAO,QAAQ,EAAE,KAAK,IAAI;AAC1B,UAAM,EAAE,cAAc,IAAI,MAAM,OAAO,gBAAgB;AACvD;AAAA,MAAO,MACL,eAAe,MAAM,CAAC,cAAc,OAAO,OAAO,IAAI,EAAhC,cAAgD;AAAA,IACxE,EAAE,IAAI,QAAQ;AAAA,EAChB,CAAC;AACH,CAAC;","names":["require"],"file":"ssr-published.ssr-spec.jsx"}

package/dist/source/ssr.ssr-spec.jsx

@@ -1,113 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { isServer, renderToString } from "solid-js/web";
-import {
-  Accordion,
-  AnimateHeight,
-  Avatar,
-  AvatarGroup,
-  Badge,
-  Breadcrumbs,
-  Button,
-  ButtonGroup,
-  Card,
-  Carousel,
-  Checkbox,
-  Chip,
-  CircularProgress,
-  Divider,
-  ExpansionPanel,
-  FloatingButton,
-  Icon,
-  List,
-  ListItem,
-  Message,
-  Modal,
-  Pagination,
-  ProgressIndicator,
-  RadioButton,
-  Rating,
-  Ripple,
-  ScreenDivider,
-  SelectField,
-  Sheet,
-  Skeleton,
-  Slider,
-  SnackbarProvider,
-  Stack,
-  Stepper,
-  Tab,
-  Tabs,
-  TextField,
-  Toggle,
-  Tooltip,
-  TreeView,
-  Typography
-} from "./index";
-import { FileDrop } from "./components/inputs/fileDrop";
-const cases = [
-  ["Accordion", () => <Accordion title="More">body</Accordion>],
-  ["AnimateHeight", () => <AnimateHeight height="auto">grow</AnimateHeight>],
-  ["Avatar", () => <Avatar>AB</Avatar>],
-  ["AvatarGroup", () => <AvatarGroup><Avatar>A</Avatar><Avatar>B</Avatar></AvatarGroup>],
-  ["Badge", () => <Badge badgeContent={3}>x</Badge>],
-  [
-    "Breadcrumbs",
-    () => <Breadcrumbs>
-        <a href="/">Home</a>
-        <span>Page</span>
-      </Breadcrumbs>
-  ],
-  ["Button", () => <Button>Save</Button>],
-  ["ButtonGroup", () => <ButtonGroup><Button>A</Button></ButtonGroup>],
-  ["Card", () => <Card>body</Card>],
-  [
-    "Carousel",
-    () => <Carousel>
-        <img src="/a.jpg" alt="a" />
-        <img src="/b.jpg" alt="b" />
-      </Carousel>
-  ],
-  ["Checkbox", () => <Checkbox label="ok" />],
-  ["Chip", () => <Chip label="tag" />],
-  ["CircularProgress", () => <CircularProgress />],
-  ["Divider", () => <Divider />],
-  ["ExpansionPanel(fullscreen)", () => <ExpansionPanel mode="fullscreen">content</ExpansionPanel>],
-  ["FileDrop", () => <FileDrop onDrop={() => {
-  }} />],
-  ["FloatingButton", () => <FloatingButton><Icon name="add" /></FloatingButton>],
-  ["Icon", () => <Icon name="home" />],
-  ["List", () => <List><ListItem>one</ListItem></List>],
-  ["Message", () => <Message>note</Message>],
-  ["Modal(open)", () => <Modal open onClose={() => {
-  }}><div>content</div></Modal>],
-  ["Pagination", () => <Pagination count={5} page={1} />],
-  ["ProgressIndicator", () => <ProgressIndicator variant="linear" type="indeterminate" />],
-  ["RadioButton", () => <RadioButton label="r" value="r" />],
-  ["Rating", () => <Rating value={3} />],
-  ["Ripple", () => <Ripple />],
-  ["ScreenDivider", () => <ScreenDivider><div>l</div><div>r</div></ScreenDivider>],
-  ["SelectField", () => <SelectField items={[{ text: "A", value: "a" }]} />],
-  ["Sheet(open)", () => <Sheet isOpen onClose={() => {
-  }}><div>content</div></Sheet>],
-  ["Skeleton", () => <Skeleton />],
-  ["Slider", () => <Slider value={50} />],
-  ["SnackbarProvider", () => <SnackbarProvider>app</SnackbarProvider>],
-  ["Stack", () => <Stack>child</Stack>],
-  ["Stepper", () => <Stepper steps={[{ label: "One" }, { label: "Two" }]} activeStep={0} />],
-  ["Tabs+Tab", () => <Tabs value={0} onChange={() => {
-  }}><Tab>A</Tab><Tab>B</Tab></Tabs>],
-  ["TextField", () => <TextField label="Name" />],
-  ["Toggle", () => <Toggle />],
-  ["Tooltip", () => <Tooltip message="hint">trigger</Tooltip>],
-  ["TreeView", () => <TreeView data={[{ id: "1", label: "root" }]} />],
-  ["Typography", () => <Typography variant="h1">Title</Typography>]
-];
-describe("ui-solid SSR smoke test", () => {
-  it("runs against the server build of solid-js (isServer === true)", () => {
-    expect(isServer).toBe(true);
-  });
-  it.each(cases)("renders <%s> on the server without throwing", (_name, thunk) => {
-    expect(() => renderToString(thunk)).not.toThrow();
-  });
-});
-//# sourceMappingURL=ssr.ssr-spec.js.map