@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

package/es/components/form/Form/use-field/types.js

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

package/es/components/form/Form/use-field/use-field-props.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useDebugValue, useId, useRef } from 'react';
-import { useChainedCallback, useEvent } from '../../../../_internal/index.js';
-import { mergeProps } from '../../../../utils/react/index.js';
-import { warn } from '../../../../utils/warnings.js';
-import { useInsideLegacyField } from '../Field.js';
-import { useField } from './use-field.js';
+import { useChainedCallback, useEvent } from '../../../../_internal/index';
+import { mergeProps } from '../../../../utils/react/index';
+import { warn } from '../../../../utils/warnings';
+import { useInsideLegacyField } from '../Field';
+import { useField } from './use-field';
 export function useFieldProps(props, params = {}) {
     // We use ref here to "memoize" initial value
     const isDisabledRef = useRef(params.unsafe__isDisabled ?? false);

package/es/components/form/Form/use-field/use-field.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useEffect, useMemo, useState } from 'react';
-import { useEvent, useIsFirstRender } from '../../../../_internal/index.js';
-import { useFormProps } from '../Form.js';
-import { delayValidationRule } from '../validation.js';
+import { useEvent, useIsFirstRender } from '../../../../_internal/index';
+import { useFormProps } from '../Form';
+import { delayValidationRule } from '../validation';
 const ID_MAP = {};
 function createId(name) {
     if (!name)

package/es/components/form/Form/use-form.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useRef, useState } from 'react';
-import { dotize } from '../../../tasty/index.js';
-import { applyRules } from './validation.js';
+import { dotize } from '../../../tasty/index';
+import { applyRules } from './validation';
 function setValue(obj, path, value) {
     let a = path.split('.');
     let o = obj;

package/es/components/form/Form/validation.js

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

package/es/components/form/Label.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
 import { forwardRef } from 'react';
-import { useProviderProps } from '../../provider.js';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index.js';
+import { useProviderProps } from '../../provider';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index';
 const REQUIRED_ICON = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", style: {
         // @ts-ignore
         enableBackground: 'new 0 0 100 100',

package/es/components/form/index.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './Form/index.js';
-export * from './wrapper.js';
-export * from './Label.js';
-export * from './FieldWrapper/index.js';
+export * from './Form';
+export * from './wrapper';
+export * from './Label';
+export * from './FieldWrapper';
 
         

package/es/components/form/wrapper.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { mergeProps } from '../../utils/react/index.js';
-import { FieldWrapper } from './FieldWrapper/index.js';
+import { mergeProps } from '../../utils/react/index';
+import { FieldWrapper } from './FieldWrapper/index';
 export function wrapWithField(component, ref, props) {
     let { forceField, label, extra, labelPosition = 'top', labelStyles, isRequired, isDisabled, necessityIndicator, message, messageStyles, description, errorMessage, validationState, labelProps, fieldProps, fieldStyles, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
     if (!label && !forceField) {

package/es/components/helpers/DisplayTransition/DisplayTransition.js

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

package/es/components/helpers/DisplayTransition/index.js

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './DisplayTransition.js';
+export * from './DisplayTransition';
 
         

package/es/components/helpers/IconSwitch/IconSwitch.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState, } from 'react';
-import { tasty } from '../../../tasty/index.js';
-import { DisplayTransition } from '../DisplayTransition/DisplayTransition.js';
+import { tasty } from '../../../tasty';
+import { DisplayTransition } from '../DisplayTransition/DisplayTransition';
 function isNullishContent(node) {
     // React treats `null`, `undefined`, and `false` as "render nothing"
     return node == null || node === false;

package/es/components/helpers/index.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './DisplayTransition/DisplayTransition.js';
-export * from './IconSwitch/IconSwitch.js';
+export * from './DisplayTransition/DisplayTransition';
+export * from './IconSwitch/IconSwitch';
 
         

package/es/components/layout/Flex.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty';
 const FlexElement = tasty({
     styles: {
         display: 'flex',

package/es/components/layout/Flow.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty';
 const FlowElement = tasty({
     styles: {
         display: 'block',

package/es/components/layout/Grid.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty';
 const GridElement = tasty({
     styles: {
         display: 'grid',

package/es/components/layout/Panel.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
-import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty, } from '../../tasty/index.js';
+import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty, } from '../../tasty';
 const PanelElement = tasty({
     as: 'section',
     qa: 'Panel',

package/es/components/layout/Prefix.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, parseStyle, tasty, } from '../../tasty/index.js';
-import { useCombinedRefs, useLayoutEffect } from '../../utils/react/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, parseStyle, tasty, } from '../../tasty';
+import { useCombinedRefs, useLayoutEffect } from '../../utils/react';
 const PrefixElement = tasty({
     element: 'Prefix',
     styles: {

package/es/components/layout/ResizablePanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
@@ -9,10 +9,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useResizeObserver } from '@react-aria/utils';
 import { forwardRef, useEffect, useMemo, useRef, useState, } from 'react';
 import { useHover, useMove } from 'react-aria';
-import { useDebouncedValue, useEvent } from '../../_internal/hooks/index.js';
-import { tasty } from '../../tasty/index.js';
-import { mergeProps, useCombinedRefs } from '../../utils/react/index.js';
-import { Panel } from './Panel.js';
+import { useDebouncedValue, useEvent } from '../../_internal/hooks';
+import { tasty } from '../../tasty/index';
+import { mergeProps, useCombinedRefs } from '../../utils/react';
+import { Panel } from './Panel';
 const HandlerElement = tasty({
     qa: 'ResizeHandler',
     styles: {

package/es/components/layout/Space.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../tasty';
 const SpaceElement = tasty({
     styles: {
         display: 'flex',

package/es/components/layout/Suffix.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, parseStyle, tasty, } from '../../tasty/index.js';
-import { useCombinedRefs } from '../../utils/react/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, parseStyle, tasty, } from '../../tasty';
+import { useCombinedRefs } from '../../utils/react';
 const SuffixElement = tasty({
     element: 'Suffix',
     styles: {

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

@@ -0,0 +1,275 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
+import styled from 'styled-components';
+import { tasty } from '../../../tasty';
+import { useLayoutEffect } from '../../../utils/react';
+import { Button } from '../../actions';
+import { Block } from '../../Block';
+import { Flex } from '../../layout/Flex';
+import { Flow } from '../../layout/Flow';
+import { Space } from '../../layout/Space';
+const LegacyTabsContext = createContext({
+    addTab() { },
+    removeTab() { },
+    setTab() { },
+    changeTab() { },
+});
+const TabElement = tasty(Button, {
+    type: 'tab',
+    styles: {
+        color: {
+            '': '#dark',
+            'selected, hovered': '#purple-text',
+            disabled: '#dark.50',
+        },
+        fill: '#purple.0',
+        textAlign: 'center',
+        fontWeight: 600,
+        radius: '1r 1r 0 0',
+        border: 0,
+    },
+});
+const StyledTabElement = styled(TabElement) `
+  &::before {
+    --outline-size: 0px;
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    box-shadow: inset 0 calc(-1 * var(--outline-size)) 0 var(--purple-color);
+    pointer-events: none;
+    transition:
+      opacity linear 0.2s,
+      box-shadow linear 0.2s;
+  }
+
+  &[data-selected]::before {
+    --outline-size: 2px;
+  }
+
+  &:not([data-selected]):not([disabled])[data-hovered]::before {
+    --outline-size: 1px;
+  }
+`;
+const TabsPanelElement = tasty(Space, {
+    styles: {
+        gap: '1x',
+        flexShrink: 0,
+    },
+});
+const StyledTabsPanelElement = styled(TabsPanelElement) `
+  position: relative;
+  overflow: auto hidden;
+  top: 1px;
+  white-space: nowrap;
+
+  ::-webkit-scrollbar-track {
+    background: var(--dark-bg-color);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border-radius: 1px;
+    background: var(--dark-04-color);
+    background-clip: padding-box;
+  }
+
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar {
+    width: 3px;
+    height: 3px;
+  }
+`;
+const TabsContainerElement = tasty(Flow, {
+    styles: {
+        flow: 'column',
+        height: 'max 100%',
+        width: 'max 100%',
+    },
+});
+const StyledTabsContainerElement = styled(TabsContainerElement) `
+  position: relative;
+
+  &::before {
+    content: '';
+    display: block;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    width: 32px;
+    height: 37px;
+    transition: all 0.15s linear;
+    background-image: linear-gradient(
+      to left,
+      rgb(255 255 255 / 0),
+      rgb(255 255 255 / 1)
+    );
+    z-index: 1;
+  }
+
+  &::after {
+    content: '';
+    display: block;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 32px;
+    height: 37px;
+    pointer-events: none;
+    transition: all 0.15s linear;
+    background-image: linear-gradient(
+      to right,
+      rgb(255 255 255 / 0),
+      rgb(255 255 255 / 1)
+    );
+    z-index: 1;
+  }
+
+  &[data-left-fade]::before,
+  &[data-right-fade]::after {
+    opacity: 1;
+  }
+`;
+function Tab({ isSelected, isHidden, onClose, ...props }) {
+    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
+}
+export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
+    const tabsRef = useRef(null);
+    const [tabs, setTabs] = useState([]);
+    const [activeKey, setActiveKey] = useState(activeKeyProp || defaultActiveKey);
+    const [leftFade, setLeftFade] = useState(false);
+    const [rightFade, setRightFade] = useState(false);
+    function updateScroll() {
+        const el = tabsRef && tabsRef.current;
+        if (!el)
+            return;
+        setLeftFade(!!el.scrollLeft);
+        setRightFade(el.scrollWidth !== el.offsetWidth &&
+            !!(el.scrollWidth - el.offsetWidth - el.scrollLeft));
+    }
+    useLayoutEffect(updateScroll, [tabs]);
+    function scrollCurrentIntoView() {
+        const el = tabsRef && tabsRef.current;
+        if (!el)
+            return;
+        const current = el.querySelector('button[disabled]');
+        if (!current)
+            return;
+        current.scrollIntoView({ behavior: 'smooth', inline: 'end', block: 'end' });
+    }
+    useEffect(() => {
+        function update() {
+            updateScroll();
+        }
+        if (tabsRef && tabsRef.current) {
+            tabsRef.current.addEventListener('scroll', update);
+            tabsRef.current.addEventListener('mousewheel', update);
+            window.addEventListener('resize', update);
+        }
+        return () => {
+            if (tabsRef && tabsRef.current) {
+                tabsRef.current.removeEventListener('scroll', update);
+                tabsRef.current.removeEventListener('mousewheel', update);
+            }
+            window.removeEventListener('resize', update);
+        };
+    }, [tabsRef]);
+    useEffect(scrollCurrentIntoView, [activeKey]);
+    useEffect(() => {
+        setActiveKey(activeKeyProp);
+    }, [activeKeyProp]);
+    function getTab(tabs, key) {
+        return tabs.find((tab) => tab.id === key);
+    }
+    function setTab(key) {
+        if (getTab(tabs, key)) {
+            setActiveKey(key);
+        }
+    }
+    function addTab(tab) {
+        setTabs((tabs) => {
+            if (!getTab(tabs, tab.id)) {
+                return [...tabs, tab];
+            }
+            return tabs;
+        });
+    }
+    function removeTab(tab) {
+        setTabs((tabs) => {
+            const _tabs = tabs.filter((_tab) => _tab.id !== tab.id);
+            setActiveKey((prevActiveKey) => {
+                if (prevActiveKey === tab.id) {
+                    return _tabs[0] && _tabs[0].id;
+                }
+                return prevActiveKey;
+            });
+            return _tabs;
+        });
+    }
+    function changeTab(tab) {
+        setTabs((tabs) => {
+            const existTab = tabs.find((_tab) => _tab.id === tab.id);
+            if (existTab) {
+                Object.assign(existTab, tab);
+            }
+            return [...tabs];
+        });
+    }
+    function onPress(tab) {
+        onTabClick && onTabClick(tab.id);
+        setTab(tab.id);
+    }
+    return (_jsx(StyledTabsContainerElement, { "data-left-fade": leftFade || null, "data-right-fade": rightFade || null, ...props, children: _jsxs(LegacyTabsContext.Provider, { value: {
+                addTab,
+                setTab,
+                removeTab,
+                changeTab,
+                currentTab: activeKey,
+            }, children: [_jsxs(Space, { gap: ".5x", placeContent: "center space-between", children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
+                                return (_jsx(Tab, { "data-qa": tab.qa, isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, onPress: () => onPress(tab), children: tab.title }, tab.id));
+                            }) }), extra] }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
+}
+LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
+    const { addTab, removeTab, changeTab, currentTab } = useContext(LegacyTabsContext);
+    useEffect(() => {
+        const tabData = {
+            id,
+            qa,
+            title,
+            isDisabled,
+            isHidden,
+        };
+        addTab(tabData);
+        return () => {
+            removeTab(tabData);
+        };
+    }, [id]);
+    useEffect(() => {
+        changeTab({
+            id,
+            qa,
+            title,
+            isDisabled,
+            isHidden,
+        });
+    }, [title, isDisabled, isHidden]);
+    const isCurrent = id === currentTab;
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
+};
+
+        

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useRef, useState, } from 'react';
-import { CloseIcon } from '../../../icons/index.js';
-import { tasty } from '../../../tasty/index.js';
-import { useLayoutEffect } from '../../../utils/react/index.js';
-import { Action, Button } from '../../actions/index.js';
-import { Block } from '../../Block.js';
-import { Flex } from '../../layout/Flex.js';
-import { Space } from '../../layout/Space.js';
+import { CloseIcon } from '../../../icons';
+import { tasty } from '../../../tasty';
+import { useLayoutEffect } from '../../../utils/react';
+import { Action, Button } from '../../actions';
+import { Block } from '../../Block';
+import { Flex } from '../../layout/Flex';
+import { Space } from '../../layout/Space';
 const FileTabsContext = createContext({
     addTab() { },
     removeTab() { },

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from '../../content/Card/Card.js';
-import { Text } from '../../content/Text.js';
-import { Title } from '../../content/Title.js';
+import { Card } from '../../content/Card/Card';
+import { Text } from '../../content/Text';
+import { Title } from '../../content/Title';
 export function StatsCard({ title, value, suffix, ...props }) {
     return (_jsxs(Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [_jsx(Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] })] }));
 }