@smwb/ui-solid 0.2.2 → 0.4.0

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

@@ -0,0 +1,142 @@
+import "/sourcecraft/workspace/packages/styles/less/components/tabs/tabs.entry.less";
+import { Show, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps } from "solid-js";
+import cn from "clsx";
+import { debounce } from "../../../utils/debounce";
+import { animate } from "../../../utils/animate";
+import { TabsContext } from "./tabsContext";
+import { Tab } from "./tab/tab";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const VIEW_NEXT_TAB_PX = 40;
+function Tabs(props) {
+  const merged = mergeProps({ indicatorContent: false, scrollable: false }, props);
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "children",
+    "onChange",
+    "value",
+    "indicatorContent",
+    "scrollable",
+    "aria-label",
+    "ref"
+  ]);
+  const [mounted, setMounted] = createSignal(false);
+  const [indicatorStyle, setIndicatorStyle] = createSignal({ root: {} });
+  let tabsEl;
+  let tabListEl;
+  let tabCounter = 0;
+  const contentRefs = [];
+  const getTabsMeta = () => {
+    let tabsMeta;
+    if (tabsEl) {
+      const rect = tabsEl.getBoundingClientRect();
+      tabsMeta = { clientWidth: tabsEl.clientWidth, scrollLeft: tabsEl.scrollLeft, left: rect.left, right: rect.right };
+    }
+    let tabMeta = null;
+    let tabContentMeta = null;
+    if (tabsEl && tabListEl && tabListEl.children.length > 0) {
+      const tab = tabListEl.children[local.value];
+      tabMeta = tab ? tab.getBoundingClientRect() : null;
+      if (local.indicatorContent) {
+        tabContentMeta = contentRefs[local.value]?.getBoundingClientRect() ?? null;
+      }
+    }
+    return { tabsMeta, tabMeta, tabContentMeta };
+  };
+  const updateIndicatorState = () => {
+    const { tabsMeta, tabMeta, tabContentMeta } = getTabsMeta();
+    let startValue = 0;
+    if (tabMeta && tabsMeta) {
+      startValue = tabMeta.left - tabsMeta.left + tabsMeta.scrollLeft;
+    }
+    const next = { root: { left: startValue, width: tabMeta ? tabMeta.width : 0 } };
+    if (local.indicatorContent && tabContentMeta) {
+      next.content = { width: tabContentMeta.width };
+    }
+    const prev = indicatorStyle();
+    if (prev.root.left === void 0 || prev.root.width === void 0) {
+      setIndicatorStyle(next);
+      return;
+    }
+    const dStart = Math.abs((prev.root.left ?? 0) - (next.root.left ?? 0));
+    const dSize = Math.abs((prev.root.width ?? 0) - (next.root.width ?? 0));
+    if (dStart >= 1 || dSize >= 1) {
+      setIndicatorStyle(next);
+    }
+  };
+  const scroll = (scrollValue) => {
+    if (!tabsEl) return;
+    animate(tabsEl, "scrollLeft", scrollValue, { duration: 300 });
+  };
+  const scrollSelectedIntoView = () => {
+    const { tabsMeta, tabMeta } = getTabsMeta();
+    if (!tabMeta || !tabsMeta) return;
+    if (tabMeta.left < tabsMeta.left) {
+      scroll(tabsMeta.scrollLeft + (tabMeta.left - tabsMeta.left) - VIEW_NEXT_TAB_PX);
+    } else if (tabMeta.right > tabsMeta.right) {
+      scroll(tabsMeta.scrollLeft + (tabMeta.right - tabsMeta.right) + VIEW_NEXT_TAB_PX);
+    }
+  };
+  onMount(() => setMounted(true));
+  createEffect(on(() => local.value, () => updateIndicatorState()));
+  onMount(() => {
+    const onResize = debounce(() => updateIndicatorState(), 166);
+    const view = tabsEl?.ownerDocument.defaultView;
+    view?.addEventListener("resize", onResize);
+    let resizeObserver;
+    if (typeof ResizeObserver !== "undefined" && tabListEl) {
+      resizeObserver = new ResizeObserver(onResize);
+      Array.from(tabListEl.children).forEach((child) => resizeObserver?.observe(child));
+    }
+    onCleanup(() => {
+      onResize.cancel();
+      view?.removeEventListener("resize", onResize);
+      resizeObserver?.disconnect();
+    });
+  });
+  createEffect(() => {
+    indicatorStyle();
+    scrollSelectedIntoView();
+  });
+  const contextValue = {
+    value: () => local.value,
+    onChange: local.onChange,
+    indicatorContent: local.indicatorContent,
+    registerTab: () => tabCounter++,
+    setContentRef: (index, el) => {
+      contentRefs[index] = el;
+    }
+  };
+  return <TabsContext.Provider value={contextValue}>
+      <div {...rest} class={cn("smwb-tabs", local.class)} role="tabpanel" ref={mergeRefs(local.ref)}>
+        <div
+    class={cn("smwb-tabs__scroller", { "smwb-tabs__scroller--scrollable": local.scrollable })}
+    ref={(el) => tabsEl = el}
+  >
+          <div class="smwb-tabs__scroll-area" ref={(el) => tabListEl = el} role="tablist" aria-label={local["aria-label"]}>
+            {local.children}
+          </div>
+          <Show when={mounted()}>
+            <span
+    class="smwb-tabs__indicator"
+    style={{
+      left: `${indicatorStyle().root.left ?? 0}px`,
+      width: `${indicatorStyle().root.width ?? 0}px`
+    }}
+  >
+              <span
+    class="smwb-tabs__indicator-content"
+    style={indicatorStyle().content ? { width: `${indicatorStyle().content?.width ?? 0}px` } : {}}
+  />
+            </span>
+          </Show>
+        </div>
+      </div>
+    </TabsContext.Provider>;
+}
+var tabs_default = Tabs;
+export {
+  Tab,
+  Tabs,
+  tabs_default as default
+};
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +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"}

package/dist/source/components/navigation/tabs/tabsContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "solid-js";
+const TabsContext = createContext();
+const useTabsContext = () => useContext(TabsContext);
+export {
+  TabsContext,
+  useTabsContext
+};
+//# sourceMappingURL=tabsContext.js.map

package/dist/source/components/navigation/tabs/tabsContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/tabs/tabsContext.ts"],
+  "sourcesContent": ["import { type Accessor, createContext, useContext } from \"solid-js\";\n\nexport interface TabsContextValue {\n  value: Accessor<number>;\n  onChange: (event: MouseEvent & { currentTarget: HTMLElement; target: Element }, index: number) => void;\n  indicatorContent: boolean;\n  /** Each Tab registers on setup to learn its index (in DOM order). */\n  registerTab: () => number;\n  setContentRef: (index: number, el: HTMLSpanElement) => void;\n}\n\nexport const TabsContext = createContext<TabsContextValue>();\n\nexport const useTabsContext = (): TabsContextValue | undefined => useContext(TabsContext);\n"],
+  "mappings": "AAAA,SAAwB,eAAe,kBAAkB;AAWlD,MAAM,cAAc,cAAgC;AAEpD,MAAM,iBAAiB,MAAoC,WAAW,WAAW;",
+  "names": []
+}

package/dist/source/index.js

@@ -0,0 +1,309 @@
+import { mergeRefs } from "./primitives/mergeRefs";
+import { createId } from "./primitives/createId";
+import { createControllableState } from "./primitives/createControllableState";
+import { createTheme, Theme } from "./primitives/createTheme";
+import { createFloating } from "./primitives/createFloating";
+import { createFocusTrap } from "./primitives/createFocusTrap";
+import { createCssTransition } from "./primitives/createCssTransition";
+import { createDropzone } from "./primitives/createDropzone";
+import { createVirtualList } from "./primitives/createVirtualList";
+import { createMaskedInput } from "./primitives/createMaskedInput";
+import { resolvePlacement, buildFloatingMiddleware, placements } from "./utils/floating";
+import { Icon } from "./components/base/icon";
+import { Ripple } from "./components/base/ripple";
+import { AnimateHeight } from "./components/base/animateHeight";
+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 { Avatar, AvatarGroup } from "./components/dataDisplay/avatar";
+import { List, ListItem } from "./components/dataDisplay/list";
+import { Accordion } from "./components/dataDisplay/accordion";
+import { ExpansionPanel } from "./components/dataDisplay/expansionPanel";
+import {
+  Table,
+  TableHead,
+  TableBody,
+  TableRow,
+  TableCell,
+  TableHeadCell,
+  TablePagination
+} from "./components/dataDisplay/table";
+import { TreeView } from "./components/dataDisplay/treeView";
+import { Carousel } from "./components/dataDisplay/carousel";
+import { ImagesList, ImagesListItem, ImagesListItemModal } from "./components/dataDisplay/imagesList";
+import {
+  Chat,
+  ChatLayout,
+  ChatOverlayLayout,
+  ChatShell,
+  ChatHeader,
+  ChatMessages,
+  ChatMessageItem,
+  ChatMessageIncoming,
+  ChatMessageOutgoing,
+  ChatMessageSystem,
+  ChatMessageBubble,
+  ChatMessageSkeleton,
+  ChatMessageStatus,
+  ChatMessageAvatar,
+  ChatAttachments,
+  ChatAttachmentImage,
+  ChatIconButton,
+  ChatComposer,
+  createChatInfiniteScroll,
+  createChatFileUpload,
+  resolveChatFileUploadMaxFiles,
+  createChatStickToBottom,
+  isScrolledToBottom,
+  scrollChatToBottom,
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS,
+  isImageAttachment,
+  formatChatTimestamp,
+  resolveAllowedLayouts,
+  isChatMessageDeliveryStatus,
+  resolveChatMessageStatusIcon,
+  resolveChatMessageStatusLabel,
+  shouldComposerNewlineOnEnter,
+  getChatLayoutActions,
+  shouldShowChatCloseButton
+} from "./components/dataDisplay/chat";
+import { Skeleton } from "./components/feedBack/skeleton";
+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 { SnackbarProvider, Snackbar, useSnackbar } from "./components/feedBack/snackbar";
+import { ClickAwayListener } from "./components/clickAwayListener";
+import { Divider } from "./components/layout/divider";
+import { Stack } from "./components/layout/stack";
+import { Page } from "./components/layout/page";
+import { PageHeader } from "./components/layout/pageHeader";
+import { Grid, Row, Column, Container } from "./components/layout/grid";
+import { AppLayout } from "./components/layout/appLayout";
+import { ScreenDivider } from "./components/layout/screenDivider";
+import { Sheet } from "./components/layout/sheet";
+import { AppBar } from "./components/navigation/appBar";
+import { Breadcrumbs } from "./components/navigation/breadcrumbs";
+import { Pagination } from "./components/navigation/pagination";
+import { Stepper } from "./components/navigation/stepper";
+import { Sidebar } from "./components/navigation/sidebar";
+import { Tabs, Tab, TabsContext, useTabsContext } from "./components/navigation/tabs";
+import { BottomBar } from "./components/navigation/bottomBar";
+import {
+  Menu,
+  MenuFloating,
+  MenuList,
+  MenuItem,
+  MenuItemIcon,
+  MenuItemText,
+  MenuDivider,
+  MenuSubmenu,
+  MenuContext,
+  useMenuContext,
+  buildMenuFloatingMiddleware
+} from "./components/navigation/menu";
+import { Button } from "./components/inputs/button";
+import { ButtonGroup } from "./components/inputs/buttonGroups";
+import { Checkbox } from "./components/inputs/checkbox";
+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 { FileInput } from "./components/inputs/fileInput";
+import { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from "./components/inputs/fileDrop";
+import { SelectField, DropdownMenu } from "./components/inputs/selectField";
+import {
+  DatePicker,
+  OpenView,
+  DataPickerDays,
+  DataPickerHeader,
+  DataPickerInput,
+  DatePickerActionLabel,
+  DatePickerDay,
+  DatePickerIconButton,
+  DatePickerList,
+  createDateInput
+} from "./components/inputs/datePicker";
+import { TimePicker, TimePickerInput, TimePickerColumns, createTimeInput, DEFAULT_TIME_FORMAT } from "./components/inputs/timePicker";
+import {
+  DateTimePicker,
+  DateTimePickerInput,
+  createDateTimeInput,
+  getCurrentDateTimeFormat,
+  getDisplayDateTime,
+  formatDateTimeByPattern,
+  isDateTimePatternMatch,
+  parseDateTimeByPattern
+} from "./components/inputs/dateTimePicker";
+import { FloatingButton } from "./components/inputs/floatingButton";
+import { TextField, TextFieldWrapper, TextFieldAdornment } from "./components/inputs/textField";
+export {
+  Accordion,
+  AnimateHeight,
+  AppBar,
+  AppLayout,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  BottomBar,
+  Breadcrumbs,
+  Button,
+  ButtonGroup,
+  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS,
+  Card,
+  Carousel,
+  Chat,
+  ChatAttachmentImage,
+  ChatAttachments,
+  ChatComposer,
+  ChatHeader,
+  ChatIconButton,
+  ChatLayout,
+  ChatMessageAvatar,
+  ChatMessageBubble,
+  ChatMessageIncoming,
+  ChatMessageItem,
+  ChatMessageOutgoing,
+  ChatMessageSkeleton,
+  ChatMessageStatus,
+  ChatMessageSystem,
+  ChatMessages,
+  ChatOverlayLayout,
+  ChatShell,
+  Checkbox,
+  Chip,
+  CircularProgress,
+  ClickAwayListener,
+  Column,
+  Container,
+  CountPreview,
+  DEFAULT_TIME_FORMAT,
+  DataPickerDays,
+  DataPickerHeader,
+  DataPickerInput,
+  DatePicker,
+  DatePickerActionLabel,
+  DatePickerDay,
+  DatePickerIconButton,
+  DatePickerList,
+  DateTimePicker,
+  DateTimePickerInput,
+  Divider,
+  DropdownMenu,
+  ExpansionPanel,
+  FileDrop,
+  FileInput,
+  FloatingButton,
+  Grid,
+  Icon,
+  ImagesList,
+  ImagesListItem,
+  ImagesListItemModal,
+  List,
+  ListItem,
+  Menu,
+  MenuContext,
+  MenuDivider,
+  MenuFloating,
+  MenuItem,
+  MenuItemIcon,
+  MenuItemText,
+  MenuList,
+  MenuSubmenu,
+  Message,
+  MessageContainer,
+  Modal,
+  OpenView,
+  Page,
+  PageHeader,
+  Pagination,
+  Preview,
+  PreviewWrapper,
+  ProgressIndicator,
+  RadioButton,
+  Rating,
+  Ripple,
+  Row,
+  ScreenDivider,
+  SelectField,
+  Sheet,
+  Sidebar,
+  Skeleton,
+  Slider,
+  Snackbar,
+  SnackbarProvider,
+  Stack,
+  Stepper,
+  Tab,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeadCell,
+  TablePagination,
+  TableRow,
+  Tabs,
+  TabsContext,
+  TextField,
+  TextFieldAdornment,
+  TextFieldWrapper,
+  Theme,
+  TimePicker,
+  TimePickerColumns,
+  TimePickerInput,
+  Toggle,
+  Tooltip,
+  TreeView,
+  Typography,
+  buildFloatingMiddleware,
+  buildMenuFloatingMiddleware,
+  createChatFileUpload,
+  createChatInfiniteScroll,
+  createChatStickToBottom,
+  createControllableState,
+  createCssTransition,
+  createDateInput,
+  createDateTimeInput,
+  createDropzone,
+  createFloating,
+  createFocusTrap,
+  createId,
+  createMaskedInput,
+  createTheme,
+  createTimeInput,
+  createVirtualList,
+  formatChatTimestamp,
+  formatDateTimeByPattern,
+  getChatLayoutActions,
+  getCurrentDateTimeFormat,
+  getDisplayDateTime,
+  isChatMessageDeliveryStatus,
+  isDateTimePatternMatch,
+  isImageAttachment,
+  isImageFile,
+  isScrolledToBottom,
+  mergeRefs,
+  parseDateTimeByPattern,
+  placements,
+  resolveAllowedLayouts,
+  resolveChatFileUploadMaxFiles,
+  resolveChatMessageStatusIcon,
+  resolveChatMessageStatusLabel,
+  resolvePlacement,
+  scrollChatToBottom,
+  shouldComposerNewlineOnEnter,
+  shouldShowChatCloseButton,
+  useMenuContext,
+  useSnackbar,
+  useTabsContext
+};
+//# sourceMappingURL=index.js.map

package/dist/source/index.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/dist/source/primitives/callHandler.js

@@ -0,0 +1,12 @@
+function callHandler(handler, event) {
+  if (!handler) return;
+  if (typeof handler === "function") {
+    handler(event);
+  } else {
+    handler[0](handler[1], event);
+  }
+}
+export {
+  callHandler
+};
+//# sourceMappingURL=callHandler.js.map

package/dist/source/primitives/callHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/primitives/callHandler.ts"],
+  "sourcesContent": ["import type { JSX } from \"solid-js\";\n\n/**\n * Invoke a Solid `EventHandlerUnion` (a function, or a `[handler, data]` bound\n * tuple) uniformly. Used when a component needs to call a user-supplied event\n * handler from inside its own wrapper handler.\n */\nexport function callHandler<T, E extends Event>(\n  handler: JSX.EventHandlerUnion<T, E> | undefined,\n  event: E & { currentTarget: T; target: Element }\n): void {\n  if (!handler) return;\n  if (typeof handler === \"function\") {\n    handler(event);\n  } else {\n    handler[0](handler[1], event);\n  }\n}\n"],
+  "mappings": "AAOO,SAAS,YACd,SACA,OACM;AACN,MAAI,CAAC,QAAS;AACd,MAAI,OAAO,YAAY,YAAY;AACjC,YAAQ,KAAK;AAAA,EACf,OAAO;AACL,YAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK;AAAA,EAC9B;AACF;",
+  "names": []
+}

package/dist/source/primitives/createControllableState.js

@@ -0,0 +1,19 @@
+import { createSignal } from "solid-js";
+function createControllableState(params) {
+  const [internal, setInternal] = createSignal(params.defaultValue);
+  const isControlled = () => params.value?.() !== void 0;
+  const value = () => isControlled() ? params.value() : internal();
+  const setValue = (next) => {
+    const prev = value();
+    const resolved = typeof next === "function" ? next(prev) : next;
+    if (!isControlled()) {
+      setInternal(() => resolved);
+    }
+    params.onChange?.(resolved);
+  };
+  return [value, setValue];
+}
+export {
+  createControllableState
+};
+//# sourceMappingURL=createControllableState.js.map

package/dist/source/primitives/createControllableState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/primitives/createControllableState.ts"],
+  "sourcesContent": ["import { type Accessor, createSignal } from \"solid-js\";\n\ntype Updater<T> = T | ((prev: T) => T);\n\nexport interface CreateControllableStateParams<T> {\n  /** Reactive controlled value. When it resolves to a non-undefined value the\n   *  state is controlled: the returned accessor mirrors it and the setter only\n   *  calls `onChange`. */\n  value?: Accessor<T | undefined> | undefined;\n  /** Initial value for uncontrolled mode. */\n  defaultValue: T;\n  /** Called whenever the value should change (both modes). */\n  onChange?: ((next: T) => void) | undefined;\n}\n\n/**\n * Controlled/uncontrolled state helper \u2014 the Solid analogue of summer-ui's\n * useControllableState. Controlled-ness is evaluated reactively so a component\n * can transition between modes if its `value` prop appears/disappears.\n */\nexport function createControllableState<T>(\n  params: CreateControllableStateParams<T>\n): [Accessor<T>, (next: Updater<T>) => void] {\n  const [internal, setInternal] = createSignal<T>(params.defaultValue);\n\n  const isControlled = (): boolean => params.value?.() !== undefined;\n  const value: Accessor<T> = () => (isControlled() ? (params.value!() as T) : internal());\n\n  const setValue = (next: Updater<T>): void => {\n    const prev = value();\n    const resolved = typeof next === \"function\" ? (next as (p: T) => T)(prev) : next;\n    if (!isControlled()) {\n      setInternal(() => resolved);\n    }\n    params.onChange?.(resolved);\n  };\n\n  return [value, setValue];\n}\n"],
+  "mappings": "AAAA,SAAwB,oBAAoB;AAoBrC,SAAS,wBACd,QAC2C;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,aAAgB,OAAO,YAAY;AAEnE,QAAM,eAAe,MAAe,OAAO,QAAQ,MAAM;AACzD,QAAM,QAAqB,MAAO,aAAa,IAAK,OAAO,MAAO,IAAU,SAAS;AAErF,QAAM,WAAW,CAAC,SAA2B;AAC3C,UAAM,OAAO,MAAM;AACnB,UAAM,WAAW,OAAO,SAAS,aAAc,KAAqB,IAAI,IAAI;AAC5E,QAAI,CAAC,aAAa,GAAG;AACnB,kBAAY,MAAM,QAAQ;AAAA,IAC5B;AACA,WAAO,WAAW,QAAQ;AAAA,EAC5B;AAEA,SAAO,CAAC,OAAO,QAAQ;AACzB;",
+  "names": []
+}

package/dist/source/primitives/createCssTransition.js

@@ -0,0 +1,59 @@
+import { createEffect, createSignal, onCleanup } from "solid-js";
+const join = (...parts) => parts.filter(Boolean).join(" ");
+function createCssTransition(options) {
+  const [mounted, setMounted] = createSignal(options.in());
+  const [classes, setClasses] = createSignal("");
+  let first = true;
+  let timer;
+  let raf1;
+  let raf2;
+  const clearTimers = () => {
+    if (timer !== void 0) clearTimeout(timer);
+    if (raf1 !== void 0) cancelAnimationFrame(raf1);
+    if (raf2 !== void 0) cancelAnimationFrame(raf2);
+    timer = void 0;
+    raf1 = void 0;
+    raf2 = void 0;
+  };
+  const run = (start, active, done, duration, onEnd) => {
+    setClasses(start ?? "");
+    raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(() => setClasses(join(start, active)));
+    });
+    timer = setTimeout(() => {
+      if (onEnd) onEnd();
+      else setClasses(done ?? "");
+    }, duration);
+  };
+  createEffect(() => {
+    const show = options.in();
+    clearTimers();
+    const cls = options.classNames;
+    if (show) {
+      setMounted(true);
+      if (first && !options.appear) {
+        setClasses(cls.enterDone ?? "");
+      } else {
+        const useAppear = first && !!options.appear;
+        run(
+          useAppear ? cls.appear : cls.enter,
+          useAppear ? cls.appearActive : cls.enterActive,
+          useAppear ? cls.appearDone ?? cls.enterDone : cls.enterDone,
+          useAppear ? options.timeout.appear ?? options.timeout.enter : options.timeout.enter
+        );
+      }
+    } else if (mounted()) {
+      run(cls.exit, cls.exitActive, cls.exitDone, options.timeout.exit, () => {
+        setMounted(false);
+        setClasses("");
+      });
+    }
+    first = false;
+  });
+  onCleanup(clearTimers);
+  return { mounted, classes };
+}
+export {
+  createCssTransition
+};
+//# sourceMappingURL=createCssTransition.js.map