@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/components/GridProvider.js

@@ -1,89 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../tasty");
-const react_2 = require("../utils/react");
-const tasty_2 = require("../tasty");
-const GridElement = (0, tasty_2.tasty)({
-    styles: {
-        display: 'contents',
-    },
-});
-const COLUMN_WIDTH = '((@grid-width - (@column-gap * (@columns-amount - 1))) / @columns-amount)';
-exports.GridProvider = (0, react_1.forwardRef)(function GridProvider(props, outerRef) {
-    let ref = (0, react_2.useCombinedRefs)(outerRef);
-    let { children, columns = 2, gap = '0', width: forcedWidth, initialWidth, } = props;
-    let [width, setWidth] = (0, react_1.useState)(forcedWidth || initialWidth || '100vw');
-    const resizeCallback = (0, react_1.useCallback)(() => {
-        const el = ref?.current?.parentElement;
-        if (!el)
-            return;
-        const computedStyle = getComputedStyle(el);
-        const containerWidth = el.clientWidth -
-            parseFloat(computedStyle.paddingLeft) -
-            parseFloat(computedStyle.paddingRight);
-        setWidth(`${containerWidth}px`);
-    }, [ref, columns, gap]);
-    (0, react_1.useEffect)(() => {
-        if (forcedWidth)
-            return;
-        const el = ref && ref.current && ref.current.parentNode;
-        if (!el)
-            return;
-        let sensor;
-        Promise.resolve().then(() => __importStar(require('../utils/ResizeSensor'))).then((module) => module.ResizeSensor)
-            .then((ResizeSensor) => {
-            sensor = new ResizeSensor(el, resizeCallback);
-        });
-        return () => {
-            if (sensor) {
-                sensor.detach();
-            }
-        };
-    }, [resizeCallback]);
-    (0, react_1.useEffect)(() => {
-        if (forcedWidth)
-            return;
-        resizeCallback();
-    }, [resizeCallback]);
-    return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: {
-            '--grid-width': width,
-            '--columns-amount': columns,
-            '--column-gap': gap,
-            '--column-width': COLUMN_WIDTH,
-        }, children: children }));
-});
-
-        

package/cjs/components/HiddenInput.js

@@ -1,38 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HiddenInput = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.HiddenInput = styled_components_1.default.input `
-  &&&&& {
-    display: block;
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
-    overflow: visible;
-    box-sizing: border-box;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    opacity: 0.0001;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    cursor: ${({ $isButton }) => ($isButton ? 'pointer' : 'default')};
-  }
-`;
-
-        

package/cjs/components/OpenTrasition.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenTransition = OpenTransition;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_transition_group_1 = require("react-transition-group");
-const OPEN_STATES = {
-    entering: false,
-    entered: true,
-};
-/**
- * Timeout issues adding css animations to enter may be related to
- * https://github.com/reactjs/react-transition-group/issues/189 or
- * https://github.com/reactjs/react-transition-group/issues/22
- * my VM isn't good enough to debug accurately and get a better answer.
- *
- * As a result, use enter 0 so that is-open is applied once entered
- * it doesn't matter if we know when the css-animation is done on entering
- * for exiting though, give time for the css-animation to play
- * before removing from the DOM
- * **note** hitting esc bypasses exit animation for anyone testing.
- */
-function OpenTransition(props) {
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => react_1.Children.map(props.children, (child) => child && (0, react_1.cloneElement)(child, { isOpen: !!OPEN_STATES[state] })) }));
-}
-
-        

package/cjs/components/Root.js

@@ -1,92 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Root = Root;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const styled_components_1 = require("styled-components");
-const tasty_1 = require("../tasty");
-const provider_1 = require("../provider");
-const tokens_1 = require("../tokens");
-const react_2 = require("../utils/react");
-const TrackingProvider_1 = require("../providers/TrackingProvider");
-const portal_1 = require("./portal");
-const GlobalStyles_1 = require("./GlobalStyles");
-const AlertDialog_1 = require("./overlays/AlertDialog");
-const NotificationsProvider_1 = require("./overlays/NewNotifications/NotificationsContext/NotificationsProvider");
-const RootElement = (0, tasty_1.tasty)({
-    id: 'cube-ui-kit-root',
-    className: 'root',
-});
-const DEFAULT_STYLES = {
-    display: 'block',
-    preset: 't3',
-    ...Object.keys(tokens_1.TOKENS).reduce((map, key) => {
-        map[`@${key}`] = tokens_1.TOKENS[key];
-        return map;
-    }, {}),
-};
-const STYLES = [...tasty_1.BASE_STYLES, ...tasty_1.BLOCK_STYLES];
-const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
-    ? CSS.supports('height: 100dvh')
-    : false;
-function Root(allProps) {
-    let { children, 
-    /** Raw css styles for body element */
-    bodyStyles, breakpoints = [980], fontDisplay = 'swap', fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, style, ...props } = allProps;
-    const ref = (0, react_1.useRef)(null);
-    const [rootRef, setRootRef] = (0, react_1.useState)();
-    // 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 = (0, react_2.useViewportSize)({ isDisabled: IS_DVH_SUPPORTED });
-    let [height, setHeight] = (0, react_1.useState)(IS_DVH_SUPPORTED ? undefined : viewport.height);
-    let timeoutRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        if (IS_DVH_SUPPORTED && typeof window !== 'undefined') {
-            return;
-        }
-        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 || 0) &&
-            viewport.height < window.innerHeight) {
-            timeoutRef.current = setTimeout(() => {
-                setHeight(viewport.height);
-            }, 500);
-        }
-        else {
-            setHeight(viewport.height);
-        }
-    }, [height, viewport.height]);
-    (0, react_1.useEffect)(() => {
-        if (!rootRef) {
-            // @ts-ignore
-            setRootRef(ref?.current);
-        }
-    }, []);
-    const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, breakpoints: breakpoints, children: (0, jsx_runtime_1.jsx)(TrackingProvider_1.TrackingProvider, { event: tracking?.event, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, "data-font-display": fontDisplay, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
-                        '--cube-dynamic-viewport-height': height
-                            ? height + 'px'
-                            : '100dvh',
-                        ...style,
-                    }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }), (0, jsx_runtime_1.jsx)(react_aria_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NotificationsProvider_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }) }) }) })] }) }) }) }));
-}
-
-        

package/cjs/components/actions/Action/Action.js

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Action = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
-const use_action_1 = require("../use-action");
-const DEFAULT_ACTION_STYLES = {
-    reset: 'button',
-    position: 'relative',
-    margin: 0,
-    preset: 'inherit',
-    border: 0,
-    padding: 0,
-    outline: {
-        '': '#purple-03.0',
-        focused: '#purple-03',
-    },
-    transition: 'theme',
-    cursor: 'pointer',
-    textDecoration: 'none',
-    fill: '#clear',
-};
-const ActionElement = (0, tasty_1.tasty)({
-    as: 'button',
-    styles: DEFAULT_ACTION_STYLES,
-});
-const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-exports.Action = (0, react_1.forwardRef)(function Action({ to, as, download, htmlType, label, theme, mods, onPress, ...props }, ref) {
-    const { actionProps } = (0, use_action_1.useAction)({ to, as, htmlType, label, onPress, mods, ...props }, ref);
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    return ((0, jsx_runtime_1.jsx)(ActionElement, { "data-theme": theme, download: download, ...actionProps, isDisabled: undefined, styles: styles }));
-});
-
-        

package/cjs/components/actions/Button/Button.js

@@ -1,260 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.DEFAULT_BUTTON_STYLES = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
-const warnings_1 = require("../../../utils/warnings");
-const icons_1 = require("../../../icons");
-const use_action_1 = require("../use-action");
-const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-exports.DEFAULT_BUTTON_STYLES = {
-    display: 'inline-grid',
-    placeItems: 'center stretch',
-    placeContent: 'center',
-    position: 'relative',
-    margin: 0,
-    outline: {
-        '': '#purple-03.0',
-        focused: '#purple-03',
-    },
-    cursor: 'pointer',
-    gap: '.75x',
-    flow: 'column',
-    preset: {
-        '': 't3m',
-        '[data-size="large"]': 't2m',
-    },
-    textDecoration: 'none',
-    transition: 'theme',
-    reset: 'button',
-    padding: {
-        '': '(1.25x - 1bw) (2x - 1bw)',
-        '[data-size="small"]': '(.75x - 1bw) (1.25x - 1bw)',
-        '[data-size="medium"]': '(1.25x - 1bw) (1.75x - 1bw)',
-        '[data-size="large"]': '1.5x (2.25x - 1bw)',
-        'single-icon-only | [data-type="link"]': 0,
-    },
-    width: {
-        '': 'initial',
-        '[data-size="small"] & single-icon-only': '4x 4x',
-        '[data-size="medium"] & single-icon-only': '5x 5x',
-        '[data-size="large"] & single-icon-only': '6x 6x',
-    },
-    height: {
-        '': 'initial',
-        '[data-size="small"] & single-icon-only': '4x 4x',
-        '[data-size="medium"] & single-icon-only': '5x 5x',
-        '[data-size="large"] & single-icon-only': '6x 6x',
-    },
-    whiteSpace: 'nowrap',
-    radius: {
-        '': true,
-        '[data-type="link"] & !focused': 0,
-    },
-    '& .anticon': {
-        transition: 'display .2s steps(1, start), margin .2s linear, opacity .2s linear',
-    },
-    ButtonIcon: {
-        display: 'grid',
-        fontSize: '@icon-size',
-    },
-};
-const ButtonElement = (0, tasty_1.tasty)({
-    qa: 'Button',
-    styles: exports.DEFAULT_BUTTON_STYLES,
-    variants: {
-        default: {
-            shadow: {
-                '': false,
-                '[data-type="link"]': '0 @border-width 0 0 #purple.20',
-                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
-            },
-            outline: {
-                '': '0 #purple-03.0',
-                focused: '@outline-width #purple-03',
-            },
-            border: {
-                // default
-                '': '#clear',
-                '[data-type="primary"] & pressed': '#purple-text',
-                '[data-type="secondary"] & pressed': '#purple.3',
-                '[data-type="outline"]': '#purple.3',
-                '[data-type="outline"] & [disabled]': '#dark.12',
-                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
-                '[data-type="link"]': '0',
-            },
-            fill: {
-                '': '#clear',
-                '[data-type="primary"]': '#purple',
-                '[data-type="primary"] & hovered': '#purple-text',
-                '[data-type="primary"] & pressed': '#purple',
-                '[data-type="secondary"]': '#purple.10',
-                '[data-type="secondary"] & hovered': '#purple.16',
-                '[data-type="secondary"] & pressed': '#purple-text.10',
-                '[data-type="neutral"]': '#dark.0',
-                '[data-type="neutral"] & hovered': '#dark.04',
-                '[data-type="neutral"] & pressed': '#dark.05',
-                '[disabled] & ![data-type="link"]': '#dark.04',
-                '([data-type="clear"] | [data-type="outline"])': '#purple.0',
-                '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
-                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
-                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
-            },
-            color: {
-                // default
-                '': '#white',
-                '[data-type="secondary"]': '#purple',
-                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
-                '[data-type="link"] & pressed': '#purple',
-                '[data-type="neutral"]': '#dark-02',
-                '[data-type="neutral"] & hovered': '#dark-02',
-                '[data-type="neutral"] & pressed': '#purple',
-                // other
-                '[disabled]': '#dark.30',
-            },
-        },
-        danger: {
-            shadow: {
-                '': false,
-                '[data-type="link"]': '0 @border-width 0 0 #danger.20',
-                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
-            },
-            outline: {
-                '': '0 #danger.0',
-                focused: '@outline-width #danger.50',
-            },
-            border: {
-                '': '#clear',
-                '[data-type="primary"] & pressed': '#danger-text',
-                '[data-type="secondary"] & pressed': '#danger.3',
-                '[data-type="outline"]': '#danger-text.3',
-                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
-                '[data-type="outline"] & pressed': '#danger.3',
-                '[data-type="link"]': '#clear',
-            },
-            fill: {
-                '': '#clear',
-                '[data-type="primary"]': '#danger',
-                '[data-type="primary"] & hovered': '#danger-text',
-                '[data-type="primary"] & pressed': '#danger',
-                '[data-type="secondary"]': '#danger.05',
-                '[data-type="secondary"] & hovered': '#danger.1',
-                '[data-type="secondary"] & pressed': '#danger.05',
-                '[data-type="neutral"]': '#dark.0',
-                '[data-type="neutral"] & hovered': '#dark.04',
-                '[data-type="neutral"] & pressed': '#dark.05',
-                '[disabled] & ![data-type="link"]': '#dark.04',
-                '[data-type="clear"] | [data-type="outline"]': '#danger.0',
-                '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
-                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
-                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
-            },
-            color: {
-                '': '#white',
-                '[data-type="neutral"]': '#dark-02',
-                '[data-type="neutral"] & hovered': '#dark-02',
-                '[data-type="secondary"]': '#danger',
-                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
-                '[data-type="link"] & pressed': '#danger',
-                '[data-type="neutral"] & pressed': '#danger',
-                '[disabled]': '#dark.30',
-            },
-        },
-        special: {
-            shadow: {
-                '': false,
-                '[data-type="link"]': '0 @border-width 0 0 #white.44',
-                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
-            },
-            outline: {
-                '': '0 #white.0',
-                focused: '@outline-width #white.44',
-                '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
-                '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
-            },
-            border: {
-                '': '#clear',
-                '[data-type="primary"] & pressed': '#purple-03',
-                '[data-type="secondary"] & pressed': '#white.44',
-                '[data-type="outline"] & !pressed': '#white.44',
-            },
-            fill: {
-                '': '#clear',
-                '[data-type="primary"]': '#purple',
-                '[data-type="primary"] & pressed': '#purple',
-                '[data-type="primary"] & hovered': '#purple-text',
-                '[data-type="secondary"]': '#white.12',
-                '[data-type="clear"]': '#white',
-                '[data-type="clear"] & hovered': '#white.94',
-                '[data-type="clear"] & pressed': '#white',
-                '[disabled] & ![data-type="link"]': '#white.12',
-                '([data-type="neutral"] | [data-type="outline"])': '#white.0',
-                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & hovered': '#white.18',
-                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & pressed': '#white.12',
-                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
-            },
-            color: {
-                // default
-                '': '#white',
-                '[data-type="clear"]': '#purple',
-                // other
-                '[disabled]': '#white.30',
-            },
-        },
-    },
-});
-exports.Button = (0, react_1.forwardRef)(function Button(allProps, ref) {
-    let { type, size, label, children, theme = 'default', icon, rightIcon, mods, download, ...props } = allProps;
-    const isDisabled = props.isDisabled || props.isLoading;
-    const isLoading = props.isLoading;
-    const isSelected = props.isSelected;
-    children = children || icon || rightIcon ? children : label;
-    if (!children) {
-        const specifiedLabel = label ?? props['aria-label'] ?? props['aria-labelledby'];
-        if (icon) {
-            if (!specifiedLabel) {
-                (0, warnings_1.accessibilityWarning)('If you provide `icon` property for a Button and do not provide any children then you should specify the `label` property to make sure the Button element stays accessible.');
-                label = 'Unnamed'; // fix to avoid warning in production
-            }
-        }
-        else {
-            if (!specifiedLabel) {
-                (0, warnings_1.accessibilityWarning)('If you provide no children for a Button then you should specify the `label` property to make sure the Button element stays accessible.');
-                label = 'Unnamed'; // fix to avoid warning in production
-            }
-        }
-    }
-    if (icon) {
-        icon = (0, react_1.cloneElement)(icon, {
-            'data-element': 'ButtonIcon',
-        });
-    }
-    if (rightIcon) {
-        rightIcon = (0, react_1.cloneElement)(rightIcon, {
-            'data-element': 'ButtonIcon',
-        });
-    }
-    const singleIcon = !!(((icon && !rightIcon) || (rightIcon && !icon)) &&
-        !children);
-    const modifiers = (0, react_1.useMemo)(() => ({
-        loading: isLoading,
-        selected: isSelected,
-        'single-icon-only': singleIcon,
-        ...mods,
-    }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    const { actionProps } = (0, use_action_1.useAction)({ ...allProps, isDisabled, mods: modifiers, ...(label ? { label } : {}) }, ref);
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    const isDisabledElement = actionProps.isDisabled;
-    delete actionProps.isDisabled;
-    return ((0, jsx_runtime_1.jsxs)(ButtonElement, { download: download, ...actionProps, disabled: isDisabledElement, variant: theme, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? (!isLoading ? (icon) : ((0, jsx_runtime_1.jsx)(icons_1.LoadingIcon, { "data-element": "ButtonIcon" }))) : null, children, rightIcon] }));
-});
-
-        

package/cjs/components/actions/Button/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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("./Button"), exports);
-
-        

package/cjs/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("../../../utils/react");
-const Space_1 = require("../../layout/Space");
-const tasty_1 = require("../../../tasty");
-const ButtonGroupElement = (0, tasty_1.tasty)(Space_1.Space, {
-    qa: 'ButtonGroup',
-    styles: {
-        gridArea: 'buttonGroup',
-    },
-});
-exports.ButtonGroup = (0, react_1.forwardRef)(function ButtonGroup(props, ref) {
-    return ((0, jsx_runtime_1.jsx)(ButtonGroupElement, { ref: ref, ...(0, react_2.useSlotProps)(props, 'buttonGroup') }));
-});
-
-        

package/cjs/components/actions/index.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 });
-exports.ButtonGroup = exports.Button = void 0;
-const Button_1 = require("./Button");
-const ButtonGroup_1 = require("./ButtonGroup/ButtonGroup");
-Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
-const Button = Object.assign(Button_1.Button, { Group: ButtonGroup_1.ButtonGroup });
-exports.Button = Button;
-__exportStar(require("./Button"), exports);
-__exportStar(require("./Action/Action"), exports);
-__exportStar(require("./use-action"), exports);
-
-