@cube-dev/ui-kit 0.0.0-canary-b5744ce → 0.0.0-canary-b5c8c49

package/cjs/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -16,7 +16,16 @@ const IconContainer = (0, tasty_1.tasty)({
     styles: {
         boxSizing: 'border-box',
         display: 'flex',
+        alignSelf: 'start',
         gridArea: 'icon',
+        minHeight: '3x',
+        placeContent: 'center',
+    },
+});
+const IconPreset = (0, tasty_1.tasty)({
+    styles: {
+        boxSizing: 'border-box',
+        display: 'flex',
         fill: {
             '': '#note-bg',
             attention: '#note-bg',
@@ -43,14 +52,11 @@ const IconContainer = (0, tasty_1.tasty)({
 });
 exports.NotificationIcon = (0, react_1.memo)(function NotificationIcon(props) {
     const { icon, type } = props;
-    if (icon) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: icon }, void 0);
-    }
-    return ((0, jsx_runtime_1.jsx)(IconContainer, { mods: {
-            attention: type === 'attention',
-            success: type === 'success',
-            danger: type === 'danger',
-        }, children: iconsByType[type] }, void 0));
+    return ((0, jsx_runtime_1.jsx)(IconContainer, { children: icon ? (icon) : ((0, jsx_runtime_1.jsx)(IconPreset, { mods: {
+                attention: type === 'attention',
+                success: type === 'success',
+                danger: type === 'danger',
+            }, children: iconsByType[type] }, void 0)) }, void 0));
 });
 const iconsByType = {
     attention: (0, jsx_runtime_1.jsx)(icons_1.Attention, {}, void 0),

package/cjs/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/{Notification/Notification.js → NotificationView/NotificationView.js}

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Notification = void 0;
+exports.NotificationView = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const interactions_1 = require("@react-aria/interactions");
@@ -32,9 +32,10 @@ const NotificationContainer = (0, tasty_1.tasty)({
         gridAreas: `
       "icon . header"
       "icon . description"
-      "icon . footer"
+      ".    . footer"
     `,
         gridColumns: 'min-content 1x minmax(0, auto)',
+        gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
         fill: '#white',
         boxShadow: {
             '': '0 0 0 4bw #purple-04.0 inset',
@@ -42,7 +43,7 @@ const NotificationContainer = (0, tasty_1.tasty)({
         },
     },
 });
-exports.Notification = (0, react_1.forwardRef)(function Notification(props, ref) {
+exports.NotificationView = (0, react_1.forwardRef)(function NotificationView(props, ref) {
     const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
     const labelID = (0, utils_1.useId)();
     const descriptionID = (0, utils_1.useId)();
@@ -62,7 +63,7 @@ exports.Notification = (0, react_1.forwardRef)(function Notification(props, ref)
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, utils_1.mergeProps)(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible }, children: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }, void 0), header && (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }, void 0), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID }, void 0)), actions && ((0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0)), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, utils_1.mergeProps)(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible }, children: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }, void 0), header && (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }, void 0), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID }, void 0)), (0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
 });
 
         

package/cjs/components/overlays/NewNotifications/{Notification → NotificationView}/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Notification"), exports);
+__exportStar(require("./NotificationView"), exports);
 __exportStar(require("./NotificationAction"), exports);
 
         

package/cjs/components/overlays/NewNotifications/{Notification → NotificationView}/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -12,11 +12,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const portal_1 = require("../../../portal");
 const Bar_1 = require("../Bar");
-const use_notification_toasts_1 = require("./use-notification-toasts");
+const use_notifications_1 = require("./use-notifications");
 exports.NotificationsContext = (0, react_1.createContext)(null);
 function NotificationsProvider(props) {
-    const { children } = props;
-    const { toasts, api, addOnDismissListener, onDismissNotification } = (0, use_notification_toasts_1.useNotificationToasts)();
+    const { children, rootRef } = props;
+    const { toasts, api, addOnDismissListener, onDismissNotification } = (0, use_notifications_1.useNotifications)(rootRef);
     const providerValue = (0, react_1.useMemo)(() => ({ api, addOnDismissListener }), []);
     return ((0, jsx_runtime_1.jsxs)(exports.NotificationsContext.Provider, { value: providerValue, children: [(0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => ((0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
 }

package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/NotificationsContext/{use-notification-toasts.js → use-notifications.js}

@@ -1,17 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotificationToasts = void 0;
+exports.useNotifications = void 0;
 const react_1 = require("react");
 const _internal_1 = require("../../../../_internal");
 const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
-function useNotificationToasts() {
+function useNotifications(rootRef) {
     const idRef = (0, react_1.useRef)(0);
     const listeners = (0, react_1.useRef)([]);
     const [toasts, setToasts] = (0, react_1.useState)(new Map());
@@ -58,16 +58,18 @@ function useNotificationToasts() {
         });
     });
     const onDismissNotification = (0, _internal_1.useEvent)((id) => {
+        var _a;
         const toast = toasts.get(id);
-        if (toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) {
-            document.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
+        if ((toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) !== false) {
+            (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
         }
     });
     const addOnDismissListener = (0, _internal_1.useEvent)((listener) => {
+        var _a;
         const callback = (e) => listener(e.detail);
-        const unsub = () => document.removeEventListener(DISMISS_EVENT_NAME, callback);
+        const unsub = () => { var _a; return (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(DISMISS_EVENT_NAME, callback); };
         listeners.current.push(unsub);
-        document.addEventListener(DISMISS_EVENT_NAME, callback);
+        (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(DISMISS_EVENT_NAME, callback);
         return unsub;
     });
     (0, react_1.useEffect)(() => () => listeners.current.forEach((cb) => cb()), []);
@@ -79,6 +81,6 @@ function useNotificationToasts() {
         addOnDismissListener,
     };
 }
-exports.useNotificationToasts = useNotificationToasts;
+exports.useNotifications = useNotifications;
 
         

package/cjs/components/overlays/NewNotifications/NotificationsList.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const collections_1 = require("@react-stately/collections");
 const tasty_1 = require("../../../tasty");
-const Notification_1 = require("./Notification");
+const NotificationView_1 = require("./NotificationView");
 const hooks_1 = require("./hooks");
 const NotificationListContainer = (0, tasty_1.tasty)({
     styles: { boxSizing: 'border-box', width: '100%' },
@@ -37,7 +37,7 @@ function NotificationListItem(props) {
     const { key, props: notificationProps } = item;
     const ref = (0, react_1.useRef)(null);
     const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
-    return ((0, jsx_runtime_1.jsx)(Notification_1.Notification, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
+    return ((0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
 }
 
         

package/cjs/components/overlays/NewNotifications/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -20,6 +20,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-notifications-list"), exports);
 __exportStar(require("./use-notification-list-item"), exports);
 __exportStar(require("./use-notifications-api"), exports);
+__exportStar(require("./use-notifications-observer"), exports);
 __exportStar(require("./types"), exports);
 
         

package/cjs/components/overlays/NewNotifications/hooks/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNotificationsObserver = void 0;
+const react_1 = require("react");
+const _internal_1 = require("../../../../_internal");
+const NotificationsContext_1 = require("../NotificationsContext");
+function useNotificationsObserver(callback) {
+    var _a;
+    const { addOnDismissListener } = (_a = (0, react_1.useContext)(NotificationsContext_1.NotificationsContext)) !== null && _a !== void 0 ? _a : {};
+    const callbackEvent = (0, _internal_1.useEvent)(callback);
+    (0, react_1.useEffect)(() => addOnDismissListener === null || addOnDismissListener === void 0 ? void 0 : addOnDismissListener(callbackEvent), [addOnDismissListener]);
+}
+exports.useNotificationsObserver = useNotificationsObserver;
+
+        

package/cjs/components/overlays/NewNotifications/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 
@@ -22,8 +22,9 @@ var NotificationsContext_1 = require("./NotificationsContext");
 Object.defineProperty(exports, "NotificationsProvider", { enumerable: true, get: function () { return NotificationsContext_1.NotificationsProvider; } });
 __exportStar(require("./NotificationsList"), exports);
 __exportStar(require("./hooks"), exports);
-var Notification_1 = require("./Notification");
-Object.defineProperty(exports, "NotificationAction", { enumerable: true, get: function () { return Notification_1.NotificationAction; } });
+var NotificationView_1 = require("./NotificationView");
+Object.defineProperty(exports, "NotificationAction", { enumerable: true, get: function () { return NotificationView_1.NotificationAction; } });
 __exportStar(require("./Dialog"), exports);
+__exportStar(require("./Notification"), exports);
 
         

package/cjs/components/overlays/NewNotifications/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Toasts/Toast.js

@@ -0,0 +1,43 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@react-aria/utils");
+const use_toasts_api_1 = require("./use-toasts-api");
+function Toast(props) {
+    const { id: propsId } = props;
+    const { toast, update, remove } = (0, use_toasts_api_1.useToastsApi)();
+    const defaultId = (0, utils_1.useId)();
+    const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    (0, react_1.useEffect)(() => {
+        toast({
+            ...props,
+            id,
+        });
+        return () => remove(id);
+    }, [id]);
+    (0, react_1.useEffect)(() => {
+        update(id, props);
+    });
+    return null;
+}
+exports.Toast = Toast;
+Toast.Success = function ToastSuccess(props) {
+    return (0, jsx_runtime_1.jsx)(Toast, { type: "success", ...props }, void 0);
+};
+Toast.Danger = function ToastDanger(props) {
+    return (0, jsx_runtime_1.jsx)(Toast, { type: "danger", ...props }, void 0);
+};
+Toast.Attention = function ToastAttention(props) {
+    return (0, jsx_runtime_1.jsx)(Toast, { type: "attention", ...props }, void 0);
+};
+
+        

package/cjs/components/overlays/Toasts/index.js

@@ -0,0 +1,23 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-toasts-api"), exports);
+__exportStar(require("./Toast"), exports);
+
+        

package/cjs/components/overlays/Toasts/types.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/components/overlays/Toasts/use-toasts-api.js

@@ -0,0 +1,47 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToastsApi = void 0;
+const react_1 = require("react");
+const react_is_1 = require("react-is");
+const NewNotifications_1 = require("../NewNotifications");
+function useToastsApi() {
+    const { notify, update, remove } = (0, NewNotifications_1.useNotificationsApi)();
+    const toast = (0, react_1.useMemo)(() => {
+        const toast = (props) => {
+            return notify({
+                isDismissible: true,
+                putNotificationInDropdownOnDismiss: false,
+                duration: 5000,
+                ...unwrapProps(props),
+            });
+        };
+        toast.success = (props) => toast({ type: 'success', ...unwrapProps(props) });
+        toast.danger = (props) => toast({ type: 'danger', ...unwrapProps(props) });
+        toast.attention = (props) => toast({ type: 'attention', ...unwrapProps(props) });
+        return toast;
+    }, []);
+    return { toast, update, remove };
+}
+exports.useToastsApi = useToastsApi;
+function unwrapProps(props) {
+    return {
+        ...(propsIsDescription(props)
+            ? { description: props }
+            : props),
+    };
+}
+function propsIsDescription(props) {
+    return ((0, react_is_1.isElement)(props) ||
+        (0, react_is_1.isFragment)(props) ||
+        typeof props === 'string' ||
+        typeof props === 'number');
+}
+
+        

package/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Tooltip/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b5744ce
+ * @cube-dev/ui-kit v0.0.0-canary-b5c8c49
  * Released under the MIT license.
  */