@timmbr/ui 1.8.0 → 1.10.0

package/dist/components/Toast/ToastContainer.js

@@ -14,8 +14,13 @@ const VARIANT_ICONS = {
   warning: AlertTriangle,
   destructive: AlertCircle
 };
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 const ToastContainer = ({ config }) => {
   const [toasts, setToasts] = React.useState(() => toastStore.getToasts());
+  useIsomorphicLayoutEffect(() => {
+    toastStore.setMobileLayout(config?.mobileLayout ?? "snackbar");
+    toastStore.setDefaultDuration(config?.duration);
+  }, [config?.mobileLayout, config?.duration]);
   React.useEffect(() => {
     if (config?.maxVisible) {
       toastStore.setMaxVisible(config.maxVisible);

package/dist/components/Toast/toastStore.d.ts

@@ -5,10 +5,21 @@ declare class ToastStore {
     private toasts;
     private listeners;
     private maxVisible;
+    private mobileLayout;
+    private defaultDuration;
     subscribe(listener: ToastSubscriber): () => void;
     private notify;
     getToasts(): ToastItem[];
     setMaxVisible(max: number): void;
+    setMobileLayout(layout: 'snackbar' | 'toast'): void;
+    /** ToastContainer's `config.duration`, so routed snackbars stay as long as toasts would. */
+    setDefaultDuration(duration: number | undefined): void;
+    /**
+     * Whether this toast shows as a snackbar (phones by default; see ToastOptions.layout). Only when
+     * a SnackbarHost is mounted, and only for content a snackbar can show: a JSX action or a
+     * non-dismissible toast stays a toast.
+     */
+    private asSnackbar;
     addToast(options: ToastOptions): string;
     dismiss(id?: string): void;
 }

package/dist/components/Toast/toastStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toastStore.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toastStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AAElC,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,UAAU,CAAa;IAE/B,SAAS,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,IAAI;IAOhD,OAAO,CAAC,MAAM;IAId,SAAS,IAAI,SAAS,EAAE;IAIxB,aAAa,CAAC,GAAG,EAAE,MAAM;IAIzB,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM;IAuBvC,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM;CAkBpB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,EAAE,aAiDnB,CAAC;AAEF,wBAAgB,QAAQ;;mBAWa,MAAM;;EAG1C"}
+{"version":3,"file":"toastStore.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toastStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAqB,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAUhF,KAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AAElC,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,YAAY,CAAoC;IACxD,OAAO,CAAC,eAAe,CAAqB;IAE5C,SAAS,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,IAAI;IAOhD,OAAO,CAAC,MAAM;IAId,SAAS,IAAI,SAAS,EAAE;IAIxB,aAAa,CAAC,GAAG,EAAE,MAAM;IAIzB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO;IAI5C,4FAA4F;IAC5F,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS;IAI/C;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAQlB,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM;IA2CvC,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM;CAmBpB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAC1G,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAC5G,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAC5G,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IACzG,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,EAAE,aA8BlB,CAAC;AAEH,wBAAgB,QAAQ;;mBAWa,MAAM;;EAG1C"}

package/dist/components/Toast/toastStore.js

@@ -1,10 +1,17 @@
 "use client";
 import * as React from 'react';
+import { snackbarStore } from '../Snackbar/snackbarStore.js';
 
+const PHONE_QUERY = "(max-width: 639.98px)";
+function isActionConfig(action) {
+  return !!action && typeof action === "object" && "label" in action && "onClick" in action;
+}
 class ToastStore {
   toasts = [];
   listeners = /* @__PURE__ */ new Set();
   maxVisible = 5;
+  mobileLayout = "snackbar";
+  defaultDuration;
   subscribe(listener) {
     this.listeners.add(listener);
     return () => {
@@ -20,8 +27,43 @@ class ToastStore {
   setMaxVisible(max) {
     this.maxVisible = max;
   }
+  setMobileLayout(layout) {
+    this.mobileLayout = layout;
+  }
+  /** ToastContainer's `config.duration`, so routed snackbars stay as long as toasts would. */
+  setDefaultDuration(duration) {
+    this.defaultDuration = duration;
+  }
+  /**
+   * Whether this toast shows as a snackbar (phones by default; see ToastOptions.layout). Only when
+   * a SnackbarHost is mounted, and only for content a snackbar can show: a JSX action or a
+   * non-dismissible toast stays a toast.
+   */
+  asSnackbar(options) {
+    if (!snackbarStore.hasHost()) return false;
+    if (options.layout === "snackbar") return true;
+    if (options.layout === "toast" || this.mobileLayout === "toast") return false;
+    if (options.action && !isActionConfig(options.action) || options.dismissible === false) return false;
+    return typeof window !== "undefined" && !!window.matchMedia?.(PHONE_QUERY).matches;
+  }
   addToast(options) {
     const id = options.id || Math.random().toString(36).substring(2, 9);
+    if (this.asSnackbar(options)) {
+      return snackbarStore.show(options.title ?? options.description, {
+        id,
+        description: options.title ? options.description : void 0,
+        variant: options.variant,
+        duration: options.duration ?? this.defaultDuration,
+        action: isActionConfig(options.action) ? {
+          label: options.action.label,
+          onClick: (event) => options.action.onClick(event)
+        } : void 0,
+        onDismiss: () => {
+          options.onDismiss?.();
+          options.onOpenChange?.(false);
+        }
+      });
+    }
     const existingIndex = this.toasts.findIndex((t) => t.id === id);
     const newToast = {
       ...options,
@@ -40,6 +82,7 @@ class ToastStore {
     return id;
   }
   dismiss(id) {
+    snackbarStore.dismiss(id);
     if (!id) {
       this.toasts = this.toasts.map((t) => ({ ...t, open: false }));
     } else {
@@ -57,36 +100,33 @@ class ToastStore {
   }
 }
 const toastStore = new ToastStore();
-const toast = Object.assign(
-  (options) => toastStore.addToast(options),
-  {
-    error: (title, description, options) => toastStore.addToast({
-      ...options,
-      title,
-      description,
-      variant: "destructive"
-    }),
-    success: (title, description, options) => toastStore.addToast({
-      ...options,
-      title,
-      description,
-      variant: "success"
-    }),
-    warning: (title, description, options) => toastStore.addToast({
-      ...options,
-      title,
-      description,
-      variant: "warning"
-    }),
-    info: (title, description, options) => toastStore.addToast({
-      ...options,
-      title,
-      description,
-      variant: "info"
-    }),
-    dismiss: (id) => toastStore.dismiss(id)
-  }
-);
+const toast = Object.assign((options) => toastStore.addToast(options), {
+  error: (title, description, options) => toastStore.addToast({
+    ...options,
+    title,
+    description,
+    variant: "destructive"
+  }),
+  success: (title, description, options) => toastStore.addToast({
+    ...options,
+    title,
+    description,
+    variant: "success"
+  }),
+  warning: (title, description, options) => toastStore.addToast({
+    ...options,
+    title,
+    description,
+    variant: "warning"
+  }),
+  info: (title, description, options) => toastStore.addToast({
+    ...options,
+    title,
+    description,
+    variant: "info"
+  }),
+  dismiss: (id) => toastStore.dismiss(id)
+});
 function useToast() {
   const [toasts, setToasts] = React.useState(() => toastStore.getToasts());
   React.useEffect(() => {

package/dist/index.d.ts

@@ -13,6 +13,8 @@ export * from './components/Radio';
 export * from './components/Checkbox';
 export * from './components/Switch';
 export * from './components/RangeSlider';
+export * from './components/FilterPanel';
+export * from './components/FilterDrawer';
 export * from './components/Label';
 export * from './components/FormField';
 export * from './components/ImageUpload';
@@ -24,11 +26,13 @@ export * from './components/ResponsiveDialog';
 export * from './components/Dropdown';
 export * from './components/Popover';
 export * from './components/Toast';
+export * from './components/Snackbar';
 export * from './components/Tooltip';
 export * from './components/Tabs';
 export * from './components/SideBarNavigation';
 export * from './components/NavHeader';
 export * from './components/NavMenuColumns';
+export * from './components/Breadcrumb';
 export * from './components/NavFooter';
 export * from './components/AuthModal';
 export * from './components/Button';
@@ -51,6 +55,12 @@ export * from './components/Pagination';
 export * from './components/DataList';
 export * from './components/List';
 export * from './components/Chip';
+export * from './components/FilterChips';
+export * from './components/Swatch';
+export * from './components/OptionPicker';
+export * from './components/QuantityStepper';
+export * from './components/StockMeter';
+export * from './components/ProductGallery';
 export * from './components/Stat';
 export * from './components/SubNav';
 export * from './components/PageHeader';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -13,6 +13,7 @@ export { AuthModalSetPasswordForm } from './components/AuthModal/subcomponents/A
 export { AuthModalSuccess } from './components/AuthModal/subcomponents/AuthModalSuccess.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { Badge } from './components/Badge/Badge.js';
+export { Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
 export { Button } from './components/Button/Button.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
 export { Center } from './components/Center/Center.js';
@@ -22,6 +23,8 @@ export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
 export { Container } from './components/Container/Container.js';
 export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
 export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labels.js';
+export { DEFAULT_FILTER_DRAWER_LABELS, FilterDrawer } from './components/FilterDrawer/FilterDrawer.js';
+export { DEFAULT_FILTER_LABELS, FilterOptionList, FilterPanel, FilterPriceSlider, FilterToggleRow, isOptionDisabled } from './components/FilterPanel/FilterPanel.js';
 export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
 export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
 export { DataList, DataListAction, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
@@ -32,6 +35,7 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { EmptyState } from './components/EmptyState/EmptyState.js';
 export { Fieldset } from './components/Fieldset/Fieldset.js';
 export { FilmIcon, ImageIcon, PlayIcon, UploadCloudIcon } from './components/ImageUpload/subcomponents/ImageUploadIcons.js';
+export { FilterChips } from './components/FilterChips/FilterChips.js';
 export { Footer, NavFooter } from './components/NavFooter/NavFooter.js';
 export { FormActions } from './components/FormActions/FormActions.js';
 export { FormField } from './components/FormField/FormField.js';
@@ -51,24 +55,30 @@ export { Label } from './components/Label/Label.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
 export { MediaCard } from './components/MediaCard/MediaCard.js';
-export { NAV_MENU_TILE_PX, NavMenuColumns, NavMenuPromo, NavMenuTiles, packNavMenuGroups } from './components/NavMenuColumns/NavMenuColumns.js';
+export { NAV_MENU_TILE_PX, NavMenuColumns, NavMenuPromo, NavMenuTiles, packNavMenuGroups, toNavMenuItems } from './components/NavMenuColumns/NavMenuColumns.js';
 export { NavActions } from './components/NavHeader/subcomponents/NavActions.js';
 export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
 export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
 export { NavMegaMenu } from './components/NavHeader/subcomponents/NavMegaMenu.js';
 export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
+export { NavSearchPanel, useNavSearchCombobox } from './components/NavHeader/subcomponents/NavSearchPanel.js';
 export { OAuthButton } from './components/AuthModal/subcomponents/OAuthButton.js';
 export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
+export { OptionPicker } from './components/OptionPicker/OptionPicker.js';
 export { OtpInput } from './components/OtpInput/OtpInput.js';
+export { PRICE_GROUP_KEY } from './components/FilterPanel/FilterPanel.types.js';
 export { PageHeader } from './components/PageHeader/PageHeader.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary } from './components/Pagination/Pagination.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Price, discountPercent } from './components/Price/Price.js';
+export { ProductGallery } from './components/ProductGallery/ProductGallery.js';
 export { Progress } from './components/Progress/Progress.js';
+export { QuantityStepper } from './components/QuantityStepper/QuantityStepper.js';
 export { RESPONSIVE_DIALOG_BREAKPOINT, ResponsiveDialog, ResponsiveDialogBody, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogForm, ResponsiveDialogHeader, ResponsiveDialogTitle, useResponsiveDialogMode } from './components/ResponsiveDialog/ResponsiveDialog.js';
 export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
 export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
 export { Rating } from './components/Rating/Rating.js';
+export { SNACKBAR_EXIT_MS, snackbar, snackbarStore } from './components/Snackbar/snackbarStore.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from './components/Select/Select.js';
 export { SideBarNavigation } from './components/SideBarNavigation/SideBarNavigation.js';
 export { SidebarBranding } from './components/SideBarNavigation/subcomponents/SidebarBranding.js';
@@ -80,11 +90,15 @@ export { SidebarProfile } from './components/SideBarNavigation/subcomponents/Sid
 export { SidebarSubItem } from './components/SideBarNavigation/subcomponents/SidebarSubItem.js';
 export { SidebarToggle } from './components/SideBarNavigation/subcomponents/SidebarToggle.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
+export { Snackbar } from './components/Snackbar/Snackbar.js';
+export { SnackbarHost } from './components/Snackbar/SnackbarHost.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { Stack } from './components/Stack/Stack.js';
 export { Stat, StatHelpText, StatIndicator, StatLabel, StatValue } from './components/Stat/Stat.js';
 export { Stepper } from './components/Stepper/Stepper.js';
+export { StockMeter } from './components/StockMeter/StockMeter.js';
 export { SubNav, SubNavAction, isSubNavItemActive } from './components/SubNav/SubNav.js';
+export { Swatch, swatchLuminance } from './components/Swatch/Swatch.js';
 export { Switch } from './components/Switch/Switch.js';
 export { TABS_SCROLL_FADE, tabsContentVariants, tabsListVariants, tabsScrollButtonVariants, tabsScrollEdgeVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/Table.js';
@@ -103,6 +117,7 @@ export { alertIconVariants, alertVariants } from './components/Alert/Alert.style
 export { authModalBannerVariants, authModalCardVariants, authModalContainerVariants, authModalHeadingVariants, authModalInputVariants, authModalLinkVariants, authModalSecondaryButtonVariants, authModalSubmitButtonVariants, authModalSubtitleVariants } from './components/AuthModal/AuthModal.styles.js';
 export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
 export { badgeVariants } from './components/Badge/Badge.styles.js';
+export { breadcrumbCurrentVariants, breadcrumbItemVariants, breadcrumbLinkVariants, breadcrumbListVariants, breadcrumbSeparatorVariants } from './components/Breadcrumb/Breadcrumb.styles.js';
 export { buttonVariants } from './components/Button/Button.styles.js';
 export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardSectionFooterPadding, cardSectionPadding, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
 export { centerVariants } from './components/Center/Center.styles.js';
@@ -116,6 +131,8 @@ export { dividerVariants } from './components/Divider/Divider.styles.js';
 export { drawerBodyVariants, drawerContentVariants, drawerDescriptionVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants, drawerTitleVariants } from './components/Drawer/Drawer.styles.js';
 export { dropdownContentVariants, dropdownItemIconVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
 export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/EmptyState/EmptyState.styles.js';
+export { filterDrawerBadgeVariants, filterDrawerContentVariants, filterDrawerFooterVariants, filterDrawerHeaderVariants, filterDrawerNavItemVariants, filterDrawerNavVariants, filterDrawerPanesVariants } from './components/FilterDrawer/FilterDrawer.styles.js';
+export { filterLinkButtonVariants, filterOptionCountVariants, filterOptionLabelVariants, filterOptionRowVariants, filterPanelBodyVariants, filterPanelHeaderVariants, filterPanelTitleVariants, filterPanelVariants, filterSectionContentVariants, filterSectionTriggerVariants, filterToggleListVariants } from './components/FilterPanel/FilterPanel.styles.js';
 export { footerLegalBarVariants, footerLegalLinkVariants, footerNavLinkVariants, footerOfficeBlockVariants, footerSectionTitleVariants, footerSocialButtonVariants, navFooterContainerVariants, navFooterRootVariants } from './components/NavFooter/NavFooter.styles.js';
 export { formFieldVariants } from './components/FormField/FormField.styles.js';
 export { headingVariants } from './components/Heading/Heading.styles.js';
@@ -128,25 +145,31 @@ export { labelVariants } from './components/Label/Label.styles.js';
 export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js';
 export { listDividedClass, listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
 export { mediaCardMediaVariants, mediaCardOverlayVariants, mediaCardVariants } from './components/MediaCard/MediaCard.styles.js';
-export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
+export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPanelOptionVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
 export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
 export { navMenuAsideVariants, navMenuColumnVariants, navMenuColumnsGridVariants, navMenuLinkVariants, navMenuMoreVariants, navMenuPromoTitleVariants, navMenuPromoVariants, navMenuTileImageVariants, navMenuTileLabelVariants, navMenuTileVariants, navMenuTilesVariants, navMenuTitleVariants } from './components/NavMenuColumns/NavMenuColumns.styles.js';
+export { optionImageVariants, optionPickerLegendVariants, optionPickerVariants, optionPillVariants, optionStrikeVariants, optionSwatchVariants } from './components/OptionPicker/OptionPicker.styles.js';
 export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
 export { pageHeaderTitleVariants, pageHeaderVariants } from './components/PageHeader/PageHeader.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
 export { popoverContentVariants } from './components/Popover/Popover.styles.js';
 export { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants } from './components/Price/Price.styles.js';
+export { productGalleryArrowVariants, productGalleryCounterVariants, productGalleryFrameVariants, productGalleryLensVariants, productGalleryLightboxButtonVariants, productGalleryLightboxVariants, productGallerySlideVariants, productGalleryStageVariants, productGalleryThumbListVariants, productGalleryThumbVariants, productGalleryThumbsVariants, productGalleryTrackVariants, productGalleryVariants, productGalleryZoomPaneVariants } from './components/ProductGallery/ProductGallery.styles.js';
 export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
+export { quantityStepperButtonVariants, quantityStepperValueVariants, quantityStepperVariants } from './components/QuantityStepper/QuantityStepper.styles.js';
 export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Radio.styles.js';
 export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
 export { ratingVariants } from './components/Rating/Rating.styles.js';
 export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
 export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
+export { snackbarActionVariants, snackbarCloseVariants, snackbarHostVariants, snackbarIconVariants, snackbarVariants } from './components/Snackbar/Snackbar.styles.js';
 export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
 export { stackVariants } from './components/Stack/Stack.styles.js';
 export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
 export { stepConnectorVariants, stepIndicatorVariants, stepperVariants } from './components/Stepper/Stepper.styles.js';
+export { stockMeterFillVariants, stockMeterTrackVariants, stockMeterVariants } from './components/StockMeter/StockMeter.styles.js';
 export { subNavFooterVariants, subNavIconVariants, subNavItemVariants, subNavListVariants } from './components/SubNav/SubNav.styles.js';
+export { swatchVariants } from './components/Swatch/Swatch.styles.js';
 export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
 export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHeadVariants, tablePaginationVariants, tableRowVariants, tableVariants } from './components/Table/Table.styles.js';
 export { textVariants } from './components/Text/Text.styles.js';

package/dist/providers/TimmbrConfigProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimmbrConfigProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TimmbrConfigProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE;QACP,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACjD,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;KACpC,CAAC;IACF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,CAOR;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CA8BtD,CAAC;AAIF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,YAElC,CAAC"}
+{"version":3,"file":"TimmbrConfigProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TimmbrConfigProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAKzE,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE;QACP,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACjD,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;KACpC,CAAC;IACF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAOnG;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CA8BtD,CAAC;AAIF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6DpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,YAElC,CAAC"}

package/dist/providers/TimmbrConfigProvider.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { ToastProvider } from '../components/Toast/Toast.js';
 import { ToastContainer } from '../components/Toast/ToastContainer.js';
+import { SnackbarHost } from '../components/Snackbar/SnackbarHost.js';
 
 function resolveZoneHref(href, zone, zones) {
   if (!zone || !zones || !zones[zone]) {
@@ -44,10 +45,7 @@ const defaultTimmbrConfig = {
   }
 };
 const TimmbrConfigContext = React.createContext(defaultTimmbrConfig);
-const TimmbrConfigProvider = ({
-  children,
-  config
-}) => {
+const TimmbrConfigProvider = ({ children, config }) => {
   const mergedConfig = React.useMemo(() => {
     return {
       animations: {
@@ -88,10 +86,7 @@ const TimmbrConfigProvider = ({
   const animationsDisabled = mergedConfig.animations?.enabled === false;
   React.useEffect(() => {
     if (typeof document !== "undefined") {
-      document.documentElement.setAttribute(
-        "data-animations-disabled",
-        animationsDisabled ? "true" : "false"
-      );
+      document.documentElement.setAttribute("data-animations-disabled", animationsDisabled ? "true" : "false");
     }
     return () => {
       if (typeof document !== "undefined") {
@@ -101,7 +96,8 @@ const TimmbrConfigProvider = ({
   }, [animationsDisabled]);
   return /* @__PURE__ */ jsx(TimmbrConfigContext.Provider, { value: mergedConfig, children: /* @__PURE__ */ jsxs(ToastProvider, { swipeDirection: mergedConfig.toast?.swipeDirection ?? "right", children: [
     children,
-    /* @__PURE__ */ jsx(ToastContainer, { config: mergedConfig.toast })
+    /* @__PURE__ */ jsx(ToastContainer, { config: mergedConfig.toast }),
+    /* @__PURE__ */ jsx(SnackbarHost, {})
   ] }) });
 };
 const useTimmbrConfig = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmbr/ui",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,11 +42,11 @@
     "@radix-ui/react-tooltip": "^1.2.16",
     "class-variance-authority": "^0.7.1",
     "input-otp": "^1.5.0",
-    "@timmbr/icons": "1.4.0",
-    "@timmbr/hooks": "1.0.0",
-    "@timmbr/utils": "1.4.0",
-    "@timmbr/motion": "1.2.2",
-    "@timmbr/theme": "1.3.0"
+    "@timmbr/icons": "1.5.0",
+    "@timmbr/hooks": "1.1.0",
+    "@timmbr/utils": "1.6.0",
+    "@timmbr/theme": "1.3.0",
+    "@timmbr/motion": "1.2.4"
   },
   "peerDependencies": {
     "next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",