@cube-dev/ui-kit 0.0.0-canary-b8c139f → 0.0.0-canary-0294ea6

package/es/components/forms/RadioGroup/Radio.js

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

package/es/components/forms/RadioGroup/RadioGroup.js

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

package/es/components/forms/RadioGroup/context.js

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

package/es/components/forms/SearchInput/SearchInput.js

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

package/es/components/forms/Switch/Switch.js

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

package/es/components/forms/TextArea/TextArea.js

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

package/es/components/forms/TextInput/TextInput.js

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

package/es/components/forms/TextInput/TextInputBase.js

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

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

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

package/es/components/layout/Space.js

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

package/es/components/layout/Suffix.js

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js

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

package/es/components/navigation/Link/Link.js

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

package/es/components/organisms/FileTabs/FileTabs.js

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

package/es/components/organisms/Modal/Modal.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/other/Base64Upload/Base64Upload.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

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

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

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

package/es/components/overlays/Dialog/DialogTrigger.js

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

package/es/components/overlays/Dialog/context.js

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

package/es/components/overlays/Dialog/index.js

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

package/es/components/overlays/Modal/Modal.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
-import { useViewportSize } from '@react-aria/utils';
 import { forwardRef } from 'react';
 import { useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';
 import { tasty } from '../../../tasty';
@@ -26,7 +25,7 @@ export const OVERLAY_WRAPPER_STYLES = {
     },
     boxSizing: 'border-box',
     width: '100vw',
-    height: '@cube-visual-viewport-height',
+    height: '100dvh',
     pointerEvents: 'none',
     zIndex: 2,
     transition: 'visibility 0ms linear .13s',
@@ -40,10 +39,10 @@ const ModalElement = tasty({
         display: 'grid',
         zIndex: 2,
         height: {
-            '': 'max (@cube-visual-viewport-height * .9)',
-            '[data-type="fullscreenTakeover"] | [data-type="panel"]': '@cube-visual-viewport-height @cube-visual-viewport-height',
-            '[data-type="fullscreen"]': '(@cube-visual-viewport-height * .9) (@cube-visual-viewport-height * .9)',
-            '[data-type="fullscreenTakeover"]': '@cube-visual-viewport-height @cube-visual-viewport-height',
+            '': 'max 90dvh',
+            '[data-type="fullscreenTakeover"] | [data-type="panel"]': '100dvh 100dvh',
+            '[data-type="fullscreen"]': '90dvh 90dvh',
+            '[data-type="fullscreenTakeover"]': '100dvh 100dvh',
         },
         width: {
             width: '288px 90vw',
@@ -71,11 +70,7 @@ let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
     usePreventScroll();
     let { modalProps } = useModal();
-    let viewport = useViewportSize();
-    let style = {
-        '--cube-visual-viewport-height': viewport.height + 'px',
-    };
-    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, style: style, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
+    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
 });
 let _Modal = forwardRef(Modal);
 export { _Modal as Modal };

package/es/components/overlays/Modal/OpenTransition.js

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

package/es/components/overlays/Modal/Overlay.js

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

package/es/components/overlays/Modal/Popover.js

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

package/es/components/overlays/Modal/Tray.js

@@ -1,14 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
-import { useViewportSize } from '@react-aria/utils';
-import { forwardRef, useEffect, useRef, useState } from 'react';
+import { forwardRef } from 'react';
 import { useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';
 import { tasty } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
@@ -26,7 +25,7 @@ const TrayWrapperElement = tasty({
 const TrayElement = tasty({
     styles: {
         zIndex: 2,
-        height: 'max (@cube-visual-viewport-height * .9)',
+        height: 'max 90dvh',
         width: '288px 90vw',
         pointerEvents: 'auto',
         transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
@@ -48,40 +47,10 @@ let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
     let { modalProps } = useModal({
         isDisabled: isNonModal,
     });
-    // We need to measure the window's height in JS rather than using percentages in CSS
-    // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
-    // does not work properly because there is nothing to base the percentage on.
-    // We cannot use vh units because mobile browsers adjust the window height dynamically
-    // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
-    // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
-    // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
-    let viewport = useViewportSize();
-    let [height, setHeight] = useState(viewport.height);
-    let timeoutRef = useRef();
-    useEffect(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        // When the height is decreasing, and the keyboard is visible
-        // (visual viewport smaller than layout viewport), delay setting
-        // the new max height until after the animation is complete
-        // so that there isn't an empty space under the tray briefly.
-        if (viewport.height < height && viewport.height < window.innerHeight) {
-            timeoutRef.current = setTimeout(() => {
-                setHeight(viewport.height);
-            }, 500);
-        }
-        else {
-            setHeight(viewport.height);
-        }
-    }, [height, viewport.height]);
-    let wrapperStyle = {
-        '--cube-visual-viewport-height': height + 'px',
-    };
     let domProps = mergeProps(otherProps, overlayProps);
     return (_jsx(TrayWrapperElement, { mods: {
             open: isOpen,
-        }, style: wrapperStyle, children: _jsx(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
+        }, children: _jsx(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
                 open: isOpen,
                 'fixed-height': isFixedHeight,
             }, ...domProps, ...modalProps, ref: ref, children: children }, void 0) }, void 0));

package/es/components/overlays/Modal/Underlay.js

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

package/es/components/overlays/Modal/index.js

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

package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
@@ -12,8 +12,16 @@ import { tasty } from '../../../../tasty';
 import { NotificationView } from '../NotificationView';
 import { useNotificationListItem, } from '../hooks';
 const NotificationContainer = tasty({
-    styles: { boxShadow: '0 0.5x 2x #shadow', pointerEvents: 'auto' },
+    styles: {
+        overflow: 'hidden',
+        radius: '0.5x',
+        boxShadow: '0 0.5x 2x #shadow',
+        pointerEvents: 'auto',
+    },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationsBar`.
+ */
 export const FloatingNotification = memo(function FloatingNotification(props) {
     const { item, state, onRemoveNotification, id, isDisabledTimer, onDismissNotification, } = props;
     const { props: notificationProps, key } = item;

package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
@@ -34,11 +34,14 @@ const NotificationsContainer = tasty({
         overflow: 'hidden',
         isolation: 'isolate',
         pointerEvents: 'none',
-        '@supports (-webkit-touch-callout: none)': {
-            height: '-webkit-fill-available max',
+        '@supports (height: 100dvh)': {
+            height: '100dvh max',
         },
     },
 });
+/**
+ * @internal Do not use it
+ */
 export function NotificationsBar(props) {
     const { items, children, onRemoveNotification, onDismissNotification } = props;
     const ref = useRef(null);

package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js

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

package/es/components/overlays/NewNotifications/Bar/index.js

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

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

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

package/es/components/overlays/NewNotifications/Dialog/index.js

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

package/es/components/overlays/NewNotifications/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
@@ -10,6 +10,9 @@ import { useEffect } from 'react';
 import { useEvent, useSyncRef } from '../../../_internal';
 import { useId } from '../../../utils/react/useId';
 import { useNotificationsApi } from './hooks';
+/**
+ * Declarative wrap over the `useNotificationsApi` hook
+ */
 export function Notification(props) {
     const { id: propsId, disableRemoveOnUnmount = false } = props;
     const defaultId = useId();
@@ -20,7 +23,7 @@ export function Notification(props) {
     useEffect(() => {
         notify({ id, ...props });
     }, [id]);
-    useEffect(() => () => removeNotification(id), [id]);
+    useEffect(() => () => removeNotification(id), [id, removeNotification]);
     useEffect(() => update(id, props));
     return null;
 }

package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b8c139f
+ * @cube-dev/ui-kit v0.0.0-canary-0294ea6
  * Released under the MIT license.
  */
 
@@ -23,6 +23,9 @@ const Action = tasty(Button, {
         },
     },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export function NotificationAction(props) {
     const { children, onPress, type = 'primary', disableCloseOnAction = type !== 'primary', ...buttonProps } = props;
     const { onClose } = useNotificationContext();