@inf-monkeys-tech/monkeys-design 0.4.34 → 0.4.35

package/dist/index.mjs

@@ -3,6 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as ContextMenu from '@radix-ui/react-context-menu';
 import * as DropdownMenu3 from '@radix-ui/react-dropdown-menu';
 import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
+import { toast as toast$1, Toaster } from 'sonner';
 import * as Tooltip from '@radix-ui/react-tooltip';
 
 var __create = Object.create;
@@ -722,7 +723,7 @@ var require_lodash = __commonJS({
       }
       var runInContext = (function runInContext2(context) {
         context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-        var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
+        var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
         var funcToString = funcProto.toString;
@@ -747,8 +748,8 @@ var require_lodash = __commonJS({
           } catch (e) {
           }
         })();
-        var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+        var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
+        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
         var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
         var metaMap = WeakMap && new WeakMap();
         var realNames = {};
@@ -11715,448 +11716,6 @@ function BaseLoadingState({
     }
   );
 }
-function normalizeValues(values) {
-  const nextValues = [];
-  const seen = /* @__PURE__ */ new Set();
-  values?.forEach((value) => {
-    if (seen.has(value)) return;
-    seen.add(value);
-    nextValues.push(value);
-  });
-  return nextValues;
-}
-function getNextEnabledIndex(options, currentIndex, direction) {
-  if (!options.length) return -1;
-  const startIndex = currentIndex >= 0 ? currentIndex : 0;
-  for (let offset = 1; offset <= options.length; offset += 1) {
-    const nextIndex = (startIndex + offset * direction + options.length) % options.length;
-    if (!options[nextIndex]?.disabled) {
-      return nextIndex;
-    }
-  }
-  return -1;
-}
-function getFirstEnabledIndex(options) {
-  return options.findIndex((option) => !option.disabled);
-}
-function getSafeTagCount(maxTagCount, total) {
-  if (maxTagCount === void 0) return total;
-  if (!Number.isFinite(maxTagCount)) return total;
-  return Math.max(0, Math.min(total, Math.floor(maxTagCount)));
-}
-function getDefaultRemoveLabel(option) {
-  return `Remove ${option.value}`;
-}
-var BaseMultiSelect = forwardRef(
-  function BaseMultiSelect2({
-    options,
-    value,
-    defaultValue,
-    name,
-    placeholder = "Select options",
-    icon,
-    invalid = false,
-    disabled = false,
-    required = false,
-    openForPreview = false,
-    maxTagCount,
-    removeLabel = getDefaultRemoveLabel,
-    emptyLabel = "No options",
-    appearance,
-    className,
-    classNames,
-    style,
-    id,
-    "aria-invalid": nativeAriaInvalid,
-    "aria-label": nativeAriaLabel,
-    "aria-labelledby": nativeAriaLabelledBy,
-    onValueChange,
-    ...rootProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    const generatedId = useId();
-    const multiSelectId = id ?? generatedId;
-    const controlId = `${multiSelectId}-control`;
-    const listboxId = `${multiSelectId}-listbox`;
-    const rootRef = useRef(null);
-    const optionList = options ?? [];
-    const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
-    const open = forceOpen || uncontrolledOpen;
-    const [uncontrolledValue, setUncontrolledValue] = useState(
-      () => normalizeValues(defaultValue)
-    );
-    const [activeIndex, setActiveIndex] = useState(
-      () => getFirstEnabledIndex(optionList)
-    );
-    const isControlled = value !== void 0;
-    const selectedValues = useMemo(
-      () => normalizeValues(isControlled ? value : uncontrolledValue),
-      [isControlled, uncontrolledValue, value]
-    );
-    const selectedValueSet = useMemo(
-      () => new Set(selectedValues),
-      [selectedValues]
-    );
-    const optionByValue = useMemo(() => {
-      const map = /* @__PURE__ */ new Map();
-      optionList.forEach((option) => {
-        if (!map.has(option.value)) {
-          map.set(option.value, option);
-        }
-      });
-      return map;
-    }, [optionList]);
-    const selectedOptions = useMemo(
-      () => selectedValues.map((selectedValue) => optionByValue.get(selectedValue)).filter(
-        (option) => option !== void 0
-      ),
-      [optionByValue, selectedValues]
-    );
-    const firstEnabledIndex = useMemo(
-      () => getFirstEnabledIndex(optionList),
-      [optionList]
-    );
-    const resolvedActiveIndex = activeIndex >= 0 && !optionList[activeIndex]?.disabled ? activeIndex : firstEnabledIndex;
-    const visibleTagCount = getSafeTagCount(
-      maxTagCount,
-      selectedOptions.length
-    );
-    const visibleOptions = selectedOptions.slice(0, visibleTagCount);
-    const overflowCount = selectedOptions.length - visibleOptions.length;
-    const isPlaceholder = selectedOptions.length === 0;
-    const setRootRef = (node) => {
-      rootRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    };
-    const setOpen = (nextOpen) => {
-      if (disabled || forceOpen) return;
-      setUncontrolledOpen(nextOpen);
-      if (nextOpen) {
-        setActiveIndex(resolvedActiveIndex);
-      }
-    };
-    useEffect(() => {
-      if (!open || forceOpen) return void 0;
-      const handlePointerDown = (event) => {
-        if (!rootRef.current?.contains(event.target)) {
-          setUncontrolledOpen(false);
-        }
-      };
-      document.addEventListener("pointerdown", handlePointerDown);
-      return () => {
-        document.removeEventListener("pointerdown", handlePointerDown);
-      };
-    }, [forceOpen, open]);
-    useEffect(() => {
-      if (resolvedActiveIndex >= 0 && resolvedActiveIndex !== activeIndex) {
-        setActiveIndex(resolvedActiveIndex);
-      }
-    }, [activeIndex, resolvedActiveIndex]);
-    const commitValues = (nextValues) => {
-      const normalizedValues = normalizeValues(nextValues);
-      if (!isControlled) {
-        setUncontrolledValue(normalizedValues);
-      }
-      onValueChange?.(normalizedValues);
-    };
-    const toggleOption = (option) => {
-      if (!option || option.disabled || disabled) return;
-      const nextValues = selectedValueSet.has(option.value) ? selectedValues.filter((selectedValue) => selectedValue !== option.value) : [...selectedValues, option.value];
-      commitValues(nextValues);
-    };
-    const removeOption = (option) => {
-      if (disabled) return;
-      commitValues(
-        selectedValues.filter((selectedValue) => selectedValue !== option.value)
-      );
-    };
-    const focusOption = (direction) => {
-      const nextIndex = getNextEnabledIndex(
-        optionList,
-        resolvedActiveIndex,
-        direction
-      );
-      if (nextIndex >= 0) {
-        setActiveIndex(nextIndex);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (disabled) return;
-      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-        event.preventDefault();
-        if (!open) {
-          setOpen(true);
-          setActiveIndex(firstEnabledIndex);
-          return;
-        }
-        focusOption(event.key === "ArrowDown" ? 1 : -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        setOpen(true);
-        setActiveIndex(firstEnabledIndex);
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        setOpen(true);
-        for (let index = optionList.length - 1; index >= 0; index -= 1) {
-          if (!optionList[index]?.disabled) {
-            setActiveIndex(index);
-            break;
-          }
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (!open) {
-          setOpen(true);
-          return;
-        }
-        toggleOption(optionList[resolvedActiveIndex]);
-        return;
-      }
-      if (event.key === "Escape") {
-        setOpen(false);
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...rootProps,
-        id,
-        ref: setRootRef,
-        className: cn(
-          theme.slots.controlWrapper,
-          "overflow-visible",
-          open && "z-50",
-          invalid && theme.slots.controlInvalid,
-          disabled && theme.slots.controlDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
-          ...disabled ? theme.styles.controlDisabled : void 0,
-          ...style
-        },
-        children: [
-          hasRenderableNode(icon) ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: controlId,
-              role: "combobox",
-              tabIndex: disabled ? -1 : 0,
-              "aria-haspopup": "listbox",
-              "aria-expanded": open,
-              "aria-controls": listboxId,
-              "aria-disabled": disabled || void 0,
-              "aria-required": required || void 0,
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-              "aria-label": nativeAriaLabel,
-              "aria-labelledby": nativeAriaLabelledBy,
-              className: cn(
-                theme.slots.controlBase,
-                "flex min-h-9 cursor-pointer flex-wrap items-center gap-1.5 py-1.5 pr-9 text-left",
-                disabled && "!cursor-not-allowed",
-                classNames?.control
-              ),
-              onClick: () => setOpen(!open),
-              onKeyDown: handleKeyDown,
-              children: /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn(
-                    "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
-                    classNames?.tagList
-                  ),
-                  children: [
-                    visibleOptions.map((option) => /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        className: cn(
-                          "inline-flex max-w-full items-center gap-1 rounded-full border border-border/70 bg-muted/65 px-2 py-0.5 text-xs font-medium text-foreground",
-                          classNames?.tag
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "span",
-                            {
-                              className: cn(
-                                "max-w-40 truncate",
-                                classNames?.tagLabel
-                              ),
-                              children: option.label
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "button",
-                            {
-                              type: "button",
-                              "aria-label": removeLabel(option),
-                              disabled,
-                              className: cn(
-                                "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-background/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed",
-                                classNames?.tagRemove
-                              ),
-                              onClick: (event) => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                removeOption(option);
-                              },
-                              onMouseDown: (event) => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                              },
-                              onKeyDown: (event) => event.stopPropagation(),
-                              children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "x" })
-                            }
-                          )
-                        ]
-                      },
-                      option.value
-                    )),
-                    overflowCount > 0 ? /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        className: cn(
-                          "inline-flex max-w-full items-center rounded-full border border-border/70 bg-muted/45 px-2 py-0.5 text-xs font-medium text-muted-foreground",
-                          classNames?.tag
-                        ),
-                        children: [
-                          "+",
-                          overflowCount
-                        ]
-                      }
-                    ) : null,
-                    isPlaceholder ? /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "min-w-0 truncate",
-                          theme.slots.selectPlaceholder,
-                          classNames?.placeholder
-                        ),
-                        children: placeholder
-                      }
-                    ) : null
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                theme.slots.selectChevron,
-                open && "rotate-[225deg]",
-                classNames?.chevron
-              )
-            }
-          ),
-          name ? selectedValues.map((selectedValue) => /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "hidden",
-              name,
-              value: selectedValue,
-              className: classNames?.hiddenInput
-            },
-            selectedValue
-          )) : null,
-          open ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: listboxId,
-              role: "listbox",
-              "aria-multiselectable": "true",
-              "aria-labelledby": controlId,
-              className: cn(theme.slots.selectMenu, classNames?.menu),
-              style: theme.styles.selectMenu,
-              children: optionList.length > 0 ? optionList.map((option, index) => {
-                const selected = selectedValueSet.has(option.value);
-                const active = index === resolvedActiveIndex;
-                return /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    role: "option",
-                    "aria-selected": selected,
-                    disabled: option.disabled,
-                    className: cn(
-                      theme.slots.selectOption,
-                      "gap-2",
-                      active && theme.slots.selectOptionActive,
-                      selected && theme.slots.selectOptionSelected,
-                      option.disabled && theme.slots.selectOptionDisabled,
-                      classNames?.option
-                    ),
-                    style: {
-                      ...theme.styles.selectOption,
-                      ...active ? theme.styles.selectOptionActive : void 0,
-                      ...selected ? theme.styles.selectOptionSelected : void 0
-                    },
-                    onMouseEnter: () => {
-                      if (!option.disabled) {
-                        setActiveIndex(index);
-                      }
-                    },
-                    onMouseDown: (event) => event.preventDefault(),
-                    onClick: () => toggleOption(option),
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          "aria-hidden": "true",
-                          className: cn(
-                            "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-border/70 text-[10px]",
-                            selected && "border-primary/40 bg-primary text-primary-foreground",
-                            classNames?.optionIndicator
-                          ),
-                          children: selected ? "\u2713" : null
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          className: cn(
-                            "min-w-0 flex-1 truncate",
-                            classNames?.optionLabel
-                          ),
-                          children: option.label
-                        }
-                      )
-                    ]
-                  },
-                  option.value
-                );
-              }) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "px-2.5 py-2 text-sm text-muted-foreground",
-                    classNames?.empty
-                  ),
-                  children: emptyLabel
-                }
-              )
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
 function BaseNotice({
   tone,
   icon,
@@ -12558,7 +12117,7 @@ function getInitialValue2(options, defaultValue) {
   }
   return "";
 }
-function getNextEnabledIndex2(options, currentIndex, direction) {
+function getNextEnabledIndex(options, currentIndex, direction) {
   if (!options.length) return -1;
   for (let offset = 1; offset <= options.length; offset += 1) {
     const nextIndex = (currentIndex + offset * direction + options.length) % options.length;
@@ -12660,7 +12219,7 @@ var BaseSelect = forwardRef(
     };
     const focusOption = (direction) => {
       const currentIndex = activeIndex >= 0 ? activeIndex : 0;
-      const nextIndex = getNextEnabledIndex2(optionList, currentIndex, direction);
+      const nextIndex = getNextEnabledIndex(optionList, currentIndex, direction);
       if (nextIndex >= 0) {
         commitValue(optionList[nextIndex].value, optionList[nextIndex].disabled);
       }
@@ -24558,7 +24117,271 @@ function WorkbenchLaneView({
     }) }) : null })
   ] });
 }
-function cn4(...inputs) {
+var DEFAULT_TOAST_DURATION = 5200;
+var TOAST_DEDUPE_WINDOW = 1200;
+var DEFAULT_MESSAGES = {
+  errorTitle: "Error",
+  warningTitle: "Warning",
+  defaultErrorDescription: "Something went wrong.",
+  defaultWarningDescription: "Please check and try again."
+};
+var ACTIONABLE_TOAST_PATTERNS = [
+  /^(please|select|enter|provide|write|choose|confirm|fill)\b/i,
+  /^(请|请选择|请先|请输入|请填写|请确认|请留意)/
+];
+var DEFAULT_TOAST_CLASS_NAMES = {
+  toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+  description: "group-[.toast]:text-muted-foreground",
+  actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+  cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+};
+var recentToastSignatures = /* @__PURE__ */ new Map();
+function cn4(...classNames) {
+  return classNames.filter(Boolean).join(" ");
+}
+function isToastInput(input) {
+  if (!input || typeof input !== "object" || isValidElement(input)) {
+    return false;
+  }
+  return "title" in input || "description" in input || "variant" in input;
+}
+function isEmptyToastContent(value) {
+  return value == null || typeof value === "string" && !value.trim();
+}
+function normalizeToastInput(input, variant, options) {
+  const { description: _description, ...baseOptions } = options ?? {};
+  if (isToastInput(input)) {
+    return {
+      ...baseOptions,
+      ...input,
+      variant: input.variant ?? variant
+    };
+  }
+  return {
+    ...baseOptions,
+    title: input,
+    variant
+  };
+}
+function resolveValue(candidate, value) {
+  if (typeof candidate === "function") {
+    return candidate(value);
+  }
+  return candidate;
+}
+function shouldEmitToast(signature) {
+  const now = Date.now();
+  for (const [key, timestamp] of recentToastSignatures.entries()) {
+    if (now - timestamp > TOAST_DEDUPE_WINDOW) {
+      recentToastSignatures.delete(key);
+    }
+  }
+  const previousTimestamp = recentToastSignatures.get(signature);
+  if (previousTimestamp && now - previousTimestamp < TOAST_DEDUPE_WINDOW) {
+    return false;
+  }
+  recentToastSignatures.set(signature, now);
+  return true;
+}
+function translateMessage(translate, value) {
+  return translate ? translate(value, { defaultValue: value }) : value;
+}
+function getDefaultMessage(messages, key) {
+  return messages?.[key] ?? DEFAULT_MESSAGES[key];
+}
+function emitToast(input) {
+  const { title, description, duration, variant = "info", ...options } = input;
+  const message = isEmptyToastContent(title) ? description : title;
+  if (isEmptyToastContent(message)) {
+    return void 0;
+  }
+  const descriptionValue = !isEmptyToastContent(description) && description !== message ? description : void 0;
+  const sonnerOptions = {
+    ...options,
+    description: descriptionValue,
+    duration: duration ?? DEFAULT_TOAST_DURATION
+  };
+  switch (variant) {
+    case "error":
+      return toast$1.error(message, sonnerOptions);
+    case "warning":
+      return toast$1.warning(message, sonnerOptions);
+    case "success":
+      return toast$1.success(message, sonnerOptions);
+    default:
+      return toast$1(message, sonnerOptions);
+  }
+}
+function extractToastMessage(value, fallback = "") {
+  if (!value) return fallback;
+  if (typeof value === "string") {
+    const nextMessage = value.trim();
+    return nextMessage || fallback;
+  }
+  if (value instanceof Error) {
+    const nextMessage = String(value.message || "").trim();
+    return nextMessage || fallback;
+  }
+  if (typeof value === "object" && typeof value.message === "string") {
+    const nextMessage = value.message.trim();
+    if (nextMessage) return nextMessage;
+  }
+  if (typeof value === "object" && typeof value.title === "string") {
+    const nextTitle = value.title.trim();
+    if (nextTitle) return nextTitle;
+  }
+  return fallback;
+}
+function resolveToastVariantForMessage(value) {
+  const message = extractToastMessage(value);
+  if (ACTIONABLE_TOAST_PATTERNS.some((pattern) => pattern.test(message))) {
+    return "warning";
+  }
+  return "error";
+}
+function MonkeysToaster({
+  className,
+  closeButton = true,
+  position = "bottom-right",
+  richColors = true,
+  toastOptions,
+  useThemeClassNames = true,
+  visibleToasts = 10,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toaster,
+    {
+      className: cn4("pointer-events-auto toaster group", className),
+      closeButton,
+      position,
+      richColors,
+      toastOptions: {
+        ...toastOptions,
+        classNames: useThemeClassNames ? {
+          ...DEFAULT_TOAST_CLASS_NAMES,
+          ...toastOptions?.classNames
+        } : toastOptions?.classNames
+      },
+      visibleToasts,
+      ...props
+    }
+  );
+}
+function MonkeysToastProvider({ children, toasterProps }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsx(MonkeysToaster, { ...toasterProps })
+  ] });
+}
+function useToastOnValue(value, options = {}) {
+  const previousSignatureRef = useRef(null);
+  const translate = options.translate;
+  useEffect(() => {
+    if (!value) {
+      previousSignatureRef.current = null;
+      return;
+    }
+    const variant = resolveValue(options.variant, value) ?? "error";
+    const rawTitle = resolveValue(options.title, value);
+    const rawFallbackDescription = resolveValue(options.fallbackDescription, value);
+    const rawDescription = resolveValue(options.description, value) ?? extractToastMessage(value, rawFallbackDescription || "");
+    const title = translateMessage(
+      translate,
+      rawTitle || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+    );
+    const description = translateMessage(
+      translate,
+      rawDescription || getDefaultMessage(
+        options.messages,
+        variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
+      )
+    );
+    const signature = resolveValue(options.signature, value) || [variant, title, description].join("|");
+    if (previousSignatureRef.current === signature) {
+      return;
+    }
+    previousSignatureRef.current = signature;
+    if (!shouldEmitToast(signature)) {
+      return;
+    }
+    toast.show({
+      variant,
+      title,
+      description,
+      duration: resolveValue(options.duration, value)
+    });
+  }, [
+    options.description,
+    options.duration,
+    options.fallbackDescription,
+    options.messages,
+    options.signature,
+    options.title,
+    options.variant,
+    translate,
+    value
+  ]);
+}
+function useToastFeed(items, options = {}) {
+  const previousVisibleSignaturesRef = useRef(/* @__PURE__ */ new Set());
+  const translate = options.translate;
+  const emitItem = useCallback(
+    (item, index, visibleSignatures) => {
+      const variant = item.variant ?? "info";
+      const title = translateMessage(
+        translate,
+        item.title || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+      );
+      const description = translateMessage(
+        translate,
+        item.description || getDefaultMessage(
+          options.messages,
+          variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
+        )
+      );
+      const signature = item.signature || [variant, title, description, index].join("|");
+      visibleSignatures.add(signature);
+      if (previousVisibleSignaturesRef.current.has(signature) || !shouldEmitToast(signature)) {
+        return;
+      }
+      toast.show({
+        variant,
+        title,
+        description,
+        duration: item.duration
+      });
+    },
+    [options.messages, translate]
+  );
+  useEffect(() => {
+    const visibleSignatures = /* @__PURE__ */ new Set();
+    items.forEach((item, index) => {
+      if (item) {
+        emitItem(item, index, visibleSignatures);
+      }
+    });
+    previousVisibleSignaturesRef.current = visibleSignatures;
+  }, [emitItem, items]);
+}
+var toast = Object.assign(
+  (message, options) => toast$1(message, options),
+  {
+    show: emitToast,
+    error: (input, options) => emitToast(normalizeToastInput(input, "error", options)),
+    warning: (input, options) => emitToast(normalizeToastInput(input, "warning", options)),
+    success: (input, options) => emitToast(normalizeToastInput(input, "success", options)),
+    info: (input, options) => emitToast(normalizeToastInput(input, "info", options)),
+    message: toast$1.message,
+    promise: toast$1.promise,
+    dismiss: toast$1.dismiss,
+    loading: toast$1.loading,
+    custom: toast$1.custom,
+    getHistory: toast$1.getHistory,
+    getToasts: toast$1.getToasts
+  }
+);
+function cn5(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function SunIcon({ className }) {
@@ -24610,7 +24433,7 @@ function DarkModeSelector({
   const trigger = /* @__PURE__ */ jsx(DropdownMenu3.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
     "button",
     {
-      className: cn4(
+      className: cn5(
         "inline-flex h-8 w-8 items-center justify-center rounded-md text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] transition-colors focus-visible:outline-none",
         className
       ),
@@ -24644,7 +24467,7 @@ function DarkModeSelector({
         children: options.map(({ value, label, Icon }) => /* @__PURE__ */ jsxs(
           DropdownMenu3.Item,
           {
-            className: cn4(
+            className: cn5(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]",
               mode === value && "bg-[hsl(var(--accent))]"
             ),
@@ -24706,7 +24529,7 @@ function DarkModeSubMenu({
           {
             checked: mode === value,
             disabled: mode === value,
-            className: cn4(
+            className: cn5(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 pl-7 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
             ),
             onCheckedChange: () => onModeChange(value),
@@ -24722,7 +24545,7 @@ function DarkModeSubMenu({
     ) })
   ] });
 }
-function cn5(...inputs) {
+function cn6(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function GlobeIcon({ className }) {
@@ -24742,7 +24565,7 @@ function I18nSelector({
   const trigger = /* @__PURE__ */ jsx(DropdownMenu3.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
     "button",
     {
-      className: cn5(
+      className: cn6(
         "inline-flex h-8 w-8 items-center justify-center rounded-md text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] transition-colors focus-visible:outline-none",
         className
       ),
@@ -24776,7 +24599,7 @@ function I18nSelector({
         children: languages.map(({ code, label }) => /* @__PURE__ */ jsx(
           DropdownMenu3.Item,
           {
-            className: cn5(
+            className: cn6(
               "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]",
               currentLanguage === code && "bg-[hsl(var(--accent))]"
             ),
@@ -24851,6 +24674,6 @@ lodash/lodash.js:
    *)
 */
 
-export { ARTIST_CONFIG, ARTIST_DEFAULT_QUICK_ACTIONS, AppHeader, AppLayout, AppSidebar, ArtistLandingPage, AuthDivider, BSD_CONFIG, BSD_DEFAULT_FEATURE_CARDS, BaseAccordion, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseInput, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLoadingState, BaseMultiSelect, BaseNotice, BasePagination, BasePanel, BaseProgress, BaseRadioGroup, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSwitch, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseTextarea, BaseToolbar, BaseTooltip, BsdLandingPage, BsdToolboxPanel, CONCEPT_CONFIG, CONCEPT_DEFAULT_QUICK_ACTIONS, ConceptDesignLandingPage, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, DefaultLandingPage, DynamicComponent, EmailAuth, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginLayout, NavButton, OAuthButton, OIDCButton, PendingApproval, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchResizableSidebar, WorkbenchTableView, applyMonkeysTheme, calculateHue, calculateLightness, calculateSaturation, clearRegistry, cn3 as cn, createSolidColorScale, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getRegisteredComponents, getRegisteredThemes, getThemeConfig, hasCustomComponent, markDarkColor, registerComponent, registerTheme, resolveBaseAppearance, resolveComponent, resolveDataExplorerAppearance, resolveMonkeysTheme, setNeocardTheme, setTailwindTheme, useDarkMode };
+export { ARTIST_CONFIG, ARTIST_DEFAULT_QUICK_ACTIONS, AppHeader, AppLayout, AppSidebar, ArtistLandingPage, AuthDivider, BSD_CONFIG, BSD_DEFAULT_FEATURE_CARDS, BaseAccordion, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseInput, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLoadingState, BaseNotice, BasePagination, BasePanel, BaseProgress, BaseRadioGroup, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSwitch, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseTextarea, BaseToolbar, BaseTooltip, BsdLandingPage, BsdToolboxPanel, CONCEPT_CONFIG, CONCEPT_DEFAULT_QUICK_ACTIONS, ConceptDesignLandingPage, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, DefaultLandingPage, DynamicComponent, EmailAuth, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginLayout, MonkeysToastProvider, MonkeysToaster, NavButton, OAuthButton, OIDCButton, PendingApproval, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchResizableSidebar, WorkbenchTableView, applyMonkeysTheme, calculateHue, calculateLightness, calculateSaturation, clearRegistry, cn3 as cn, createSolidColorScale, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getRegisteredComponents, getRegisteredThemes, getThemeConfig, hasCustomComponent, markDarkColor, registerComponent, registerTheme, resolveBaseAppearance, resolveComponent, resolveDataExplorerAppearance, resolveMonkeysTheme, resolveToastVariantForMessage, setNeocardTheme, setTailwindTheme, toast, useDarkMode, useToastFeed, useToastOnValue };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map