@cube-dev/ui-kit 0.0.0-canary-7480fe6 → 0.0.0-canary-00505d5

package/es/components/organisms/DirectoryTree/DirectoryTree.js

@@ -0,0 +1,162 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { CaretDownOutlined, CaretUpOutlined, FileOutlined, FolderOpenFilled, FolderFilled, } from '@ant-design/icons';
+import { Flex } from '../../layout/Flex';
+import { Action } from '../../actions/Action';
+import { Button } from '../../actions';
+import { Space } from '../../layout/Space';
+import { Block } from '../../Block';
+const IMAGES = {
+    created: (_jsxs("svg", { width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M4.714 8.572h2.714v2.715c0 .078.065.142.143.142h.857a.143.143 0 00.143-.143V8.572h2.715a.143.143 0 00.142-.143v-.857a.143.143 0 00-.142-.143H8.57V4.715a.143.143 0 00-.143-.143h-.857a.143.143 0 00-.143.143V7.43H4.714a.143.143 0 00-.143.143v.857c0 .079.065.143.143.143z", fill: "#67C082" }, void 0), _jsx("path", { d: "M14.572.857H1.429a.57.57 0 00-.572.572v13.143a.57.57 0 00.572.571h13.143a.57.57 0 00.571-.571V1.429a.57.57 0 00-.571-.572zm-.715 13H2.143V2.143h11.714v11.714z", fill: "#67C082" }, void 0)] }, void 0)),
+    deleted: (_jsxs("svg", { width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M4.714 8.57h6.572a.143.143 0 00.142-.142V7.57a.143.143 0 00-.142-.143H4.714a.143.143 0 00-.143.143v.857c0 .078.065.143.143.143z", fill: "#FF646D" }, void 0), _jsx("path", { d: "M14.572.857H1.429a.57.57 0 00-.572.572v13.143a.57.57 0 00.572.571h13.143a.57.57 0 00.571-.571V1.429a.57.57 0 00-.571-.572zm-.715 13H2.143V2.143h11.714v11.714z", fill: "#FF646D" }, void 0)] }, void 0)),
+    modified: (_jsxs("svg", { width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M14.572.857H1.429a.57.57 0 00-.572.572v13.143a.57.57 0 00.572.571h13.143a.57.57 0 00.571-.571V1.429a.57.57 0 00-.571-.572zm-.715 13H2.143V2.143h11.714v11.714z", fill: "#FBBC05" }, void 0), _jsx("circle", { cx: "8", cy: "8", r: "2.222", fill: "#FBBC05" }, void 0)] }, void 0)),
+};
+const TEXT_OVERFLOW_STYLES = {
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    maxWidth: '100%',
+    overflow: 'hidden',
+};
+function calcPadding(indent) {
+    return `.75x .5x .75x ${1.5 * indent + 0.5}x`;
+}
+function extractLeafKeys(subTreeData, dirsOnly = false) {
+    return subTreeData.reduce((list, item) => {
+        if (!item.isLeaf) {
+            list.push(item.key);
+            list.push(...extractLeafKeys(item.children || []));
+        }
+        else if (!dirsOnly) {
+            list.push(item.key);
+        }
+        return list;
+    }, []);
+}
+const MODE_BG = {
+    created: {
+        '': '#success.10',
+        hovered: '#success.15',
+    },
+    deleted: {
+        '': '#danger.08',
+        hovered: '#danger.13',
+    },
+};
+const MODE_COLOR = {
+    created: '#success',
+    deleted: '#danger',
+};
+function getItemStyles({ isSelected, mode, indent }) {
+    return {
+        width: 'max 100%',
+        radius: true,
+        textAlign: 'left',
+        fill: isSelected
+            ? '#purple.05'
+            : MODE_BG[mode] || {
+                '': '#clear',
+                hovered: '#dark.04',
+            },
+        color: isSelected ? '#purple-text' : MODE_COLOR[mode] || '#dark.75',
+        outline: {
+            '': '#purple-03.0',
+            'focused & focus-visible': '#purple-03',
+        },
+        fontWeight: isSelected ? 500 : 400,
+        padding: calcPadding(indent),
+    };
+}
+function Item(props) {
+    let { children, mode, indent, onPress, isSelected } = props;
+    return (_jsx(Action, { onPress: onPress, styles: getItemStyles({ isSelected, mode, indent }), style: { whiteSpace: 'nowrap' }, children: children }, void 0));
+}
+function sortTreeData(filesTree) {
+    filesTree = filesTree.map((item) => {
+        return {
+            ...item,
+            children: item.children ? sortTreeData(item.children) : undefined,
+        };
+    });
+    return filesTree.sort((a, b) => {
+        if (!a.isLeaf && b.isLeaf) {
+            return -1;
+        }
+        else if (!b.isLeaf && a.isLeaf) {
+            return 1;
+        }
+        else if (a.title && b.title) {
+            return a.title.localeCompare(b.title, 'en', { sensitivity: 'base' });
+        }
+        else {
+            return 0;
+        }
+    });
+}
+const HOVER_CSS = `
+  &:hover .actions {
+    opacity: 1;
+  }
+  &:not(:hover) .actions {
+    opacity: 0;
+  }
+`;
+export function DirectoryTree(props) {
+    let { onSelect, treeData, selectedKey, defaultExpandAll, rootTitle, actionsPanel, onlyDirs, ...otherProps } = props;
+    treeData = sortTreeData(treeData);
+    const [expanded, setExpanded] = useState(['/']);
+    const [selected, setSelected] = useState(selectedKey);
+    const fullTreeData = [
+        {
+            key: '/',
+            title: rootTitle || '/',
+            children: treeData,
+        },
+    ];
+    useEffect(() => {
+        setSelected(selectedKey);
+    }, [selectedKey]);
+    useEffect(() => {
+        if (defaultExpandAll) {
+            setExpanded(extractLeafKeys(fullTreeData, true));
+        }
+    }, []);
+    function toggle(item) {
+        if (expanded.includes(item.key)) {
+            setExpanded(expanded.filter((key) => key !== item.key));
+        }
+        else {
+            setExpanded([...expanded, item.key]);
+        }
+    }
+    function select(item) {
+        onSelect && onSelect(item.key);
+        setSelected(item.key);
+    }
+    function recursiveRender(subTreeData, indent = 0) {
+        return subTreeData.reduce((list, item) => {
+            if (!item.isLeaf) {
+                list.push(_jsx(Item, { indent: indent, isSelected: selected === item.key, onPress: () => select(item), children: _jsxs(Space, { gap: ".5x", css: HOVER_CSS, children: [_jsx(Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
+                                    '': '#dark.60',
+                                    hovered: '#purple',
+                                }, onPress: () => toggle(item), label: expanded.includes(item.key) ? 'Collapse' : 'Expand', children: expanded.includes(item.key) ? (_jsx(CaretUpOutlined, {}, void 0)) : (_jsx(CaretDownOutlined, {}, void 0)) }, void 0), _jsxs(Space, { gap: "1x", flexGrow: 1, color: selected === item.key ? '#purple' : '#dark.50', children: [expanded.includes(item.key) ? (_jsx(FolderOpenFilled, {}, void 0)) : (_jsx(FolderFilled, {}, void 0)), _jsx(Block, { style: TEXT_OVERFLOW_STYLES, color: selected === item.key ? '#purple-text' : '#dark.75', children: item.title }, void 0)] }, void 0), actionsPanel && actionsPanel(item)] }, void 0) }, item.key));
+                if (expanded.includes(item.key)) {
+                    list.push(...recursiveRender(item.children || [], indent + 1));
+                }
+            }
+            else if (!onlyDirs) {
+                list.push(_jsx(Item, { indent: indent + 1.7, isSelected: selected === item.key, onPress: () => select(item), mode: item.mode, children: _jsxs(Space, { gap: "1x", css: HOVER_CSS, color: selected === item.key ? '#purple' : '#dark.50', children: [_jsx(FileOutlined, {}, void 0), _jsx(Block, { style: TEXT_OVERFLOW_STYLES, flexGrow: 1, color: selected === item.key ? '#purple-text' : '#dark.75', children: item.title }, void 0), actionsPanel && actionsPanel(item), item.mode && (_jsx(Flex, { padding: "0 .5x", placeItems: "center", children: IMAGES[item.mode] }, void 0))] }, void 0) }, item.key));
+            }
+            return list;
+        }, []);
+    }
+    return (_jsx(Flex, { styles: { flow: 'column', fontWeight: 500, width: '100%', gap: '1bw' }, ...otherProps, children: recursiveRender(fullTreeData) }, void 0));
+}
+
+        

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -12,6 +12,7 @@ import { Block } from '../../Block';
 import { Action } from '../../actions/Action';
 import { Space } from '../../layout/Space';
 import { Flex } from '../../layout/Flex';
+import { tasty } from '../../../tasty';
 const FileTabsContext = createContext({
     addTab() { },
     removeTab() { },
@@ -88,13 +89,19 @@ const TABS_CONTAINER_CSS = `
     opacity: 1;
   }
 `;
-const DIRTY_BADGE_CSS = `
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transition: all .2s linear;
-`;
+const DirtyBadge = tasty({
+    styles: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        transition: 'all .2s linear',
+        width: '1x',
+        height: '1x',
+        fill: '#dark.30',
+        radius: 'round',
+    },
+});
 const TAB_STYLES = {
     radius: '1r 1r 0 0',
     padding: '1x 1.5x',
@@ -168,7 +175,7 @@ const TAB_CSS = `
   }
 `;
 const Tab = ({ isDirty, isDisabled, children, isClosable, onClose, ...props }) => {
-    return (_jsx(Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }, void 0), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: _jsx(CloseOutlined, {}, void 0) }, void 0)) : (_jsx("div", {}, void 0)), isDirty ? (_jsx(Block, { className: "file-tab-dirty-badge", css: DIRTY_BADGE_CSS, width: "1x", height: "1x", fill: "#dark.30", radius: "round" }, void 0)) : null] }, void 0))] }, void 0) }, void 0));
+    return (_jsx(Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }, void 0), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: _jsx(CloseOutlined, {}, void 0) }, void 0)) : (_jsx("div", {}, void 0)), isDirty ? _jsx(DirtyBadge, { className: "file-tab-dirty-badge" }, void 0) : null] }, void 0))] }, void 0) }, void 0));
 };
 export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = useRef(null);

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 

package/es/components/organisms/SearchResults/SearchResults.js

@@ -0,0 +1,104 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, Fragment } from 'react';
+import { CaretDownOutlined, CaretUpOutlined, FileOutlined, } from '@ant-design/icons';
+import { Flex } from '../../layout/Flex';
+import { Action } from '../../actions/Action';
+import { Button } from '../../actions';
+import { Space } from '../../layout/Space';
+import { Block } from '../../Block';
+import { Paragraph } from '../../content/Paragraph';
+import { Text } from '../../content/Text';
+const TEXT_OVERFLOW_STYLES = {
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    maxWidth: '100%',
+    overflow: 'hidden',
+};
+function getItemStyles({ indent, isSelected, }) {
+    return {
+        width: 'max 100%',
+        radius: true,
+        textAlign: 'left',
+        fill: isSelected
+            ? '#purple.05'
+            : {
+                '': '#clear',
+                hovered: '#dark.04',
+            },
+        color: isSelected ? '#purple-text' : '#dark.75',
+        outline: {
+            '': '#purple-03.0',
+            'focused & focus-visible': '#purple-03',
+        },
+        fontWeight: 400,
+        padding: `.75x .5x .75x ${indent || 0.5}x`,
+    };
+}
+function Item({ children, indent, onPress, isSelected, }) {
+    return (_jsx(Action, { onPress: onPress, styles: getItemStyles({ indent, isSelected }), style: { whiteSpace: 'nowrap' }, children: children }, void 0));
+}
+const HOVER_CSS = `
+  &:hover .actions {
+    opacity: 1;
+  }
+  &:not(:hover) .actions {
+    opacity: 0;
+  }
+`;
+export function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...otherProps }) {
+    const [expanded, setExpanded] = useState([]);
+    const [selected, setSelected] = useState(selectedKey);
+    useEffect(() => {
+        setSelected(selectedKey);
+    }, [selectedKey]);
+    useEffect(() => {
+        if (defaultExpandAll) {
+            setExpanded(files.map((file) => file.key));
+        }
+    }, []);
+    useEffect(() => {
+        if (defaultExpandAll) {
+            setExpanded(files.map((file) => file.key));
+        }
+    }, [files]);
+    function toggle(item) {
+        if (expanded.includes(item.key)) {
+            setExpanded(expanded.filter((key) => key !== item.key));
+        }
+        else {
+            setExpanded([...expanded, item.key]);
+        }
+    }
+    function select(item, position) {
+        const key = typeof item === 'string' ? item : item.key;
+        onSelect && onSelect(key.split('|')[0], position);
+        setSelected(key);
+    }
+    const resultsNumber = files.reduce((sum, file) => sum + file.items.length, 0);
+    return (_jsxs(Flex, { styles: {
+            flow: 'column',
+            width: '100%',
+            gap: '1bw',
+            padding: '2x bottom',
+        }, ...otherProps, children: [_jsx(Paragraph, { color: "#dark.50", padding: "1x 0", children: resultsNumber
+                    ? `${resultsNumber} result${resultsNumber > 1 ? 's' : ''} in ${files.length} file${files.length > 1 ? 's' : ''}`
+                    : 'No results found' }, void 0), files.map((file) => {
+                return (_jsxs(Fragment, { children: [_jsx(Item, { isSelected: selected === file.key, onPress: () => select(file), indent: file.items.length ? null : 2.25, children: _jsxs(Space, { gap: ".5x", css: HOVER_CSS, children: [_jsx(Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
+                                            '': '#dark.60',
+                                            hovered: '#purple',
+                                        }, onPress: () => toggle(file), label: expanded.includes(file.key) ? 'Collapse' : 'Expand', children: file.items.length ? (expanded.includes(file.key) ? (_jsx(CaretUpOutlined, {}, void 0)) : (_jsx(CaretDownOutlined, {}, void 0))) : null }, void 0), _jsxs(Space, { gap: "1x", flexGrow: 1, color: selected === file.key ? '#purple' : '#dark.50', children: [expanded.includes(file.key) ? (_jsx(FileOutlined, {}, void 0)) : (_jsx(FileOutlined, {}, void 0)), _jsx(Block, { style: TEXT_OVERFLOW_STYLES, color: selected === file.key ? '#purple-text' : '#dark.75', children: file.entry ? (_jsxs(_Fragment, { children: [file.before || '', _jsx(Text.Selection, { children: file.entry }, void 0), file.after || ''] }, void 0)) : (file.title) }, void 0)] }, void 0)] }, void 0) }, file.key), (expanded.includes(file.key) ? file.items || [] : []).map((item, i) => {
+                            const key = `${file.key}|${i}`;
+                            const isSelected = selected === key;
+                            return (_jsx(Item, { indent: 3.5, isSelected: isSelected, onPress: () => select(key, [item.row, item.column]), children: _jsx(Space, { gap: "1x", css: HOVER_CSS, color: isSelected ? '#purple' : '#dark.50', children: _jsxs(Block, { style: TEXT_OVERFLOW_STYLES, flexGrow: 1, color: isSelected ? '#purple-text' : '#dark.75', children: [item.before || '', _jsx(Text.Selection, { children: item.entry }, void 0), item.after || ''] }, void 0) }, void 0) }, key));
+                        })] }, file.key));
+            })] }, void 0));
+}
+
+        

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 

package/es/components/organisms/TopBar/TopBar.js

@@ -0,0 +1,29 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Base } from '../../Base';
+import { CloudLogo } from '../../other/CloudLogo/CloudLogo';
+import { Space } from '../../layout/Space';
+import { CONTAINER_STYLES } from '../../../tasty/styles/list';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
+const DEFAULT_STYLES = {
+    display: 'flex',
+    flow: 'row',
+    gap: '1x',
+    placeContent: 'space-between',
+    placeItems: 'center',
+    padding: '1x 1.5x',
+    fill: '#white',
+};
+export function TopBar({ children, onLogoPress, ...props }) {
+    const styles = extractStyles(props, CONTAINER_STYLES, DEFAULT_STYLES);
+    return (_jsxs(Base, { role: "banner", styles: styles, ...filterBaseProps(props), children: [_jsx(CloudLogo, { onPress: onLogoPress }, void 0), _jsx(Space, { flexGrow: 1, placeContent: "space-between", children: children }, void 0)] }, void 0));
+}
+
+        

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -11,9 +11,9 @@ import { Button } from '../../actions';
 import { Block } from '../../Block';
 import { Text } from '../../content/Text';
 import styled from 'styled-components';
-import { extractStyles } from '../../../utils/styles';
-import { POSITION_STYLES } from '../../../styles/list';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { POSITION_STYLES } from '../../../tasty/styles/list';
+import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
 const DEFAULT_STYLES = {
     display: 'inline-flex',
     padding: '.75x 1x',

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -16,10 +16,10 @@ import { useDialog } from '@react-aria/dialog';
 import { useMessageFormatter } from '@react-aria/i18n';
 import { Base } from '../../Base';
 import { CloseOutlined } from '@ant-design/icons';
-import { extractStyles } from '../../../utils/styles';
-import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, } from '../../../styles/list';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, } from '../../../tasty/styles/list';
 import { mergeProps, SlotProvider } from '../../../utils/react';
-import { useContextStyles } from '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/providers/StylesProvider';
 const STYLES_LIST = [...BASE_STYLES, ...DIMENSION_STYLES, ...BLOCK_STYLES];
 const DEFAULT_STYLES = {
     pointerEvents: 'auto',

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -38,9 +38,9 @@ function DialogTrigger(props) {
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
         return () => {
-            if ((wasOpen.current || isExiting.current)
-                && type !== 'popover'
-                && type !== 'tray') {
+            if ((wasOpen.current || isExiting.current) &&
+                type !== 'popover' &&
+                type !== 'tray') {
                 console.warn('CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');
             }
         };
@@ -104,10 +104,10 @@ function DialogTriggerBase(props) {
         isDismissable,
         ...dialogProps,
     };
-    return (_jsxs(Fragment, { children: [_jsx(PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen
-                    && type !== 'modal'
-                    && type !== 'fullscreen'
-                    && type !== 'fullscreenTakeover', children: trigger }, void 0), _jsx(DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
+    return (_jsxs(Fragment, { children: [_jsx(PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
+                    type !== 'modal' &&
+                    type !== 'fullscreen' &&
+                    type !== 'fullscreenTakeover', children: trigger }, void 0), _jsx(DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
 }
 
         

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ import { forwardRef } from 'react';
 import { Underlay } from './Underlay';
 import { useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';
 import { Base } from '../../Base';
-import { useContextStyles } from '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/providers/StylesProvider';
 import { mergeProps } from '../../../utils/react';
 export const OVERLAY_WRAPPER_STYLES = {
     position: 'fixed',

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { Overlay } from './Overlay';
 import { forwardRef } from 'react';
 import { useModal, useOverlay } from '@react-aria/overlays';
 import { Base } from '../../Base';
-import { useContextStyles } from '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/providers/StylesProvider';
 const POPOVER_STYLES = {
     pointerEvents: 'auto',
     position: 'absolute',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ import { Underlay } from './Underlay';
 import { useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';
 import { OVERLAY_WRAPPER_STYLES } from './Modal';
 import { Base } from '../../Base';
-import { useContextStyles } from '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/providers/StylesProvider';
 import { mergeProps } from '../../../utils/react';
 const TRAY_STYLES = {
     zIndex: 2,

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Base } from '../../Base';
-import { useContextStyles } from '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/providers/StylesProvider';
 const UNDERLAY_STYLES = {
     position: 'fixed',
     top: 0,