@infonomic/uikit 5.44.0 → 6.0.0

package/dist/components/notifications/@types/toast.d.ts

@@ -19,14 +19,14 @@ import type { Icons as i, Position as p, Intent as t } from '../../@types/shared
  */
 export type Intent = 'primary' | t;
 /**
- * Screen corner position for the toast container.
+ * Screen corner position for the toast viewport.
  *
  * - `top-left`     — top-left corner of the viewport
  * - `top-right`    — top-right corner of the viewport (default)
  * - `bottom-left`  — bottom-left corner of the viewport
  * - `bottom-right` — bottom-right corner of the viewport
  *
- * @default 'top-right'
+ * @default 'bottom-right'
  */
 export type Position = 'top-right' | p;
 /**
@@ -35,10 +35,12 @@ export type Position = 'top-right' | p;
  */
 export type IconType = 'success' | i;
 /**
- * Callback fired when the toast's open/visible state changes.
- * Use this to sync dismissal with external state.
- *
- * @param open - `true` when the toast becomes visible, `false` when dismissed
+ * Custom data passed to each toast via the toast manager's `add()` method.
  */
-export type OnOpenChange = (open: boolean) => void;
+export interface ToastData {
+    intent?: Intent;
+    iconType?: IconType;
+    icon?: boolean;
+    close?: boolean;
+}
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/notifications/@types/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/notifications/@types/toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,QAAQ,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AAIH;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAElC;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAA;AAEtC;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/notifications/@types/toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,QAAQ,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AAIH;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAElC;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAA;AAEtC;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAA;AAEpC;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}

package/dist/components/notifications/toast.d.ts

@@ -1,21 +1,17 @@
 import React from 'react';
-import { Toast as ToastPrimitive } from 'radix-ui';
-import type { IconType, Intent, OnOpenChange, Position } from './@types/toast.js';
-export interface ToastProps extends React.InputHTMLAttributes<HTMLLIElement> {
-    intent?: Intent;
+import type { Position, ToastData } from './@types/toast.js';
+export declare const useToastManager: () => import("@base-ui/react").UseToastManagerReturnValue<ToastData>;
+export declare const createToastManager: () => import("@base-ui/react").ToastManager<ToastData>;
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    timeout?: number;
+    limit?: number;
+    toastManager?: ReturnType<typeof createToastManager>;
+}
+export declare function ToastProvider({ children, timeout, limit, toastManager, }: ToastProviderProps): React.JSX.Element;
+export interface ToastViewportProps {
     position?: Position;
-    title: string;
-    message: string;
-    icon?: boolean;
-    iconType?: IconType;
-    close?: boolean;
-    open: boolean;
-    onOpenChange: OnOpenChange;
     className?: string;
 }
-export declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
-export declare const ToastViewport: React.ForwardRefExoticComponent<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
-export declare const Toast: ({ ref, intent, position, title, message, icon, iconType, close, open, onOpenChange, className, }: ToastProps & {
-    ref?: React.RefObject<HTMLLIElement>;
-}) => React.JSX.Element;
+export declare function ToastViewport({ position, className }: ToastViewportProps): React.JSX.Element;
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/notifications/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AASlD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AASjF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,aAAa,CAAC;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,6CAA0B,CAAA;AACpD,eAAO,MAAM,aAAa,4GAA0B,CAAA;AAIpD,eAAO,MAAM,KAAK,GAAkB,kGAYjC,UAAU,GAAG;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;CACrC,sBAqEA,CAAA"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAU5D,eAAO,MAAM,eAAe,sEAA4C,CAAA;AACxE,eAAO,MAAM,kBAAkB,wDAA+C,CAAA;AAE9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;CACrD;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAc,EACd,KAAS,EACT,YAAY,GACb,EAAE,kBAAkB,qBAMpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAyB,EAAE,SAAS,EAAE,EAAE,kBAAkB,qBAazF"}

package/dist/components/notifications/toast.js

@@ -1,9 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import react from "react";
-import { useFocusTrap, useMergedRef } from "@mantine/hooks";
+import { Toast } from "@base-ui/react/toast";
 import classnames from "classnames";
-import { Toast as external_radix_ui_Toast } from "radix-ui";
 import { CloseIcon } from "../../icons/close-icon.js";
 import { DangerIcon } from "../../icons/danger-icon.js";
 import { InfoIcon } from "../../icons/info-icon.js";
@@ -17,66 +16,83 @@ const toastIcons = {
     warning: WarningIcon,
     danger: DangerIcon
 };
-const ToastProvider = external_radix_ui_Toast.Provider;
-const ToastViewport = external_radix_ui_Toast.Viewport;
-const toast_Toast = function({ ref, intent = 'success', position = 'bottom-right', title, message, icon = true, iconType = 'success', close = true, open, onOpenChange, className }) {
+const useToastManager = Toast.useToastManager;
+const createToastManager = Toast.createToastManager;
+function ToastProvider({ children, timeout = 5000, limit = 3, toastManager }) {
+    return /*#__PURE__*/ jsx(Toast.Provider, {
+        timeout: timeout,
+        limit: limit,
+        toastManager: toastManager,
+        children: children
+    });
+}
+function ToastViewport({ position = 'bottom-right', className }) {
+    const { toasts } = Toast.useToastManager();
+    return /*#__PURE__*/ jsx(Toast.Portal, {
+        children: /*#__PURE__*/ jsx(Toast.Viewport, {
+            className: classnames('infonomic-toast-viewport', toast_module.viewport, toast_module[position], className),
+            children: toasts.map((toast)=>/*#__PURE__*/ jsx(ToastItem, {
+                    toast: toast
+                }, toast.id))
+        })
+    });
+}
+function ToastItem({ toast }) {
+    const { intent = 'success', iconType = 'success', icon = true, close = true } = toast.data ?? {};
     const eventDateRef = react.useRef(new Date());
-    react.useRef(0);
-    const focusTrapRef = useFocusTrap();
-    const mergedRef = useMergedRef(ref, focusTrapRef);
     const Icon = toastIcons[iconType];
-    const handleOnClose = ()=>{
-        if (null != onOpenChange) onOpenChange(false);
-    };
-    return /*#__PURE__*/ jsxs(external_radix_ui_Toast.Root, {
-        ref: mergedRef,
-        className: classnames('infonomic-toast', toast_module.root, toast_module[position]),
-        open: open,
-        onOpenChange: onOpenChange,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('infonomic-toast-header', toast_module.header),
-                children: [
-                    /*#__PURE__*/ jsx("time", {
-                        dateTime: eventDateRef.current.toISOString(),
-                        className: "text-sm",
-                        children: new Intl.DateTimeFormat('default', {
-                            hour12: true,
-                            hour: 'numeric',
-                            minute: 'numeric'
-                        }).format(eventDateRef.current)
-                    }),
-                    true === close && /*#__PURE__*/ jsx(external_radix_ui_Toast.Close, {
-                        "aria-label": "Close",
-                        asChild: true,
-                        children: /*#__PURE__*/ jsx(Button, {
-                            intent: intent,
-                            tabIndex: 0,
-                            variant: "filled",
-                            "aria-label": "Close",
-                            className: classnames('infonomic-toast-close', toast_module.close),
-                            type: "button",
-                            onClick: handleOnClose,
+    const swipeDirection = react.useMemo(()=>[
+            'down',
+            'right'
+        ], []);
+    return /*#__PURE__*/ jsx(Toast.Root, {
+        toast: toast,
+        swipeDirection: swipeDirection,
+        className: classnames('infonomic-toast', toast_module.root),
+        children: /*#__PURE__*/ jsxs(Toast.Content, {
+            className: classnames('infonomic-toast-content', toast_module.content),
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: classnames('infonomic-toast-header', toast_module.header),
+                    children: [
+                        /*#__PURE__*/ jsx("time", {
+                            dateTime: eventDateRef.current.toISOString(),
+                            className: "text-sm",
+                            children: new Intl.DateTimeFormat('default', {
+                                hour12: true,
+                                hour: 'numeric',
+                                minute: 'numeric'
+                            }).format(eventDateRef.current)
+                        }),
+                        close && /*#__PURE__*/ jsx(Toast.Close, {
+                            render: /*#__PURE__*/ jsx(Button, {
+                                intent: intent,
+                                tabIndex: 0,
+                                variant: "filled",
+                                "aria-label": "Close",
+                                className: classnames('infonomic-toast-close', toast_module.close),
+                                type: "button"
+                            }),
                             children: /*#__PURE__*/ jsx(CloseIcon, {
                                 height: "12px",
                                 width: "12px"
                             })
                         })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(external_radix_ui_Toast.Title, {
-                className: classnames('infonomic-toast-title', toast_module.title),
-                children: [
-                    null != icon && /*#__PURE__*/ jsx(Icon, {}),
-                    title
-                ]
-            }),
-            /*#__PURE__*/ jsx(external_radix_ui_Toast.Description, {
-                className: classnames("infonomic-toast-description", toast_module.description),
-                children: message
-            })
-        ]
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Toast.Title, {
+                    className: classnames('infonomic-toast-title', toast_module.title),
+                    children: [
+                        icon && Icon && /*#__PURE__*/ jsx(Icon, {}),
+                        toast.title
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Toast.Description, {
+                    className: classnames("infonomic-toast-description", toast_module.description),
+                    children: toast.description
+                })
+            ]
+        })
     });
-};
-export { ToastProvider, ToastViewport, toast_Toast as Toast };
+}
+export { ToastProvider, ToastViewport, createToastManager, useToastManager };

package/dist/components/notifications/toast.module.css

@@ -1,17 +1,104 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
-  /* Positions are relative to the toast viewport which is set 
-   globally in components/toast.css  */
+  /* ============================================
+     Viewport — fixed-position container for toasts.
+     Position classes are applied here.
+     ============================================ */
+
+  .viewport,
+  :global(.infonomic-toast-viewport) {
+    --viewport-padding: 16px;
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    z-index: var(--z-index-toast);
+    outline: none;
+  }
+
+  /* Mobile: full-width at all positions */
+
+  .top-left,
+  :global(.infonomic-toast-top-left) {
+    top: 88px;
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  .top-right,
+  :global(.infonomic-toast-top-right) {
+    top: 88px;
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  .bottom-left,
+  :global(.infonomic-toast-bottom-left) {
+    bottom: var(--viewport-padding);
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  .bottom-right,
+  :global(.infonomic-toast-bottom-right) {
+    bottom: var(--viewport-padding);
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  @media (min-width: 48rem) {
+
+    .bottom-right,
+    :global(.infonomic-toast-bottom-right) {
+      bottom: var(--viewport-padding);
+      right: var(--viewport-padding);
+      left: auto;
+      width: 100%;
+      max-width: 390px;
+    }
+
+    .bottom-left,
+    :global(.infonomic-toast-bottom-left) {
+      bottom: var(--viewport-padding);
+      left: var(--viewport-padding);
+      right: auto;
+      width: 100%;
+      max-width: 390px;
+    }
+
+    .top-left,
+    :global(.infonomic-toast-top-left) {
+      top: 88px;
+      left: var(--viewport-padding);
+      right: auto;
+      bottom: auto;
+      width: 100%;
+      max-width: 390px;
+    }
+
+    .top-right,
+    :global(.infonomic-toast-top-right) {
+      top: 88px;
+      right: var(--viewport-padding);
+      bottom: auto;
+      left: auto;
+      width: 100%;
+      max-width: 390px;
+    }
+  }
+
+  /* ============================================
+     Root — individual toast wrapper
+     ============================================ */
 
   .root,
   :global(.infonomic-toast-root) {
-    position: fixed;
     display: flex;
     flex-direction: column;
     gap: var(--gap-1);
@@ -23,51 +110,83 @@
     border-style: var(--border-style-solid);
     border-radius: var(--border-radius-md);
     box-shadow: var(--shadow-sm);
+    transform: translateX(var(--toast-swipe-movement-x, 0)) translateY(var(--toast-swipe-movement-y, 0));
+    transition:
+      transform 200ms ease-out,
+      opacity 150ms ease-in;
   }
 
   :global(.dark),
   :global([data-theme="dark"]) {
+
     .root,
     :global(.infonomic-toast-root) {
       background: var(--canvas-800);
     }
   }
 
-  .root[data-state="open"],
-  :global(.infonomic-toast-root[data-state="open"]) {
-    animation: slideInFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  /* Entry animation */
+  .root[data-starting-style],
+  :global(.infonomic-toast-root[data-starting-style]) {
+    opacity: 0;
+    transform: translateY(calc(100% + var(--viewport-padding)));
+  }
+
+  @media (min-width: 48rem) {
+
+    .viewport.top-right .root[data-starting-style],
+    .viewport.bottom-right .root[data-starting-style],
+    :global(.infonomic-toast-viewport.top-right .infonomic-toast-root[data-starting-style]),
+    :global(.infonomic-toast-viewport.bottom-right .infonomic-toast-root[data-starting-style]) {
+      opacity: 0;
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+
+    .viewport.top-left .root[data-starting-style],
+    .viewport.bottom-left .root[data-starting-style],
+    :global(.infonomic-toast-viewport.top-left .infonomic-toast-root[data-starting-style]),
+    :global(.infonomic-toast-viewport.bottom-left .infonomic-toast-root[data-starting-style]) {
+      opacity: 0;
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
   }
 
-  .root[data-state="closed"],
-  :global(.infonomic-toast-root[data-state="closed"]) {
-    animation: hide 100ms ease-in;
+  /* Exit animation */
+  .root[data-ending-style],
+  :global(.infonomic-toast-root[data-ending-style]) {
+    opacity: 0;
   }
 
-  .root[data-swipe="move"],
-  :global(.infonomic-toast-root[data-swipe="move"]) {
-    transform: translateX(var(--radix-toast-swipe-move-x));
+  .root[data-ending-style][data-swipe-direction="right"],
+  :global(.infonomic-toast-root[data-ending-style][data-swipe-direction="right"]) {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) + 100% + var(--viewport-padding)));
   }
 
-  .root[data-swipe="cancel"],
-  :global(.infonomic-toast-root[data-swipe="cancel"]) {
-    transform: translateX(0);
-    transition: transform 200ms ease-out;
+  .root[data-ending-style][data-swipe-direction="left"],
+  :global(.infonomic-toast-root[data-ending-style][data-swipe-direction="left"]) {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) - 100% - var(--viewport-padding)));
   }
 
-  .root.top-right[data-swipe="end"],
-  .root.bottom-right[data-swipe="end"],
-  :global(.infonomic-toast-root.top-right[data-swipe="end"]),
-  :global(.infonomic-toast-root.bottom-right[data-swipe="end"]) {
-    animation: swipeOutToRight 100ms ease-out;
+  .root[data-ending-style][data-swipe-direction="down"],
+  :global(.infonomic-toast-root[data-ending-style][data-swipe-direction="down"]) {
+    transform: translateY(calc(var(--toast-swipe-movement-y, 0) + 150%));
   }
 
-  .root.top-left[data-swipe="end"],
-  .root.bottom-left[data-swipe="end"],
-  :global(.infonomic-toast-root.top-left[data-swipe="end"]),
-  :global(.infonomic-toast-root.bottom-left[data-swipe="end"]) {
-    animation: swipeOutToLeft 100ms ease-out;
+  /* ============================================
+     Content — overflow container for stacking
+     ============================================ */
+
+  .content,
+  :global(.infonomic-toast-content) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-1);
   }
 
+  /* ============================================
+     Header / Close / Title / Description / Action
+     ============================================ */
+
   .header,
   :global(.infonomic-toast-header) {
     display: flex;
@@ -122,149 +241,4 @@
     justify-content: end;
     padding: 0 12px 0 12px;
   }
-
-  /* Positions are relative to the toast viewport which is set 
-   globally in components/toast.css  */
-
-  .top-left,
-  :global(.infonomic-toast-top-left) {
-    top: 88px;
-    right: 16px;
-    left: 16px;
-  }
-
-  .top-right,
-  :global(.infonomic-toast-top-right) {
-    top: 88px;
-    right: 16px;
-    left: 16px;
-  }
-
-  .bottom-left,
-  :global(.infonomic-toast-bottom-left) {
-    bottom: 16px;
-    right: 16px;
-    left: 16px;
-  }
-
-  .bottom-right,
-  :global(.infonomic-toast-bottom-right) {
-    bottom: 16px;
-    right: 16px;
-    left: 16px;
-  }
-
-  @media (min-width: 48rem) {
-    .root.top-right[data-state="open"],
-    .root.bottom-right[data-state="open"],
-    :global(.infonomic-toast-root.top-right[data-state="open"]),
-    :global(.infonomic-toast-root.bottom-right[data-state="open"]) {
-      animation: slideInFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
-    }
-
-    .root.top-left[data-state="open"],
-    .root.bottom-left[data-state="open"],
-    :global(.infonomic-toast-root.top-left[data-state="open"]),
-    :global(.infonomic-toast-root.bottom-left[data-state="open"]) {
-      animation: slideInFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
-    }
-
-    .bottom-right,
-    :global(.infonomic-toast-bottom-right) {
-      bottom: 16px;
-      right: 16px;
-      left: auto;
-      width: 100%;
-      max-width: 390px;
-    }
-
-    .bottom-left,
-    :global(.infonomic-toast-bottom-left) {
-      bottom: 16px;
-      left: 16px;
-      right: auto;
-      width: 100%;
-      max-width: 390px;
-    }
-
-    .top-left,
-    :global(.infonomic-toast-top-left) {
-      top: 88px;
-      left: 16px;
-      right: auto;
-      bottom: auto;
-      width: 100%;
-      max-width: 390px;
-    }
-
-    .top-right,
-    :global(.infonomic-toast-top-right) {
-      top: 88px;
-      right: 16px;
-      bottom: auto;
-      left: auto;
-      width: 100%;
-      max-width: 390px;
-    }
-  }
-
-  @keyframes slideInFromRight {
-    from {
-      transform: translateX(calc(100% + var(--viewport-padding)));
-    }
-
-    to {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slideInFromLeft {
-    from {
-      transform: translateX(calc(-100% - var(--viewport-padding)));
-    }
-
-    to {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slideInFromBottom {
-    from {
-      transform: translateY(calc(100% + var(--viewport-padding)));
-    }
-
-    to {
-      transform: translateY(0);
-    }
-  }
-
-  @keyframes swipeOutToRight {
-    from {
-      transform: translateX(var(--radix-toast-swipe-end-x));
-    }
-
-    to {
-      transform: translateX(calc(100% + var(--viewport-padding)));
-    }
-  }
-
-  @keyframes swipeOutToLeft {
-    from {
-      transform: translateX(var(--radix-toast-swipe-end-x));
-    }
-
-    to {
-      transform: translateX(calc(-100% - var(--viewport-padding)));
-    }
-  }
-
-  @keyframes hide {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-}
+}

package/dist/components/notifications/toast.module.js

@@ -1,24 +1,20 @@
 import "./toast_module.css";
 const toast_module = {
-    root: "root-dWN7jD",
-    slideInFromBottom: "slideInFromBottom-O94u9U",
-    hide: "hide-vlOoW0",
-    "top-right": "top-right-OsKbVb",
-    topRight: "top-right-OsKbVb",
-    "bottom-right": "bottom-right-Nzuhur",
-    bottomRight: "bottom-right-Nzuhur",
-    swipeOutToRight: "swipeOutToRight-FWaeVx",
+    viewport: "viewport-x4CvHl",
     "top-left": "top-left-dy_IMc",
     topLeft: "top-left-dy_IMc",
+    "top-right": "top-right-OsKbVb",
+    topRight: "top-right-OsKbVb",
     "bottom-left": "bottom-left-_RdEZn",
     bottomLeft: "bottom-left-_RdEZn",
-    swipeOutToLeft: "swipeOutToLeft-OI9y6O",
+    "bottom-right": "bottom-right-Nzuhur",
+    bottomRight: "bottom-right-Nzuhur",
+    root: "root-dWN7jD",
+    content: "content-o83ZAp",
     header: "header-ItoxDs",
     close: "close-HwTMjn",
     title: "title-qfQE8M",
     description: "description-nQWtgX",
-    action: "action-PunqB2",
-    slideInFromRight: "slideInFromRight-G4Hu_M",
-    slideInFromLeft: "slideInFromLeft-m703fy"
+    action: "action-PunqB2"
 };
 export default toast_module;