@machinemetrics/mm-react-components 0.2.3-27 → 0.2.3-29

package/dist/mm-react-components.es.js

@@ -10340,6 +10340,32 @@ var Content$3 = DialogContent$1;
 var Title = DialogTitle$1;
 var Description = DialogDescription$1;
 var Close = DialogClose$1;
+const SheetBanner = React.forwardRef(
+  ({ variant, icon, text: text2, additionalText, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "sheet-banner",
+        className: cn$1(
+          "sheet-banner",
+          variant === "shared" ? "sheet-banner-shared" : "sheet-banner-company",
+          className
+        ),
+        ...props,
+        children: [
+          icon,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sheet-banner-text", children: text2 }),
+          additionalText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sheet-banner-text", children: "|" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sheet-banner-text", children: additionalText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SheetBanner.displayName = "SheetBanner";
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Root$9, { "data-slot": "sheet", ...props });
 }
@@ -10425,6 +10451,11 @@ function SheetContent({
   side = "right",
   showCloseButton = true,
   closeButtonPosition = "corner",
+  showBanner = false,
+  bannerVariant,
+  bannerIcon,
+  bannerText,
+  bannerAdditionalText,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { children: [
@@ -10434,7 +10465,8 @@ function SheetContent({
       {
         "data-slot": "sheet-content",
         className: cn$1(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 outline-none",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 outline-none",
+          showBanner ? "gap-0" : "gap-4",
           side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
           side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
@@ -10443,12 +10475,24 @@ function SheetContent({
         ),
         ...props,
         children: [
+          showBanner && bannerVariant && bannerIcon && bannerText && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SheetBanner,
+            {
+              variant: bannerVariant,
+              icon: bannerIcon,
+              text: bannerText,
+              additionalText: bannerAdditionalText
+            }
+          ),
           children,
           showCloseButton && closeButtonPosition === "corner" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Close,
             {
               "data-slot": "sheet-close",
-              className: "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+              className: cn$1(
+                "absolute right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+                showBanner ? "top-12" : "top-4"
+              ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "size-4" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
@@ -11230,16 +11274,60 @@ var Root2$4 = Tabs$1;
 var List = TabsList$1;
 var Trigger$3 = TabsTrigger$1;
 var Content$2 = TabsContent$1;
+const TabsContext = React__default.createContext(void 0);
+function useTabsValue() {
+  return React__default.useContext(TabsContext);
+}
 function Tabs({
   className,
+  sharedContent,
+  value: controlledValue,
+  defaultValue: defaultValue2,
+  onValueChange,
+  children,
   ...props
 }) {
+  const [internalValue, setInternalValue] = React__default.useState(
+    defaultValue2
+  );
+  const currentValue = controlledValue ?? internalValue;
+  const handleValueChange = React__default.useCallback(
+    (newValue) => {
+      if (controlledValue === void 0) {
+        setInternalValue(newValue);
+      }
+      onValueChange?.(newValue);
+    },
+    [controlledValue, onValueChange]
+  );
+  const contextValue = React__default.useMemo(() => currentValue, [currentValue]);
+  if (sharedContent !== void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Root2$4,
+      {
+        "data-slot": "tabs",
+        className: cn$1("flex flex-col gap-2", className),
+        value: currentValue,
+        defaultValue: defaultValue2,
+        onValueChange: handleValueChange,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-slot": "tabs-shared-content", className: "flex-1 outline-none", children: typeof sharedContent === "function" ? sharedContent(currentValue) : sharedContent })
+        ]
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Root2$4,
     {
       "data-slot": "tabs",
       className: cn$1("flex flex-col gap-2", className),
-      ...props
+      value: controlledValue,
+      defaultValue: defaultValue2,
+      onValueChange,
+      ...props,
+      children
     }
   );
 }
@@ -43166,31 +43254,31 @@ class Observer {
       var _data_id;
       const { message: message2, ...rest } = data;
       const id = typeof (data == null ? void 0 : data.id) === "number" || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++;
-      const alreadyExists = this.toasts.find((toast) => {
-        return toast.id === id;
+      const alreadyExists = this.toasts.find((toast2) => {
+        return toast2.id === id;
       });
       const dismissible = data.dismissible === void 0 ? true : data.dismissible;
       if (this.dismissedToasts.has(id)) {
         this.dismissedToasts.delete(id);
       }
       if (alreadyExists) {
-        this.toasts = this.toasts.map((toast) => {
-          if (toast.id === id) {
+        this.toasts = this.toasts.map((toast2) => {
+          if (toast2.id === id) {
             this.publish({
-              ...toast,
+              ...toast2,
               ...data,
               id,
               title: message2
             });
             return {
-              ...toast,
+              ...toast2,
               ...data,
               id,
               dismissible,
               title: message2
             };
           }
-          return toast;
+          return toast2;
         });
       } else {
         this.addToast({
@@ -43210,9 +43298,9 @@ class Observer {
           dismiss: true
         })));
       } else {
-        this.toasts.forEach((toast) => {
+        this.toasts.forEach((toast2) => {
           this.subscribers.forEach((subscriber) => subscriber({
-            id: toast.id,
+            id: toast2.id,
             dismiss: true
           }));
         });
@@ -43381,7 +43469,7 @@ class Observer {
       return id;
     };
     this.getActiveToasts = () => {
-      return this.toasts.filter((toast) => !this.dismissedToasts.has(toast.id));
+      return this.toasts.filter((toast2) => !this.dismissedToasts.has(toast2.id));
     };
     this.subscribers = [];
     this.toasts = [];
@@ -43404,7 +43492,7 @@ const isHttpResponse = (data) => {
 const basicToast = toastFunction;
 const getHistory = () => ToastState.toasts;
 const getToasts = () => ToastState.getActiveToasts();
-Object.assign(basicToast, {
+const toast = Object.assign(basicToast, {
   success: ToastState.success,
   info: ToastState.info,
   warning: ToastState.warning,
@@ -43446,7 +43534,7 @@ function getDefaultSwipeDirections(position) {
 }
 const Toast = (props) => {
   var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
-  const { invert: ToasterInvert, toast, unstyled, interacting, setHeights, visibleToasts, heights, index: index2, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
+  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index: index2, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
   const [swipeDirection, setSwipeDirection] = React__default.useState(null);
   const [swipeOutDirection, setSwipeOutDirection] = React__default.useState(null);
   const [mounted, setMounted] = React__default.useState(false);
@@ -43456,28 +43544,28 @@ const Toast = (props) => {
   const [isSwiped, setIsSwiped] = React__default.useState(false);
   const [offsetBeforeRemove, setOffsetBeforeRemove] = React__default.useState(0);
   const [initialHeight, setInitialHeight] = React__default.useState(0);
-  const remainingTime = React__default.useRef(toast.duration || durationFromToaster || TOAST_LIFETIME);
+  const remainingTime = React__default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
   const dragStartTime = React__default.useRef(null);
   const toastRef = React__default.useRef(null);
   const isFront = index2 === 0;
   const isVisible = index2 + 1 <= visibleToasts;
-  const toastType = toast.type;
-  const dismissible = toast.dismissible !== false;
-  const toastClassname = toast.className || "";
-  const toastDescriptionClassname = toast.descriptionClassName || "";
-  const heightIndex = React__default.useMemo(() => heights.findIndex((height) => height.toastId === toast.id) || 0, [
+  const toastType = toast2.type;
+  const dismissible = toast2.dismissible !== false;
+  const toastClassname = toast2.className || "";
+  const toastDescriptionClassname = toast2.descriptionClassName || "";
+  const heightIndex = React__default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
     heights,
-    toast.id
+    toast2.id
   ]);
   const closeButton = React__default.useMemo(() => {
     var _toast_closeButton;
-    return (_toast_closeButton = toast.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
+    return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
   }, [
-    toast.closeButton,
+    toast2.closeButton,
     closeButtonFromToaster
   ]);
-  const duration = React__default.useMemo(() => toast.duration || durationFromToaster || TOAST_LIFETIME, [
-    toast.duration,
+  const duration = React__default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+    toast2.duration,
     durationFromToaster
   ]);
   const closeTimerStartTimeRef = React__default.useRef(0);
@@ -43497,7 +43585,7 @@ const Toast = (props) => {
     heightIndex
   ]);
   const isDocumentHidden = useIsDocumentHidden();
-  const invert = toast.invert || ToasterInvert;
+  const invert = toast2.invert || ToasterInvert;
   const disabled = toastType === "loading";
   offset2.current = React__default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
     heightIndex,
@@ -43518,17 +43606,17 @@ const Toast = (props) => {
       setInitialHeight(height);
       setHeights((h) => [
         {
-          toastId: toast.id,
+          toastId: toast2.id,
           height,
-          position: toast.position
+          position: toast2.position
         },
         ...h
       ]);
-      return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast.id));
+      return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast2.id));
     }
   }, [
     setHeights,
-    toast.id
+    toast2.id
   ]);
   React__default.useLayoutEffect(() => {
     if (!mounted) return;
@@ -43539,18 +43627,18 @@ const Toast = (props) => {
     toastNode.style.height = originalHeight;
     setInitialHeight(newHeight);
     setHeights((heights2) => {
-      const alreadyExists = heights2.find((height) => height.toastId === toast.id);
+      const alreadyExists = heights2.find((height) => height.toastId === toast2.id);
       if (!alreadyExists) {
         return [
           {
-            toastId: toast.id,
+            toastId: toast2.id,
             height: newHeight,
-            position: toast.position
+            position: toast2.position
           },
           ...heights2
         ];
       } else {
-        return heights2.map((height) => height.toastId === toast.id ? {
+        return heights2.map((height) => height.toastId === toast2.id ? {
           ...height,
           height: newHeight
         } : height);
@@ -43558,29 +43646,29 @@ const Toast = (props) => {
     });
   }, [
     mounted,
-    toast.title,
-    toast.description,
+    toast2.title,
+    toast2.description,
     setHeights,
-    toast.id,
-    toast.jsx,
-    toast.action,
-    toast.cancel
+    toast2.id,
+    toast2.jsx,
+    toast2.action,
+    toast2.cancel
   ]);
   const deleteToast = React__default.useCallback(() => {
     setRemoved(true);
     setOffsetBeforeRemove(offset2.current);
-    setHeights((h) => h.filter((height) => height.toastId !== toast.id));
+    setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
     setTimeout(() => {
-      removeToast(toast);
+      removeToast(toast2);
     }, TIME_BEFORE_UNMOUNT);
   }, [
-    toast,
+    toast2,
     removeToast,
     setHeights,
     offset2
   ]);
   React__default.useEffect(() => {
-    if (toast.promise && toastType === "loading" || toast.duration === Infinity || toast.type === "loading") return;
+    if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
     let timeoutId;
     const pauseTimer = () => {
       if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {
@@ -43593,7 +43681,7 @@ const Toast = (props) => {
       if (remainingTime.current === Infinity) return;
       closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
       timeoutId = setTimeout(() => {
-        toast.onAutoClose == null ? void 0 : toast.onAutoClose.call(toast, toast);
+        toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2);
         deleteToast();
       }, remainingTime.current);
     };
@@ -43606,45 +43694,45 @@ const Toast = (props) => {
   }, [
     expanded,
     interacting,
-    toast,
+    toast2,
     toastType,
     isDocumentHidden,
     deleteToast
   ]);
   React__default.useEffect(() => {
-    if (toast.delete) {
+    if (toast2.delete) {
       deleteToast();
-      toast.onDismiss == null ? void 0 : toast.onDismiss.call(toast, toast);
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
     }
   }, [
     deleteToast,
-    toast.delete
+    toast2.delete
   ]);
   function getLoadingIcon() {
     var _toast_classNames9;
     if (icons == null ? void 0 : icons.loading) {
       var _toast_classNames12;
       return /* @__PURE__ */ React__default.createElement("div", {
-        className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames12 = toast.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
+        className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
         "data-visible": toastType === "loading"
       }, icons.loading);
     }
     return /* @__PURE__ */ React__default.createElement(Loader, {
-      className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames9 = toast.classNames) == null ? void 0 : _toast_classNames9.loader),
+      className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
       visible: toastType === "loading"
     });
   }
-  const icon = toast.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
+  const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
   var _toast_richColors, _icons_close;
   return /* @__PURE__ */ React__default.createElement("li", {
     tabIndex: 0,
     ref: toastRef,
-    className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast == null ? void 0 : (_toast_classNames = toast.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast == null ? void 0 : (_toast_classNames1 = toast.classNames) == null ? void 0 : _toast_classNames1[toastType]),
+    className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
     "data-sonner-toast": "",
-    "data-rich-colors": (_toast_richColors = toast.richColors) != null ? _toast_richColors : defaultRichColors,
-    "data-styled": !Boolean(toast.jsx || toast.unstyled || unstyled),
+    "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors,
+    "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled),
     "data-mounted": mounted,
-    "data-promise": Boolean(toast.promise),
+    "data-promise": Boolean(toast2.promise),
     "data-swiped": isSwiped,
     "data-removed": removed,
     "data-visible": isVisible,
@@ -43659,7 +43747,7 @@ const Toast = (props) => {
     "data-swipe-out": swipeOut,
     "data-swipe-direction": swipeOutDirection,
     "data-expanded": Boolean(expanded || expandByDefault && mounted),
-    "data-testid": toast.testId,
+    "data-testid": toast2.testId,
     style: {
       "--index": index2,
       "--toasts-before": index2,
@@ -43667,7 +43755,7 @@ const Toast = (props) => {
       "--offset": `${removed ? offsetBeforeRemove : offset2.current}px`,
       "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`,
       ...style,
-      ...toast.style
+      ...toast2.style
     },
     onDragEnd: () => {
       setSwiping(false);
@@ -43698,7 +43786,7 @@ const Toast = (props) => {
       const velocity = Math.abs(swipeAmount) / timeTaken;
       if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
         setOffsetBeforeRemove(offset2.current);
-        toast.onDismiss == null ? void 0 : toast.onDismiss.call(toast, toast);
+        toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
         if (swipeDirection === "x") {
           setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left");
         } else {
@@ -43761,51 +43849,51 @@ const Toast = (props) => {
       (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
       (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
     }
-  }, closeButton && !toast.jsx && toastType !== "loading" ? /* @__PURE__ */ React__default.createElement("button", {
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React__default.createElement("button", {
     "aria-label": closeButtonAriaLabel,
     "data-disabled": disabled,
     "data-close-button": true,
     onClick: disabled || !dismissible ? () => {
     } : () => {
       deleteToast();
-      toast.onDismiss == null ? void 0 : toast.onDismiss.call(toast, toast);
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
     },
-    className: cn(classNames == null ? void 0 : classNames.closeButton, toast == null ? void 0 : (_toast_classNames2 = toast.classNames) == null ? void 0 : _toast_classNames2.closeButton)
-  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast.icon || toast.promise) && toast.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast.icon) ? /* @__PURE__ */ React__default.createElement("div", {
+    className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React__default.createElement("div", {
     "data-icon": "",
-    className: cn(classNames == null ? void 0 : classNames.icon, toast == null ? void 0 : (_toast_classNames3 = toast.classNames) == null ? void 0 : _toast_classNames3.icon)
-  }, toast.promise || toast.type === "loading" && !toast.icon ? toast.icon || getLoadingIcon() : null, toast.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React__default.createElement("div", {
+    className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React__default.createElement("div", {
     "data-content": "",
-    className: cn(classNames == null ? void 0 : classNames.content, toast == null ? void 0 : (_toast_classNames4 = toast.classNames) == null ? void 0 : _toast_classNames4.content)
+    className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
   }, /* @__PURE__ */ React__default.createElement("div", {
     "data-title": "",
-    className: cn(classNames == null ? void 0 : classNames.title, toast == null ? void 0 : (_toast_classNames5 = toast.classNames) == null ? void 0 : _toast_classNames5.title)
-  }, toast.jsx ? toast.jsx : typeof toast.title === "function" ? toast.title() : toast.title), toast.description ? /* @__PURE__ */ React__default.createElement("div", {
+    className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React__default.createElement("div", {
     "data-description": "",
-    className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast == null ? void 0 : (_toast_classNames6 = toast.classNames) == null ? void 0 : _toast_classNames6.description)
-  }, typeof toast.description === "function" ? toast.description() : toast.description) : null), /* @__PURE__ */ React__default.isValidElement(toast.cancel) ? toast.cancel : toast.cancel && isAction(toast.cancel) ? /* @__PURE__ */ React__default.createElement("button", {
+    className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React__default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React__default.createElement("button", {
     "data-button": true,
     "data-cancel": true,
-    style: toast.cancelButtonStyle || cancelButtonStyle,
+    style: toast2.cancelButtonStyle || cancelButtonStyle,
     onClick: (event) => {
-      if (!isAction(toast.cancel)) return;
+      if (!isAction(toast2.cancel)) return;
       if (!dismissible) return;
-      toast.cancel.onClick == null ? void 0 : toast.cancel.onClick.call(toast.cancel, event);
+      toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event);
       deleteToast();
     },
-    className: cn(classNames == null ? void 0 : classNames.cancelButton, toast == null ? void 0 : (_toast_classNames7 = toast.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
-  }, toast.cancel.label) : null, /* @__PURE__ */ React__default.isValidElement(toast.action) ? toast.action : toast.action && isAction(toast.action) ? /* @__PURE__ */ React__default.createElement("button", {
+    className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React__default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React__default.createElement("button", {
     "data-button": true,
     "data-action": true,
-    style: toast.actionButtonStyle || actionButtonStyle,
+    style: toast2.actionButtonStyle || actionButtonStyle,
     onClick: (event) => {
-      if (!isAction(toast.action)) return;
-      toast.action.onClick == null ? void 0 : toast.action.onClick.call(toast.action, event);
+      if (!isAction(toast2.action)) return;
+      toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event);
       if (event.defaultPrevented) return;
       deleteToast();
     },
-    className: cn(classNames == null ? void 0 : classNames.actionButton, toast == null ? void 0 : (_toast_classNames8 = toast.classNames) == null ? void 0 : _toast_classNames8.actionButton)
-  }, toast.action.label) : null);
+    className: cn(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton)
+  }, toast2.action.label) : null);
 };
 function getDocumentDirection() {
   if (typeof window === "undefined") return "ltr";
@@ -43864,9 +43952,9 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
   const [toasts, setToasts] = React__default.useState([]);
   const filteredToasts = React__default.useMemo(() => {
     if (id) {
-      return toasts.filter((toast) => toast.toasterId === id);
+      return toasts.filter((toast2) => toast2.toasterId === id);
     }
-    return toasts.filter((toast) => !toast.toasterId);
+    return toasts.filter((toast2) => !toast2.toasterId);
   }, [
     toasts,
     id
@@ -43874,7 +43962,7 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
   const possiblePositions = React__default.useMemo(() => {
     return Array.from(new Set([
       position
-    ].concat(filteredToasts.filter((toast) => toast.position).map((toast) => toast.position))));
+    ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
   }, [
     filteredToasts,
     position
@@ -43890,17 +43978,17 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
   const removeToast = React__default.useCallback((toastToRemove) => {
     setToasts((toasts2) => {
       var _toasts_find;
-      if (!((_toasts_find = toasts2.find((toast) => toast.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
+      if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
         ToastState.dismiss(toastToRemove.id);
       }
       return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
     });
   }, []);
   React__default.useEffect(() => {
-    return ToastState.subscribe((toast) => {
-      if (toast.dismiss) {
+    return ToastState.subscribe((toast2) => {
+      if (toast2.dismiss) {
         requestAnimationFrame(() => {
-          setToasts((toasts2) => toasts2.map((t) => t.id === toast.id ? {
+          setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? {
             ...t,
             delete: true
           } : t));
@@ -43910,19 +43998,19 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
       setTimeout(() => {
         ReactDOM__default.flushSync(() => {
           setToasts((toasts2) => {
-            const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast.id);
+            const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id);
             if (indexOfExistingToast !== -1) {
               return [
                 ...toasts2.slice(0, indexOfExistingToast),
                 {
                   ...toasts2[indexOfExistingToast],
-                  ...toast
+                  ...toast2
                 },
                 ...toasts2.slice(indexOfExistingToast + 1)
               ];
             }
             return [
-              toast,
+              toast2,
               ...toasts2
             ];
           });
@@ -44074,13 +44162,13 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
           setInteracting(true);
         },
         onPointerUp: () => setInteracting(false)
-      }, filteredToasts.filter((toast) => !toast.position && index2 === 0 || toast.position === position2).map((toast, index3) => {
+      }, filteredToasts.filter((toast2) => !toast2.position && index2 === 0 || toast2.position === position2).map((toast2, index3) => {
         var _toastOptions_duration, _toastOptions_closeButton;
         return /* @__PURE__ */ React__default.createElement(Toast, {
-          key: toast.id,
+          key: toast2.id,
           icons,
           index: index3,
-          toast,
+          toast: toast2,
           defaultRichColors: richColors,
           duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration,
           className: toastOptions == null ? void 0 : toastOptions.className,
@@ -44097,8 +44185,8 @@ const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
           actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
           closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
           removeToast,
-          toasts: filteredToasts.filter((t) => t.position == toast.position),
-          heights: heights.filter((h) => h.position == toast.position),
+          toasts: filteredToasts.filter((t) => t.position == toast2.position),
+          heights: heights.filter((h) => h.position == toast2.position),
           setHeights,
           expandByDefault: expand,
           gap,
@@ -44134,13 +44222,9 @@ const Toaster$1 = ({ ...props }) => {
   );
 };
 const Toaster2 = ({ ...props }) => {
-  const { theme = "system" } = z();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Toaster$1,
     {
-      theme,
-      className: "toaster group",
-      icons: void 0,
       style: {
         "--normal-bg": "var(--popover)",
         "--normal-text": "var(--popover-foreground)",
@@ -45722,6 +45806,7 @@ export {
   SelectValue,
   Separator,
   Sheet,
+  SheetBanner,
   SheetClose,
   SheetCloseButton,
   SheetContent,
@@ -45778,11 +45863,13 @@ export {
   isDarkModeActive,
   resolveColumnOrder,
   resolveColumnVisibility,
+  toast,
   toggleCarbideTheme,
   toggleDarkMode,
   useBreakpoint,
   useDataTableState,
   useFormField,
-  useTableController
+  useTableController,
+  useTabsValue
 };
 //# sourceMappingURL=mm-react-components.es.js.map