@expcat/tigercat-react 1.0.7 → 1.1.0

package/dist/{chunk-HU3VDVH6.js → chunk-A4PPPGJ5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkSDWJSALH_js = require('./chunk-SDWJSALH.js');
-var chunkHWWNBCFB_js = require('./chunk-HWWNBCFB.js');
-var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
-var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
+var chunk5OLE7XM3_js = require('./chunk-5OLE7XM3.js');
+var chunkGAT4ZATZ_js = require('./chunk-GAT4ZATZ.js');
+var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
+var chunkMPO7Y76D_js = require('./chunk-MPO7Y76D.js');
 var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
 var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
 var react = require('react');
@@ -73,7 +73,7 @@ var NotificationCenter = ({
       setInternalGroupKey(keys[0]);
     }
   }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  const currentGroup = react.useMemo(() => {
+  react.useMemo(() => {
     if (resolvedGroups.length === 0) return void 0;
     if (currentGroupKey === void 0) return resolvedGroups[0];
     const index = resolvedGroups.findIndex(
@@ -81,7 +81,6 @@ var NotificationCenter = ({
     );
     return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
   }, [currentGroupKey, resolvedGroups]);
-  currentGroup?.items ?? [];
   const [readStateOverrides, setReadStateOverrides] = react.useState(
     () => /* @__PURE__ */ new Map()
   );
@@ -110,9 +109,15 @@ var NotificationCenter = ({
     );
     return index >= 0 ? effectiveGroups[index] : effectiveGroups[0];
   }, [currentGroupKey, effectiveGroups]);
-  const effectiveCurrentGroupItems = effectiveCurrentGroup?.items ?? [];
+  const effectiveCurrentGroupItems = react.useMemo(
+    () => effectiveCurrentGroup?.items ?? [],
+    [effectiveCurrentGroup]
+  );
   const effectiveItems = react.useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
-  const hasUnread = effectiveCurrentGroupItems.some((item) => !item.read);
+  const hasUnread = react.useMemo(
+    () => effectiveCurrentGroupItems.some((item) => !item.read),
+    [effectiveCurrentGroupItems]
+  );
   const totalUnread = react.useMemo(() => {
     const allItems = effectiveGroups.flatMap((group) => group.items);
     if (allItems.length === 0) return effectiveItems.filter((item) => !item.read).length;
@@ -122,6 +127,32 @@ var NotificationCenter = ({
     () => tigercatCore.classNames("tiger-notification-center", "w-full", "flex", "flex-col", className),
     [className]
   );
+  const filterButtons = react.useMemo(
+    () => [
+      { key: "all", label: allLabel },
+      { key: "unread", label: unreadLabel },
+      { key: "read", label: readLabel }
+    ],
+    [allLabel, unreadLabel, readLabel]
+  );
+  const groupTabData = react.useMemo(
+    () => resolvedGroups.map((group, index) => {
+      const effectiveGroup = effectiveGroups.find(
+        (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
+      );
+      const groupItems = effectiveGroup?.items ?? group.items;
+      const unreadCount = groupItems.filter((item) => !item.read).length;
+      const labelBase = group.title || String(group.key ?? index);
+      const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
+      const filteredItems = filterItems(groupItems, currentReadFilter);
+      return { key: getGroupKey(group, index), label, filteredItems };
+    }),
+    [resolvedGroups, effectiveGroups, currentReadFilter]
+  );
+  const filteredFlatItems = react.useMemo(
+    () => filterItems(effectiveItems, currentReadFilter),
+    [effectiveItems, currentReadFilter]
+  );
   const handleGroupChange = (key) => {
     if (activeGroupKey === void 0) {
       setInternalGroupKey(key);
@@ -163,7 +194,7 @@ var NotificationCenter = ({
             item.description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", children: item.description }) : null
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBCNKTT5C_js.Button,
+            chunkGRXBGL6Q_js.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -186,7 +217,7 @@ var NotificationCenter = ({
     );
   };
   const renderList = (listItems) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkHWWNBCFB_js.List,
+    chunkGAT4ZATZ_js.List,
     {
       dataSource: listItems,
       split: true,
@@ -197,59 +228,55 @@ var NotificationCenter = ({
       renderItem
     }
   );
-  const filterButtons = [
-    { key: "all", label: allLabel },
-    { key: "unread", label: unreadLabel },
-    { key: "read", label: readLabel }
-  ];
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkSDWJSALH_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: resolvedGroups.map((group, index) => {
-    const effectiveGroup = effectiveGroups.find(
-      (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
-    );
-    const groupItems = effectiveGroup?.items ?? group.items;
-    const unreadCount = groupItems.filter((item) => !item.read).length;
-    const labelBase = group.title || String(group.key ?? index);
-    const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSDWJSALH_js.TabPane,
-      {
-        tabKey: getGroupKey(group, index),
-        label,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(filterItems(groupItems, currentReadFilter)) })
-      },
-      String(getGroupKey(group, index))
-    );
-  }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filterItems(effectiveItems, currentReadFilter)) });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-notification-center": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUIO6O4MI_js.Card,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMPO7Y76D_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5OLE7XM3_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5OLE7XM3_js.TabPane,
+    {
+      tabKey: tab.key,
+      label: tab.label,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) })
+    },
+    String(tab.key)
+  )) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      variant: "bordered",
-      className: "w-full",
-      header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
-            totalUnread > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+      className: wrapperClasses,
+      role: props.role ?? "region",
+      "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : title),
+      ...props,
+      "data-tiger-notification-center": true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkUIO6O4MI_js.Card,
+        {
+          variant: "bordered",
+          className: "w-full",
+          header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
+                totalUnread > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-[var(--tiger-radius-sm,0.375rem)] border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.classNames(
+                  "px-3 py-1 text-xs font-medium transition-colors",
+                  "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
+                  currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+                ),
+                onClick: () => handleReadFilterChange(option.key),
+                children: option.label
+              },
+              option.key
+            )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-md border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: tigercatCore.classNames(
-              "px-3 py-1 text-xs font-medium transition-colors",
-              "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
-              currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-            ),
-            onClick: () => handleReadFilterChange(option.key),
-            children: option.label
-          },
-          option.key
-        )) })
-      ] }),
-      children: content
+          children: content
+        }
+      )
     }
-  ) });
+  );
 };
 var NotificationCenter_default = NotificationCenter;
 

package/dist/{chunk-HCZA4LV6.mjs → chunk-A7DZX5X5.mjs}

@@ -1,5 +1,5 @@
-import { ImageGroupContext } from './chunk-IPLK4AIE.mjs';
-import { ImagePreview } from './chunk-HLJQZUIY.mjs';
+import { ImageGroupContext } from './chunk-TR4DGL3U.mjs';
+import { ImagePreview } from './chunk-WNX4TH7U.mjs';
 import { useState, useRef, useContext, useEffect, useCallback, useMemo } from 'react';
 import { classNames, imageBaseClasses, imagePreviewCursorClass, getImageImgClasses, toCSSSize, imageErrorClasses, imageErrorIconPath, imageLoadingClasses } from '@expcat/tigercat-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-VONFSF4S.mjs → chunk-AAI6EZZA.mjs}

@@ -1,4 +1,5 @@
-import { usePopup } from './chunk-AMOH5AMN.mjs';
+import { usePopup } from './chunk-WFIQIBLC.mjs';
+import { renderBodyPortal } from './chunk-XTSG362L.mjs';
 import { useRef, useMemo } from 'react';
 import { createFloatingIdFactory, classNames, getPopoverContainerClasses, getPopoverTriggerClasses, getPopoverContentClasses, POPOVER_TITLE_CLASSES, POPOVER_TEXT_CLASSES } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -49,21 +50,23 @@ var Popover = ({
         children
       }
     ),
-    currentVisible && /* @__PURE__ */ jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        id: popoverId,
-        role: "dialog",
-        "aria-modal": "false",
-        "aria-labelledby": hasTitle ? titleId : void 0,
-        "aria-describedby": hasContent ? contentId : void 0,
-        className: contentClasses,
-        children: [
-          hasTitle && /* @__PURE__ */ jsx("div", { id: titleId, className: POPOVER_TITLE_CLASSES, children: titleContent || title }),
-          hasContent && /* @__PURE__ */ jsx("div", { id: contentId, className: POPOVER_TEXT_CLASSES, children: contentContent || content })
-        ]
-      }
-    ) })
+    currentVisible && renderBodyPortal(
+      /* @__PURE__ */ jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: popoverId,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-labelledby": hasTitle ? titleId : void 0,
+          "aria-describedby": hasContent ? contentId : void 0,
+          className: contentClasses,
+          children: [
+            hasTitle && /* @__PURE__ */ jsx("div", { id: titleId, className: POPOVER_TITLE_CLASSES, children: titleContent || title }),
+            hasContent && /* @__PURE__ */ jsx("div", { id: contentId, className: POPOVER_TEXT_CLASSES, children: contentContent || content })
+          ]
+        }
+      ) })
+    )
   ] });
 };
 

package/dist/{chunk-KNBNE74O.js → chunk-ACQLSECT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
+var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
 var react = require('react');
 var reactDom = require('react-dom');
 var tigercatCore = require('@expcat/tigercat-core');
@@ -32,6 +32,7 @@ var ImagePreview = ({
 }) => {
   const isOpen = open;
   const [scale, setScale] = react.useState(1);
+  const [rotation, setRotation] = react.useState(0);
   const [offsetX, setOffsetX] = react.useState(0);
   const [offsetY, setOffsetY] = react.useState(0);
   const [index, setIndex] = react.useState(currentIndex);
@@ -39,6 +40,7 @@ var ImagePreview = ({
   const dragStartRef = react.useRef({ x: 0, y: 0, ox: 0, oy: 0 });
   const resetTransform = react.useCallback(() => {
     setScale(1);
+    setRotation(0);
     setOffsetX(0);
     setOffsetY(0);
   }, []);
@@ -61,7 +63,7 @@ var ImagePreview = ({
   const handleClose = react.useCallback(() => {
     onOpenChange?.(false);
   }, [onOpenChange]);
-  chunkZYPEO2KY_js.useEscapeKey({ enabled: !!isOpen, onEscape: handleClose });
+  chunkPGBKMW4Q_js.useEscapeKey({ enabled: !!isOpen, onEscape: handleClose });
   const navState = react.useMemo(() => tigercatCore.getPreviewNavState(index, images.length), [index, images.length]);
   const handleZoomIn = react.useCallback(() => {
     setScale((s) => {
@@ -81,6 +83,12 @@ var ImagePreview = ({
     resetTransform();
     onScaleChange?.(1);
   }, [resetTransform, onScaleChange]);
+  const handleRotateLeft = react.useCallback(() => {
+    setRotation((value) => tigercatCore.normalizeRotation(value - 90));
+  }, []);
+  const handleRotateRight = react.useCallback(() => {
+    setRotation((value) => tigercatCore.normalizeRotation(value + 90));
+  }, []);
   const handlePrev = react.useCallback(() => {
     if (index > 0) {
       const next = index - 1;
@@ -144,8 +152,8 @@ var ImagePreview = ({
     [maskClosable, handleClose]
   );
   const transform = react.useMemo(
-    () => tigercatCore.calculateTransform(scale, offsetX, offsetY),
-    [scale, offsetX, offsetY]
+    () => `${tigercatCore.calculateTransform(scale, offsetX, offsetY)} rotate(${rotation}deg)`,
+    [scale, offsetX, offsetY, rotation]
   );
   if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
@@ -239,6 +247,26 @@ var ImagePreview = ({
                 children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.zoomInIconPath })
               }
             ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imagePreviewToolbarBtnClasses,
+                onClick: handleRotateLeft,
+                "aria-label": "Rotate left",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageViewerIcons.rotateLeft })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: tigercatCore.imagePreviewToolbarBtnClasses,
+                onClick: handleRotateRight,
+                "aria-label": "Rotate right",
+                type: "button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageViewerIcons.rotateRight })
+              }
+            ),
             navState.counter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.imagePreviewCounterClasses, children: navState.counter })
           ] })
         ]

package/dist/{chunk-KQJYSG23.js → chunk-AIYOQ5MX.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
-var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
+var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
+var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
 var chunkAX5XRD2Q_js = require('./chunk-AX5XRD2Q.js');
-var chunkM375I56K_js = require('./chunk-M375I56K.js');
+var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
 var chunkE5GD3H7L_js = require('./chunk-E5GD3H7L.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
+var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
 var chunk3QFHVAZT_js = require('./chunk-3QFHVAZT.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
@@ -86,7 +86,7 @@ var ScatterChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkKQZ4F7FZ_js.useChartInteraction({
+  } = chunkXTV5JLLC_js.useChartInteraction({
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -174,7 +174,7 @@ var ScatterChart = ({
   const shouldShowYAxis = showAxis && showYAxis;
   const interactive = hoverable || selectable;
   const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDUWAV47E_js.ChartCanvas,
+    chunkUKLVOR4E_js.ChartCanvas,
     {
       width,
       height,
@@ -290,7 +290,7 @@ var ScatterChart = ({
     }
   );
   const tooltip = showTooltip && hoverable && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM375I56K_js.ChartTooltip,
+    chunk36ATCHP4_js.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -307,7 +307,7 @@ var ScatterChart = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6PBNFLM7_js.ChartLegend,
+      chunkWV5XHYW6_js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/{chunk-EIMAQHCQ.mjs → chunk-AZDNGGV7.mjs}

@@ -1,7 +1,7 @@
 import { StatusIcon } from './chunk-FLYJVZED.mjs';
 import { useState, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
-import { classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, normalizeStringOption, ANIMATION_DURATION_MS, isBrowser } from '@expcat/tigercat-core';
+import { createNotificationStackUpdateScheduler, classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, normalizeStringOption, ANIMATION_DURATION_MS, isBrowser } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
@@ -24,6 +24,12 @@ var updateCallbacks = {
   "bottom-left": null,
   "bottom-right": null
 };
+var stackUpdateScheduler = createNotificationStackUpdateScheduler();
+function scheduleNotificationStackUpdate(position) {
+  const callback = updateCallbacks[position];
+  if (!callback) return;
+  stackUpdateScheduler.schedule(position, callback);
+}
 function getNextInstanceId() {
   return ++instanceIdCounter;
 }
@@ -101,6 +107,7 @@ var NotificationContainer = ({
     };
     updateCallbacks[position]();
     return () => {
+      stackUpdateScheduler.cancel(position);
       updateCallbacks[position] = null;
     };
   }, [position]);
@@ -140,6 +147,7 @@ function ensureContainer(position) {
   if (containerRoots[position] && !existingRootEl) {
     containerRoots[position] = null;
     updateCallbacks[position] = null;
+    stackUpdateScheduler.cancel(position);
   }
   if (containerRoots[position]) {
     return;
@@ -160,6 +168,7 @@ function destroyContainer(position) {
     containerRoots[position] = null;
   }
   updateCallbacks[position] = null;
+  stackUpdateScheduler.cancel(position);
   if (isBrowser()) {
     document.getElementById(rootId)?.remove();
   }
@@ -182,7 +191,7 @@ function addNotification(config) {
     position
   };
   notificationInstancesByPosition[position].push(instance);
-  updateCallbacks[position]?.();
+  scheduleNotificationStackUpdate(position);
   if (instance.duration > 0) {
     setTimeout(() => {
       removeNotification(id, position);
@@ -197,7 +206,9 @@ function removeNotification(id, position) {
     const instance = instances[index];
     instances.splice(index, 1);
     instance.onClose?.();
-    updateCallbacks[position]?.();
+    if (notificationInstancesByPosition[position].length > 0) {
+      scheduleNotificationStackUpdate(position);
+    }
   }
   if (notificationInstancesByPosition[position].length === 0) {
     destroyContainer(position);

package/dist/{chunk-67FVBKBC.js → chunk-B5TUTAVX.js}

@@ -30,6 +30,9 @@ var Carousel = React.forwardRef(
   }, ref) => {
     const [currentIndex, setCurrentIndex] = React.useState(initialSlide);
     const [isPaused, setIsPaused] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const touchStartRef = React.useRef(null);
+    const touchCurrentRef = React.useRef(null);
     const onChangeRef = React.useRef(onChange);
     const onBeforeChangeRef = React.useRef(onBeforeChange);
     onChangeRef.current = onChange;
@@ -40,6 +43,17 @@ var Carousel = React.forwardRef(
       return React__default.default.Children.toArray(children).filter((child) => React__default.default.isValidElement(child));
     }, [children]);
     const slideCount = slides.length;
+    const navigateByDirection = React.useCallback(
+      (direction) => {
+        const current = currentIndexRef.current;
+        const targetIndex = direction === "next" ? tigercatCore.getNextSlideIndex(current, slideCount, infinite) : tigercatCore.getPrevSlideIndex(current, slideCount, infinite);
+        if (targetIndex === current) return;
+        onBeforeChangeRef.current?.(current, targetIndex);
+        setCurrentIndex(targetIndex);
+        onChangeRef.current?.(targetIndex, current);
+      },
+      [slideCount, infinite]
+    );
     const containerClasses = React.useMemo(
       () => tigercatCore.classNames(tigercatCore.getCarouselContainerClasses(className)),
       [className]
@@ -106,17 +120,65 @@ var Carousel = React.forwardRef(
     );
     React.useEffect(() => {
       if (!autoplay || isPaused) return;
-      const timer = setInterval(() => {
-        const curr = currentIndexRef.current;
-        const nextIdx = tigercatCore.getNextSlideIndex(curr, slideCount, infinite);
-        if (nextIdx !== curr) {
-          onBeforeChangeRef.current?.(curr, nextIdx);
-          setCurrentIndex(nextIdx);
-          onChangeRef.current?.(nextIdx, curr);
+      const controller = tigercatCore.createCarouselAutoplayController({
+        interval: autoplaySpeed,
+        onAdvance: () => {
+          const curr = currentIndexRef.current;
+          const nextIdx = tigercatCore.getNextSlideIndex(curr, slideCount, infinite);
+          if (nextIdx !== curr) {
+            onBeforeChangeRef.current?.(curr, nextIdx);
+            setCurrentIndex(nextIdx);
+            onChangeRef.current?.(nextIdx, curr);
+          }
         }
-      }, autoplaySpeed);
-      return () => clearInterval(timer);
+      });
+      controller.start();
+      return () => controller.stop();
     }, [autoplay, autoplaySpeed, isPaused, slideCount, infinite]);
+    React.useEffect(() => {
+      const container = containerRef.current;
+      if (!container || slideCount <= 1) return;
+      const resetTouchGesture = () => {
+        touchStartRef.current = null;
+        touchCurrentRef.current = null;
+      };
+      const handleTouchStart = (event) => {
+        const point = tigercatCore.getCarouselTouchPoint(event.touches);
+        touchStartRef.current = point;
+        touchCurrentRef.current = point;
+      };
+      const handleTouchMove = (event) => {
+        if (!touchStartRef.current) return;
+        const point = tigercatCore.getCarouselTouchPoint(event.touches);
+        if (point) {
+          touchCurrentRef.current = point;
+        }
+      };
+      const handleTouchEnd = (event) => {
+        const direction = tigercatCore.resolveCarouselSwipeDirection(
+          touchStartRef.current,
+          tigercatCore.getCarouselTouchPoint(event.changedTouches) ?? touchCurrentRef.current
+        );
+        resetTouchGesture();
+        if (direction) {
+          navigateByDirection(direction);
+        }
+      };
+      const handleTouchCancel = () => {
+        resetTouchGesture();
+      };
+      container.addEventListener("touchstart", handleTouchStart, { passive: true });
+      container.addEventListener("touchmove", handleTouchMove, { passive: true });
+      container.addEventListener("touchend", handleTouchEnd, { passive: true });
+      container.addEventListener("touchcancel", handleTouchCancel, { passive: true });
+      return () => {
+        resetTouchGesture();
+        container.removeEventListener("touchstart", handleTouchStart);
+        container.removeEventListener("touchmove", handleTouchMove);
+        container.removeEventListener("touchend", handleTouchEnd);
+        container.removeEventListener("touchcancel", handleTouchCancel);
+      };
+    }, [navigateByDirection, slideCount]);
     const handleMouseEnter = React.useCallback(() => {
       if (pauseOnHover && autoplay) {
         setIsPaused(true);
@@ -212,6 +274,7 @@ var Carousel = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
+        ref: containerRef,
         className: containerClasses,
         style,
         role: "region",

package/dist/{chunk-2UQC3WOI.mjs → chunk-C745DPLU.mjs}

@@ -1,10 +1,19 @@
-import { DropdownMenu } from './chunk-SIVJX7VU.mjs';
-import { useClickOutside, useEscapeKey, useFloating } from './chunk-WLIFEALE.mjs';
+import { useClickOutside, useEscapeKey, useFloating } from './chunk-XTSG362L.mjs';
 import React, { createContext, useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
-import { injectDropdownStyles, captureActiveElement, focusFirstMenuItem, restoreFocus, handleMenuNavigation, classNames, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH } from '@expcat/tigercat-core';
+import { classNames, getDropdownMenuClasses, injectDropdownStyles, captureActiveElement, focusFirstMenuItem, restoreFocus, handleMenuNavigation, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DropdownContext = createContext(null);
+var DropdownMenu = ({
+  className,
+  style,
+  children,
+  role,
+  ...divProps
+}) => {
+  const menuClasses = classNames(getDropdownMenuClasses(), className);
+  return /* @__PURE__ */ jsx("div", { className: menuClasses, style, role: role ?? "menu", ...divProps, children });
+};
 var Dropdown = ({
   trigger = "hover",
   placement: initialPlacement = "bottom-start",
@@ -193,4 +202,4 @@ var Dropdown = ({
   ] }) });
 };
 
-export { Dropdown, DropdownContext };
+export { Dropdown, DropdownContext, DropdownMenu };