@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/{chunk-SLEXEH7R.mjs → chunk-7PP6RECM.mjs}

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-ELRZ2ZHM.mjs";
+} from "./chunk-J4HCTYJG.mjs";
 import {
   List
-} from "./chunk-KED5S2WG.mjs";
+} from "./chunk-6REMGSLS.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-2LYV6NBJ.mjs";
+} from "./chunk-WTIEJCRV.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -89,14 +89,6 @@ var NotificationCenter = ({
       setInternalGroupKey(keys[0]);
     }
   }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  const _currentGroup = useMemo(() => {
-    if (resolvedGroups.length === 0) return void 0;
-    if (currentGroupKey === void 0) return resolvedGroups[0];
-    const index = resolvedGroups.findIndex(
-      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
-    );
-    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
-  }, [currentGroupKey, resolvedGroups]);
   const [readStateOverrides, setReadStateOverrides] = useState(
     () => /* @__PURE__ */ new Map()
   );
@@ -303,7 +295,7 @@ var NotificationCenter = ({
       }
     );
   };
-  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onActiveKeyChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/{chunk-IZGXDHPB.mjs → chunk-7RI5W465.mjs}

@@ -70,18 +70,15 @@ var Form = forwardRef(
       [config.locale, locale]
     );
     const [errors, setErrors] = useState([]);
-    const [formValues, setFormValues] = useState(model);
     const fieldRulesRef = React.useRef({});
     const fieldConditionsRef = React.useRef({});
     const formValuesRef = React.useRef(model);
+    const initialValuesRef = React.useRef({ ...model });
     const validationDebouncerRef = React.useRef(
       createFormValidationDebouncer({ delay: validateDebounce })
     );
     const errorsByField = useMemo(() => createFormErrorMap(errors), [errors]);
     const [historyState, setHistoryState] = useState(() => createFormHistory(model, maxHistorySize));
-    React.useEffect(() => {
-      setFormValues(model);
-    }, [model]);
     React.useEffect(() => {
       validationDebouncerRef.current.cancel();
       validationDebouncerRef.current = createFormValidationDebouncer({ delay: validateDebounce });
@@ -286,27 +283,28 @@ var Form = forwardRef(
     }, []);
     const resetFields = useCallback(() => {
       clearValidate();
-      setFormValues(model);
-    }, [model, clearValidate]);
+      const next = { ...initialValuesRef.current };
+      formValuesRef.current = next;
+      onChange?.(next);
+      if (undoable) {
+        setHistoryState(createFormHistory(next, maxHistorySize));
+      }
+    }, [clearValidate, onChange, undoable, maxHistorySize]);
     const addField = useCallback(
       (fieldName, defaultValue) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const next = { ...prev, [fieldName]: defaultValue ?? null };
-          onChange?.(next);
-          return next;
-        });
+        const next = { ...formValuesRef.current, [fieldName]: defaultValue ?? null };
+        formValuesRef.current = next;
+        onChange?.(next);
       },
       [onChange]
     );
     const removeField = useCallback(
       (fieldName) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const { [fieldName]: _, ...next } = prev;
-          onChange?.(next);
-          return next;
-        });
+        const { [fieldName]: _, ...next } = formValuesRef.current;
+        formValuesRef.current = next;
+        onChange?.(next);
         clearValidate(fieldName);
       },
       [onChange, clearValidate]
@@ -337,11 +335,9 @@ var Form = forwardRef(
           }
           return clone;
         };
-        setFormValues((prevValues) => {
-          const newValues = setValueByPath(prevValues, fieldName, value);
-          onChange?.(newValues);
-          return newValues;
-        });
+        const newValues = setValueByPath(formValuesRef.current, fieldName, value);
+        formValuesRef.current = newValues;
+        onChange?.(newValues);
       },
       [onChange]
     );
@@ -354,7 +350,6 @@ var Form = forwardRef(
       setHistoryState((prev) => {
         const result = undoFormHistory(prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
           onChange?.(result.present);
           return result;
@@ -367,7 +362,6 @@ var Form = forwardRef(
       setHistoryState((prev) => {
         const result = redoFormHistory(prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
           onChange?.(result.present);
           return result;
@@ -416,7 +410,7 @@ var Form = forwardRef(
     );
     const contextValue = useMemo(
       () => ({
-        model: formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,
@@ -436,7 +430,7 @@ var Form = forwardRef(
         updateValue
       }),
       [
-        formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,

package/dist/chunk-7S4TP4MZ.mjs

@@ -0,0 +1,211 @@
+import {
+  PieChart
+} from "./chunk-BSXPB2V6.mjs";
+
+// src/components/DonutChart.tsx
+import { useEffect, useMemo, useState } from "react";
+import {
+  classNames,
+  getChartInnerRect,
+  normalizeChartPadding,
+  DONUT_ENTRANCE_KEYFRAMES,
+  DONUT_ENTRANCE_CLASS
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DONUT_PALETTE = [
+  "var(--tiger-chart-1,#5470c6)",
+  "var(--tiger-chart-2,#91cc75)",
+  "var(--tiger-chart-3,#fac858)",
+  "var(--tiger-chart-4,#ee6666)",
+  "var(--tiger-chart-5,#73c0de)",
+  "var(--tiger-chart-6,#3ba272)",
+  "var(--tiger-chart-1,#fc8452)",
+  "var(--tiger-chart-2,#9a60b4)",
+  "var(--tiger-chart-3,#ea7ccc)"
+];
+var DonutChart = ({
+  width = 320,
+  height = 240,
+  padding = 24,
+  data,
+  innerRadius,
+  innerRadiusRatio = 0.62,
+  outerRadius,
+  startAngle = 0,
+  endAngle = Math.PI * 2,
+  padAngle = 0.04,
+  colors,
+  showLabels = false,
+  labelFormatter,
+  labelPosition = "inside",
+  borderWidth = 0,
+  borderColor = "var(--tiger-surface,#ffffff)",
+  hoverOffset = 10,
+  shadow = true,
+  // Interaction props
+  hoverable = false,
+  hoveredIndex,
+  activeOpacity = 1,
+  inactiveOpacity = 0.3,
+  selectable = false,
+  selectedIndex,
+  // Legend props
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  legendFormatter,
+  // Tooltip props
+  showTooltip = true,
+  tooltipFormatter,
+  // Accessibility
+  title,
+  desc,
+  className,
+  // DonutChart-specific
+  centerValue,
+  centerLabel,
+  animated = false,
+  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
+  gradient = false,
+  // Callbacks
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onSliceClick,
+  onSliceHover
+}) => {
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
+  const resolvedOuterRadius = useMemo(() => {
+    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
+    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
+  }, [outerRadius, innerRect.width, innerRect.height]);
+  const resolvedInnerRadius = useMemo(() => {
+    if (typeof innerRadius === "number") {
+      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
+    }
+    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
+    return resolvedOuterRadius * ratio;
+  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
+  const resolvedColors = useMemo(
+    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
+    [colors]
+  );
+  const donutTooltipFormatter = useMemo(() => {
+    if (tooltipFormatter) return tooltipFormatter;
+    const total = data.reduce((s, d) => s + d.value, 0);
+    return (datum, index) => {
+      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
+      const label = datum.label ?? `#${index + 1}`;
+      return `${label}: ${datum.value} (${pct}%)`;
+    };
+  }, [tooltipFormatter, data]);
+  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
+  const centerX = pad.left + innerRect.width / 2;
+  const centerY = pad.top + innerRect.height / 2;
+  const [entered, setEntered] = useState(false);
+  useEffect(() => {
+    if (animated) setEntered(true);
+  }, [animated]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("inline-block relative", animated && entered && DONUT_ENTRANCE_CLASS),
+      "data-donut-chart": "true",
+      children: [
+        animated && entered && /* @__PURE__ */ jsx("style", { children: DONUT_ENTRANCE_KEYFRAMES }),
+        /* @__PURE__ */ jsx(
+          PieChart,
+          {
+            width,
+            height,
+            padding,
+            data,
+            innerRadius: resolvedInnerRadius,
+            outerRadius,
+            startAngle,
+            endAngle,
+            padAngle,
+            colors: resolvedColors,
+            showLabels,
+            labelFormatter,
+            labelPosition,
+            borderWidth,
+            borderColor,
+            hoverOffset,
+            shadow,
+            gradient,
+            hoverable,
+            hoveredIndex,
+            activeOpacity,
+            inactiveOpacity,
+            selectable,
+            selectedIndex,
+            showLegend,
+            legendPosition,
+            legendMarkerSize,
+            legendGap,
+            legendFormatter,
+            showTooltip,
+            tooltipFormatter: donutTooltipFormatter,
+            title,
+            desc,
+            className: classNames(className),
+            onHoveredIndexChange,
+            onSelectedIndexChange,
+            onSliceClick,
+            onSliceHover
+          }
+        ),
+        hasCenterContent && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-donut-center": "true",
+            style: {
+              position: "absolute",
+              left: `${centerX}px`,
+              top: `${centerY}px`,
+              transform: "translate(-50%, -50%)",
+              textAlign: "center",
+              pointerEvents: "none",
+              lineHeight: "1.3",
+              padding: "var(--tiger-chart-donut-center-padding, 0)",
+              borderRadius: "var(--tiger-radius-pill, 9999px)",
+              background: "var(--tiger-chart-donut-center-bg, transparent)",
+              boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
+              backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
+              WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
+            },
+            children: [
+              centerValue !== void 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
+                  style: { lineHeight: "1.2" },
+                  children: `${centerValue}`
+                }
+              ),
+              centerLabel !== void 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
+                  style: { marginTop: "2px" },
+                  children: centerLabel
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var DonutChart_default = DonutChart;
+
+export {
+  DonutChart,
+  DonutChart_default
+};

package/dist/{chunk-AG4HRAW2.mjs → chunk-7TVZTASQ.mjs}

@@ -1,15 +1,9 @@
 import {
   useChartInteraction
-} from "./chunk-6QML6T3Y.mjs";
-import {
-  ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
-import {
-  ChartSeries
-} from "./chunk-SDLMB34Y.mjs";
+} from "./chunk-DNOPEJ5I.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-YORCCCQX.mjs";
 import {
   ChartAxis
 } from "./chunk-RQSQXQN6.mjs";
@@ -19,6 +13,12 @@ import {
 import {
   ChartGrid
 } from "./chunk-677VSTPW.mjs";
+import {
+  ChartLegend
+} from "./chunk-ZG2W4HS5.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
 
 // src/components/ScatterChart.tsx
 import { useId, useMemo, useState, useEffect } from "react";
@@ -329,7 +329,7 @@ var ScatterChart = ({
     ChartTooltip,
     {
       content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      open: resolvedHoveredIndex !== null && tooltipContent !== "",
       x: tooltipPosition.x,
       y: tooltipPosition.y
     }

package/dist/{chunk-7U6VWD4H.mjs → chunk-AF3N4GJJ.mjs}

@@ -1,15 +1,15 @@
 import {
   useChartInteraction
-} from "./chunk-6QML6T3Y.mjs";
-import {
-  ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-DNOPEJ5I.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";
+import {
+  ChartLegend
+} from "./chunk-ZG2W4HS5.mjs";
 
 // src/components/FunnelChart.tsx
 import { useId, useMemo } from "react";
@@ -195,7 +195,7 @@ var FunnelChart = ({
     ChartTooltip,
     {
       content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      open: resolvedHoveredIndex !== null && tooltipContent !== "",
       x: tooltipPosition.x,
       y: tooltipPosition.y
     }

package/dist/{chunk-4MONGWU5.mjs → chunk-AKNWUI7K.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/RadioGroup.tsx
 import React, { useCallback, useMemo, useRef } from "react";

package/dist/{chunk-M6YXUNOU.mjs → chunk-AMEH5EHB.mjs}

@@ -1,12 +1,12 @@
 import {
   ImageGroupContext
-} from "./chunk-RYNLPRUM.mjs";
+} from "./chunk-Z2NZ2XC5.mjs";
 import {
   ImagePreview
-} from "./chunk-KXT2TP6A.mjs";
+} from "./chunk-WKTIDYPD.mjs";
 import {
   usePopup
-} from "./chunk-C44WSDEY.mjs";
+} from "./chunk-S7IB6YST.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";

package/dist/{chunk-ULWT6W6M.mjs → chunk-B3O6MAC3.mjs}

@@ -1,6 +1,9 @@
+import {
+  useInputGroupContext
+} from "./chunk-34VGG7AK.mjs";
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/InputNumber.tsx
 import { useState, useCallback, useMemo, useRef, useEffect } from "react";
@@ -31,7 +34,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var InputNumber = ({
   value: controlledValue,
   defaultValue,
-  size = "md",
+  size,
   status = "default",
   min = -Infinity,
   max = Infinity,
@@ -53,6 +56,8 @@ var InputNumber = ({
   onBlur,
   className
 }) => {
+  const inputGroup = useInputGroupContext();
+  const effectiveSize = size ?? inputGroup?.size ?? "md";
   const inputRef = useRef(null);
   const repeatControllerRef = useRef(createRafRepeatActionController());
   const repeatValueRef = useRef(null);
@@ -160,19 +165,19 @@ var InputNumber = ({
     () => classNames(
       getInputNumberWrapperClasses(disabled),
       getInputNumberStatusClasses(status),
-      getInputNumberSizeClasses(size),
+      getInputNumberSizeClasses(effectiveSize),
       focused && `ring-2 ${getInputNumberFocusRingColor(status)}`,
       className
     ),
-    [disabled, status, size, focused, className]
+    [disabled, status, effectiveSize, focused, className]
   );
   const inputClasses = useMemo(
     () => getInputNumberInputClasses(
-      size,
+      effectiveSize,
       controls && controlsPosition === "right",
       controls && controlsPosition === "both"
     ),
-    [size, controls, controlsPosition]
+    [effectiveSize, controls, controlsPosition]
   );
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
     controls && controlsPosition === "both" && /* @__PURE__ */ jsx(

package/dist/chunk-BBK37UMR.mjs

@@ -0,0 +1,134 @@
+// src/hooks/useDrag.ts
+import { useState, useCallback, useMemo } from "react";
+import {
+  createDragState,
+  handleDragStart,
+  handleDragOver,
+  handleDrop,
+  handleDragEnd,
+  reorderItems,
+  moveItemBetweenContainers,
+  resolveDragConfig,
+  isDragEnabled,
+  isValidDragHandle,
+  isSameContainerDrag,
+  isCrossContainerDrag
+} from "@expcat/tigercat-core";
+function useDrag(options = {}) {
+  const config = useMemo(() => resolveDragConfig(options.config), [options.config]);
+  const containerId = options.containerId ?? "default";
+  const callbacks = useMemo(
+    () => ({
+      onDragStart: options.onDragStart,
+      onDragOver: options.onDragOver,
+      onDrop: options.onDrop,
+      onDragEnd: options.onDragEnd
+    }),
+    [options.onDragStart, options.onDragOver, options.onDrop, options.onDragEnd]
+  );
+  const [state, setState] = useState(createDragState);
+  const updateState = useCallback((updater) => {
+    setState((prev) => {
+      const next = { ...prev };
+      updater(next);
+      return next;
+    });
+  }, []);
+  const startDrag = useCallback(
+    (item, event) => {
+      if (!isDragEnabled(config)) return;
+      if (event) {
+        const target = event.target;
+        if (!isValidDragHandle(target, config)) return;
+      }
+      updateState((s) => handleDragStart(s, item, containerId, callbacks));
+    },
+    [config, containerId, callbacks, updateState]
+  );
+  const dragOver = useCallback(
+    (item, event) => {
+      if (event) event.preventDefault();
+      updateState((s) => handleDragOver(s, item, containerId, callbacks));
+    },
+    [containerId, callbacks, updateState]
+  );
+  const drop = useCallback(
+    (event) => {
+      if (event) event.preventDefault();
+      const next = { ...state };
+      const result = handleDrop(next, callbacks);
+      setState(next);
+      return result;
+    },
+    [callbacks, state]
+  );
+  const endDrag = useCallback(
+    (cancelled = false) => {
+      updateState((s) => handleDragEnd(s, cancelled, callbacks));
+    },
+    [callbacks, updateState]
+  );
+  const reorder = useCallback(
+    (items) => {
+      if (!state.isDragging) return null;
+      return reorderItems(items, state.sourceIndex, state.targetIndex);
+    },
+    [state.isDragging, state.sourceIndex, state.targetIndex]
+  );
+  const moveBetween = useCallback(
+    (sourceItems, targetItems) => {
+      if (!state.isDragging) return null;
+      return moveItemBetweenContainers(
+        sourceItems,
+        targetItems,
+        state.sourceIndex,
+        state.targetIndex
+      );
+    },
+    [state.isDragging, state.sourceIndex, state.targetIndex]
+  );
+  const getDragItemProps = useCallback(
+    (item) => ({
+      draggable: !config.disabled,
+      "data-drag-id": item.id,
+      "data-drag-index": item.index,
+      className: state.isDragging && state.draggedItem?.id === item.id ? config.dragClass : void 0,
+      "aria-grabbed": state.isDragging && state.draggedItem?.id === item.id,
+      role: "listitem",
+      onDragStart: (e) => startDrag(item, e),
+      onDragOver: (e) => dragOver(item, e),
+      onDragEnd: () => endDrag(false)
+    }),
+    [config, state.isDragging, state.draggedItem, startDrag, dragOver, endDrag]
+  );
+  const getDropZoneProps = useCallback(
+    () => ({
+      "aria-dropeffect": state.isDragging ? "move" : "none",
+      onDragOver: (e) => {
+        e.preventDefault();
+        dragOver(null, e);
+      },
+      onDrop: (e) => drop(e)
+    }),
+    [state.isDragging, dragOver, drop]
+  );
+  return {
+    state,
+    isDragging: state.isDragging,
+    draggedItem: state.draggedItem,
+    startDrag,
+    dragOver,
+    drop,
+    endDrag,
+    reorder,
+    moveBetween,
+    isSameContainer: isSameContainerDrag(state),
+    isCrossContainer: isCrossContainerDrag(state),
+    getDragItemProps,
+    getDropZoneProps
+  };
+}
+
+export {
+  useDrag
+};

package/dist/chunk-BPFKTAF2.mjs

@@ -0,0 +1,49 @@
+// src/components/NotificationRoot.ts
+var notificationModulePromise = null;
+function loadNotificationModule() {
+  notificationModulePromise ??= import("./components/Notification.mjs");
+  return notificationModulePromise;
+}
+function forwardNotification(method, options) {
+  let closeNotification = null;
+  let requestedClose = false;
+  void loadNotificationModule().then(({ notification: notification2 }) => {
+    const close = notification2[method](options);
+    if (requestedClose) {
+      close();
+    } else {
+      closeNotification = close;
+    }
+  });
+  return () => {
+    if (closeNotification) {
+      closeNotification();
+      closeNotification = null;
+    } else {
+      requestedClose = true;
+    }
+  };
+}
+var notification = {
+  success(options) {
+    return forwardNotification("success", options);
+  },
+  warning(options) {
+    return forwardNotification("warning", options);
+  },
+  error(options) {
+    return forwardNotification("error", options);
+  },
+  info(options) {
+    return forwardNotification("info", options);
+  },
+  clear(position) {
+    void loadNotificationModule().then(({ notification: notification2 }) => {
+      notification2.clear(position);
+    });
+  }
+};
+
+export {
+  notification
+};