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

package/dist/index.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var ContextMenu = require('@radix-ui/react-context-menu');
 var DropdownMenu3 = require('@radix-ui/react-dropdown-menu');
 var core = require('@dnd-kit/core');
+var sonner = require('sonner');
 var Tooltip = require('@radix-ui/react-tooltip');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -749,7 +750,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;
@@ -774,8 +775,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 = {};
@@ -11742,448 +11743,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 = React.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 = React.useId();
-    const multiSelectId = id ?? generatedId;
-    const controlId = `${multiSelectId}-control`;
-    const listboxId = `${multiSelectId}-listbox`;
-    const rootRef = React.useRef(null);
-    const optionList = options ?? [];
-    const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-    const open = forceOpen || uncontrolledOpen;
-    const [uncontrolledValue, setUncontrolledValue] = React.useState(
-      () => normalizeValues(defaultValue)
-    );
-    const [activeIndex, setActiveIndex] = React.useState(
-      () => getFirstEnabledIndex(optionList)
-    );
-    const isControlled = value !== void 0;
-    const selectedValues = React.useMemo(
-      () => normalizeValues(isControlled ? value : uncontrolledValue),
-      [isControlled, uncontrolledValue, value]
-    );
-    const selectedValueSet = React.useMemo(
-      () => new Set(selectedValues),
-      [selectedValues]
-    );
-    const optionByValue = React.useMemo(() => {
-      const map = /* @__PURE__ */ new Map();
-      optionList.forEach((option) => {
-        if (!map.has(option.value)) {
-          map.set(option.value, option);
-        }
-      });
-      return map;
-    }, [optionList]);
-    const selectedOptions = React.useMemo(
-      () => selectedValues.map((selectedValue) => optionByValue.get(selectedValue)).filter(
-        (option) => option !== void 0
-      ),
-      [optionByValue, selectedValues]
-    );
-    const firstEnabledIndex = React.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);
-      }
-    };
-    React.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]);
-    React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-                "span",
-                {
-                  className: cn(
-                    "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
-                    classNames?.tagList
-                  ),
-                  children: [
-                    visibleOptions.map((option) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                            "span",
-                            {
-                              className: cn(
-                                "max-w-40 truncate",
-                                classNames?.tagLabel
-                              ),
-                              children: option.label
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "x" })
-                            }
-                          )
-                        ]
-                      },
-                      option.value
-                    )),
-                    overflowCount > 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "min-w-0 truncate",
-                          theme.slots.selectPlaceholder,
-                          classNames?.placeholder
-                        ),
-                        children: placeholder
-                      }
-                    ) : null
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: cn(
-                theme.slots.selectChevron,
-                open && "rotate-[225deg]",
-                classNames?.chevron
-              )
-            }
-          ),
-          name ? selectedValues.map((selectedValue) => /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "hidden",
-              name,
-              value: selectedValue,
-              className: classNames?.hiddenInput
-            },
-            selectedValue
-          )) : null,
-          open ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          className: cn(
-                            "min-w-0 flex-1 truncate",
-                            classNames?.optionLabel
-                          ),
-                          children: option.label
-                        }
-                      )
-                    ]
-                  },
-                  option.value
-                );
-              }) : /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "px-2.5 py-2 text-sm text-muted-foreground",
-                    classNames?.empty
-                  ),
-                  children: emptyLabel
-                }
-              )
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
 function BaseNotice({
   tone,
   icon,
@@ -12585,7 +12144,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;
@@ -12687,7 +12246,7 @@ var BaseSelect = React.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);
       }
@@ -24585,7 +24144,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" || React.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 sonner.toast.error(message, sonnerOptions);
+    case "warning":
+      return sonner.toast.warning(message, sonnerOptions);
+    case "success":
+      return sonner.toast.success(message, sonnerOptions);
+    default:
+      return sonner.toast(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__ */ jsxRuntime.jsx(
+    sonner.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(MonkeysToaster, { ...toasterProps })
+  ] });
+}
+function useToastOnValue(value, options = {}) {
+  const previousSignatureRef = React.useRef(null);
+  const translate = options.translate;
+  React.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 = React.useRef(/* @__PURE__ */ new Set());
+  const translate = options.translate;
+  const emitItem = React.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]
+  );
+  React.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) => sonner.toast(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: sonner.toast.message,
+    promise: sonner.toast.promise,
+    dismiss: sonner.toast.dismiss,
+    loading: sonner.toast.loading,
+    custom: sonner.toast.custom,
+    getHistory: sonner.toast.getHistory,
+    getToasts: sonner.toast.getToasts
+  }
+);
+function cn5(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function SunIcon({ className }) {
@@ -24637,7 +24460,7 @@ function DarkModeSelector({
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu3__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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
       ),
@@ -24671,7 +24494,7 @@ function DarkModeSelector({
         children: options.map(({ value, label, Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenu3__namespace.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))]"
             ),
@@ -24733,7 +24556,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),
@@ -24749,7 +24572,7 @@ function DarkModeSubMenu({
     ) })
   ] });
 }
-function cn5(...inputs) {
+function cn6(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
 function GlobeIcon({ className }) {
@@ -24769,7 +24592,7 @@ function I18nSelector({
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu3__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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
       ),
@@ -24803,7 +24626,7 @@ function I18nSelector({
         children: languages.map(({ code, label }) => /* @__PURE__ */ jsxRuntime.jsx(
           DropdownMenu3__namespace.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))]"
             ),
@@ -24917,7 +24740,6 @@ exports.BaseLayoutPane = BaseLayoutPane;
 exports.BaseLayoutResizeHandle = BaseLayoutResizeHandle;
 exports.BaseLayoutSplit = BaseLayoutSplit;
 exports.BaseLoadingState = BaseLoadingState;
-exports.BaseMultiSelect = BaseMultiSelect;
 exports.BaseNotice = BaseNotice;
 exports.BasePagination = BasePagination;
 exports.BasePanel = BasePanel;
@@ -24986,10 +24808,14 @@ exports.InteractiveTableEditableTextCell = InteractiveTableEditableTextCell;
 exports.InteractiveTableReadonlyCell = InteractiveTableReadonlyCell;
 exports.InteractiveTableSelectCell = InteractiveTableSelectCell;
 exports.LoginLayout = LoginLayout;
+exports.MonkeysToastProvider = MonkeysToastProvider;
+exports.MonkeysToaster = MonkeysToaster;
 exports.NavButton = NavButton;
 exports.OAuthButton = OAuthButton;
 exports.OIDCButton = OIDCButton;
 exports.PendingApproval = PendingApproval;
+exports.ToastProvider = MonkeysToastProvider;
+exports.Toaster = MonkeysToaster;
 exports.WorkbenchContentPane = WorkbenchContentPane;
 exports.WorkbenchContentToolbar = WorkbenchContentToolbar;
 exports.WorkbenchDetailSidebar = WorkbenchDetailSidebar;
@@ -25008,6 +24834,7 @@ exports.calculateSaturation = calculateSaturation;
 exports.clearRegistry = clearRegistry;
 exports.cn = cn3;
 exports.createSolidColorScale = createSolidColorScale;
+exports.extractToastMessage = extractToastMessage;
 exports.genTailwindTheme = genTailwindTheme;
 exports.getBaseBadgeToneClassName = getBaseBadgeToneClassName;
 exports.getBaseButtonToneClassName = getBaseButtonToneClassName;
@@ -25026,8 +24853,12 @@ exports.resolveBaseAppearance = resolveBaseAppearance;
 exports.resolveComponent = resolveComponent;
 exports.resolveDataExplorerAppearance = resolveDataExplorerAppearance;
 exports.resolveMonkeysTheme = resolveMonkeysTheme;
+exports.resolveToastVariantForMessage = resolveToastVariantForMessage;
 exports.setNeocardTheme = setNeocardTheme;
 exports.setTailwindTheme = setTailwindTheme;
+exports.toast = toast;
 exports.useDarkMode = useDarkMode;
+exports.useToastFeed = useToastFeed;
+exports.useToastOnValue = useToastOnValue;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map