@cube-dev/ui-kit 0.56.3 → 0.58.0

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

@@ -1,260 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * 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.56.3
- * 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.56.3
- * 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.56.3
- * 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);
-
-        

package/cjs/components/actions/use-action.js

@@ -1,142 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAction = void 0;
-exports.openLink = openLink;
-exports.parseTo = parseTo;
-exports.performClickHandler = performClickHandler;
-const react_1 = require("react");
-const utils_1 = require("@react-spectrum/utils");
-const react_aria_1 = require("react-aria");
-const provider_1 = require("../../provider");
-const react_2 = require("../../utils/react");
-const interactions_1 = require("../../utils/react/interactions");
-const tasty_1 = require("../../tasty");
-const TrackingProvider_1 = require("../../providers/TrackingProvider");
-const _internal_1 = require("../../_internal");
-const LINK_PRESS_EVENT = 'Link Press';
-const BUTTON_PRESS_EVENT = 'Button Press';
-const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
-/**
- * Helper to open link.
- * @param {String} href
- * @param {String|Boolean} [target]
- */
-function openLink(href, target) {
-    const link = document.createElement('a');
-    link.href = href;
-    if (target) {
-        link.target = target === true ? '_blank' : target;
-    }
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-}
-function parseTo(to) {
-    const newTab = to && typeof to === 'string' && to.startsWith('!');
-    const nativeRoute = to && typeof to === 'string' && to.startsWith('@');
-    const href = to && typeof to === 'string'
-        ? newTab || nativeRoute
-            ? to.slice(1)
-            : to
-        : undefined;
-    return {
-        newTab,
-        nativeRoute,
-        href,
-    };
-}
-function performClickHandler(evt, { router, to, onPress, tracking }) {
-    const { newTab, nativeRoute, href } = parseTo(to);
-    const element = evt.target;
-    const qa = element?.getAttribute('data-qa');
-    onPress?.(evt);
-    if (!to) {
-        tracking.event(BUTTON_PRESS_EVENT, { qa }, element);
-        return;
-    }
-    if (evt.shiftKey || evt.metaKey || newTab) {
-        openLink(href, true);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'tab' }, element);
-        return;
-    }
-    if (nativeRoute) {
-        openLink(href || window.location.href);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, element);
-    }
-    else if (href && href.startsWith('#')) {
-        const id = href.slice(1);
-        const element = document.getElementById(id);
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'hash', target: id }, element);
-        if (element) {
-            element.scrollIntoView({
-                behavior: 'smooth',
-                block: 'start',
-                inline: 'nearest',
-            });
-            return;
-        }
-    }
-    if (router) {
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'router' }, element);
-        router.push(href);
-    }
-    else if (href) {
-        tracking.event(LINK_PRESS_EVENT, { qa, href, type: 'native' }, element);
-        window.location.href = href;
-    }
-}
-const useAction = function useAction({ to, as, htmlType, label, mods, onPress, ...props }, ref) {
-    as = to ? 'a' : as || 'button';
-    const tracking = (0, TrackingProvider_1.useTracking)();
-    const router = (0, react_1.useContext)(provider_1.UIKitContext).router;
-    const isDisabled = props.isDisabled;
-    const { newTab, href } = parseTo(to);
-    const target = newTab ? '_blank' : undefined;
-    const domRef = (0, utils_1.useFocusableRef)(ref);
-    const customOnPress = (0, _internal_1.useEvent)((evt) => {
-        performClickHandler(evt, { router, to, onPress, tracking });
-    });
-    let { buttonProps, isPressed } = (0, react_aria_1.useButton)({
-        'aria-label': label,
-        ...props,
-        onPress: customOnPress,
-    }, domRef);
-    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    let { focusProps, isFocused } = (0, interactions_1.useFocus)({ isDisabled }, true);
-    const customProps = to
-        ? {
-            onClick(evt) {
-                evt.preventDefault();
-            },
-        }
-        : {};
-    return {
-        actionProps: {
-            mods: {
-                hovered: isHovered && !isDisabled,
-                pressed: isPressed && !isDisabled,
-                focused: isFocused && !isDisabled,
-                disabled: isDisabled,
-                ...mods,
-            },
-            ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps, customProps, (0, tasty_1.filterBaseProps)(props, FILTER_OPTIONS)),
-            ref: domRef,
-            type: htmlType || 'button',
-            rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined,
-            as,
-            isDisabled,
-            target,
-            href,
-        },
-    };
-};
-exports.useAction = useAction;
-
-        

package/cjs/components/content/ActiveZone/ActiveZone.js

@@ -1,40 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveZone = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const utils_1 = require("@react-spectrum/utils");
-const react_2 = require("../../../utils/react");
-const tasty_1 = require("../../../tasty");
-const interactions_1 = require("../../../utils/react/interactions");
-const DEFAULT_STYLES = {
-    display: 'inline-grid',
-    position: 'relative',
-    opacity: {
-        '': 1,
-        '[disabled]': 0.4,
-    },
-    transition: 'theme',
-};
-const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-function ActiveZone({ as, label, onClick, ...props }, ref) {
-    const isDisabled = props.isDisabled;
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
-    const domRef = (0, utils_1.useFocusableRef)(ref);
-    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    let { focusProps, isFocused } = (0, interactions_1.useFocus)({ isDisabled });
-    let { focusableProps } = (0, react_aria_1.useFocusable)(props, domRef);
-    return ((0, jsx_runtime_1.jsx)(tasty_1.Element, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...(0, react_2.mergeProps)(hoverProps, focusProps, focusableProps, { onClick }, (0, tasty_1.filterBaseProps)(props, { eventProps: true })), ref: domRef, tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles }));
-}
-const _ActiveZone = (0, react_1.forwardRef)(ActiveZone);
-exports.ActiveZone = _ActiveZone;
-
-        

package/cjs/components/content/Alert/Alert.js

@@ -1,54 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * 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.Alert = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const themes_1 = __importDefault(require("../../../data/themes"));
-const tasty_1 = require("../../../tasty");
-const use_alert_1 = require("./use-alert");
-const AlertElement = (0, tasty_1.tasty)({
-    name: 'Alert',
-    role: 'alert',
-    qa: 'Alert',
-    styles: {
-        display: 'block',
-        flow: 'column',
-        radius: '@large-radius',
-        padding: '1.5x',
-        preset: 't3',
-        color: {
-            '': '#dark',
-            '[data-type="disabled"]': themes_1.default.disabled.color,
-        },
-        fill: {
-            '': '#clear',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].fill;
-                return map;
-            }, {}),
-        },
-        border: {
-            '': '#clear',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].border;
-                return map;
-            }, {}),
-        },
-    },
-});
-exports.Alert = (0, react_1.forwardRef)(function Alert(props, ref) {
-    const { styles, theme, filteredProps } = (0, use_alert_1.useAlert)(props);
-    return ((0, jsx_runtime_1.jsx)(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }));
-});
-
-        

package/cjs/components/content/Alert/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * 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("./Alert"), exports);
-
-        

package/cjs/components/content/Alert/types.js

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

package/cjs/components/content/Alert/use-alert.js

@@ -1,30 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAlert = useAlert;
-const tasty_1 = require("../../../tasty");
-const _internal_1 = require("../../../_internal");
-const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-function useAlert(props) {
-    const { type, isDisabled = false, theme } = props;
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    (0, _internal_1.useDeprecationWarning)(typeof type === 'undefined', {
-        property: 'type',
-        name: 'Alert',
-        betterAlternative: 'theme',
-    });
-    const _theme = isDisabled ? 'disabled' : theme ?? type ?? 'note';
-    return {
-        styles,
-        theme: _theme,
-        filteredProps: (0, tasty_1.filterBaseProps)(props, { eventProps: true }),
-    };
-}
-
-