@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/components/content/Avatar/Avatar.js

@@ -1,36 +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.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
-const DEFAULT_STYLES = {
-    display: 'grid',
-    gap: '1x',
-    flow: 'row',
-    fill: '#purple',
-    color: '#white',
-    radius: 'round',
-    placeContent: 'center',
-    width: '@avatar-size @avatar-size @avatar-size',
-    height: '@avatar-size @avatar-size @avatar-size',
-    fontSize: 'calc(@avatar-size / 2)',
-    lineHeight: 'calc(@avatar-size / 2)',
-    fontWeight: 500,
-};
-exports.Avatar = (0, react_1.forwardRef)(function Avatar({ size = '4x', icon, children, ...props }, ref) {
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
-        ...DEFAULT_STYLES,
-        '--avatar-size': size,
-    });
-    return ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }));
-});
-
-        

package/cjs/components/content/Badge/Badge.js

@@ -1,53 +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.Badge = 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 BadgeElement = (0, tasty_1.tasty)({
-    qa: 'Badge',
-    role: 'region',
-    styles: {
-        display: 'inline-flex',
-        placeContent: 'center',
-        placeItems: 'center',
-        padding: {
-            '': '0',
-            long: '0 .5x',
-        },
-        radius: 'round',
-        preset: 'tag',
-        width: 'min 16px',
-        height: '16px 16px',
-        textAlign: 'center',
-        color: '#white',
-        fill: {
-            '': '#purple',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].color;
-                return map;
-            }, {}),
-        },
-    },
-});
-exports.Badge = (0, react_1.forwardRef)(function Badge(allProps, ref) {
-    let { type, children, mods, ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(BadgeElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, "data-type": type, mods: {
-            long: typeof children !== 'string' || children.length > 1,
-            ...mods,
-        }, styles: styles, children: children }));
-});
-
-        

package/cjs/components/content/Card/Card.js

@@ -1,32 +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.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
-const CardElement = (0, tasty_1.tasty)({
-    role: 'region',
-    styles: {
-        display: 'block',
-        flow: 'column',
-        radius: '(@large-radius + 1bw)',
-        fill: '#white',
-        border: true,
-        padding: '1.5x',
-        preset: 't3',
-    },
-    styleProps: tasty_1.CONTAINER_STYLES,
-});
-exports.Card = (0, react_1.forwardRef)(function Card(props, ref) {
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(CardElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-
-        

package/cjs/components/content/Content.js

@@ -1,36 +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.Content = 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 STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-const ContentElement = (0, tasty_1.tasty)({
-    qa: 'Content',
-    as: 'section',
-    styles: {
-        gridArea: 'content',
-        preset: 'p3',
-        color: '#dark-02',
-        display: 'block',
-        flow: 'column',
-        gap: '2x',
-        overflow: 'auto',
-        styledScrollbar: true,
-    },
-});
-exports.Content = (0, react_1.forwardRef)(function Content(props, ref) {
-    props = (0, react_2.useSlotProps)(props, 'content');
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(ContentElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-
-        

package/cjs/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,164 +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.CopyPasteBlock = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
-const actions_1 = require("../../actions");
-const Card_1 = require("../Card/Card");
-const tasty_1 = require("../../../tasty");
-const Toasts_1 = require("../../overlays/Toasts");
-const _internal_1 = require("../../../_internal");
-const icons_1 = require("../../../icons");
-const StyledBlock = (0, tasty_1.tasty)({
-    styles: {
-        display: 'grid',
-        flow: 'column',
-        placeContent: 'center space-between',
-        placeItems: 'center stretch',
-        gap: '1x',
-        position: 'relative',
-        maxWidth: '100%',
-        color: 'inherit',
-        padding: '0 1.5x',
-        // height: {
-        //   '': '4.5x',
-        //   '[data-size="small"]': '3.5x',
-        //   '[data-size="large"]': '5.5x',
-        // },
-        userSelect: 'none',
-        Label: {
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-        },
-    },
-});
-const CopyPasteBlockElement = (0, tasty_1.tasty)(Card_1.Card, {
-    qa: 'CopyPasteBlock',
-    styles: {
-        display: 'grid',
-        fill: '#grey-light',
-        radius: '1r',
-        padding: {
-            '': '0 1px',
-            ':focus': '0',
-        },
-        color: {
-            '': '#dark',
-            error: '#danger-text',
-        },
-        border: {
-            '': 'dashed #dark-03',
-            ':focus': '2px dashed #purple-text',
-            error: 'dashed #danger',
-        },
-        cursor: 'pointer',
-        preset: {
-            '': 't3',
-            '[data-size="large"]': 't2',
-        },
-        height: {
-            '': '5x',
-            '[data-size="small"]': '4x',
-            '[data-size="large"]': '6x',
-        },
-        boxSizing: 'border-box',
-        Grid: {
-            display: 'grid',
-            flow: 'row',
-            gridColumns: 'minmax(0, 1fr) min-content',
-            placeContent: 'stretch',
-            width: 'min 20x',
-            radius: '1r',
-            position: 'relative',
-        },
-        Shortcut: {
-            display: {
-                '': 'none',
-                ':focus & !error': 'inline',
-            },
-        },
-    },
-});
-const CopyButton = (0, tasty_1.tasty)(actions_1.Button, {
-    type: 'clear',
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyIcon, {}),
-    'aria-label': 'Copy to clipboard',
-    styles: {
-        placeSelf: 'stretch',
-        border: '#clear',
-        outline: {
-            '': '#purple-03.0',
-            'focused & focus-visible': '#purple-03 inset',
-        },
-        radius: {
-            '': '0 1r 1r 0',
-            'multiline | with-scroll': '0 1r 0 0',
-        },
-        height: 'auto',
-    },
-});
-function CopyPasteBlock(allProps, ref) {
-    const { value = '', onPaste, placeholder, title, size = 'medium', ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.POSITION_STYLES);
-    const [error, setError] = (0, react_1.useState)(null);
-    const { clipboardProps } = (0, react_aria_1.useClipboard)({
-        async onPaste(items) {
-            let pasted = await Promise.all(items
-                .filter((item) => item.kind === 'text' && item.types.has('text/plain'))
-                .map((item) => item.getText('text/plain')));
-            try {
-                await onPaste?.(pasted.join('\n'));
-            }
-            catch (e) {
-                setError(String(e));
-            }
-        },
-        getItems() {
-            return value
-                ? [
-                    {
-                        'text/plain': value,
-                    },
-                ]
-                : [];
-        },
-        onCopy() {
-            if (value) {
-                toast.success(`${title || 'Text'} copied`);
-            }
-        },
-    });
-    (0, _internal_1.useTimer)({
-        delay: 1000,
-        callback() {
-            setError(null);
-        },
-        isDisabled: !error,
-    });
-    const { toast } = (0, Toasts_1.useToastsApi)();
-    async function onCopy() {
-        await (0, clipboard_copy_1.default)(value);
-        toast.success(`${title || 'Text'} copied`);
-    }
-    const pristineValue = value.replace(/\n/, ' ');
-    return ((0, jsx_runtime_1.jsx)(CopyPasteBlockElement, { ref: ref, mods: { error: !!error }, "data-size": size, styles: styles, tabIndex: "0", ...props, ...clipboardProps, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsxs)(StyledBlock, { "data-size": size, mods: {
-                        placeholder: !!placeholder || !value,
-                    }, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder ? placeholder : 'Select and paste' })) }), (0, jsx_runtime_1.jsxs)("span", { "data-element": "Shortcut", children: [(0, jsx_runtime_1.jsx)("kbd", { children: "Cmd" }), " + ", (0, jsx_runtime_1.jsx)("kbd", { children: "V" })] })] }), value && !error && ((0, jsx_runtime_1.jsx)(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }))] }) }));
-}
-const _CopyPasteBlock = (0, react_1.forwardRef)(CopyPasteBlock);
-exports.CopyPasteBlock = _CopyPasteBlock;
-
-        

package/cjs/components/content/CopyPasteBlock/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("./CopyPasteBlock"), exports);
-
-        

package/cjs/components/content/CopySnippet/CopySnippet.js

@@ -1,186 +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.CopySnippet = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
-const actions_1 = require("../../actions");
-const Card_1 = require("../Card/Card");
-const tasty_1 = require("../../../tasty");
-const PrismCode_1 = require("../../content/PrismCode/PrismCode");
-const TooltipTrigger_1 = require("../../overlays/Tooltip/TooltipTrigger");
-const Tooltip_1 = require("../../overlays/Tooltip/Tooltip");
-const Toasts_1 = require("../../overlays/Toasts");
-const icons_1 = require("../../../icons");
-const ActionElement = (0, tasty_1.tasty)(actions_1.Action, {
-    styles: {
-        display: 'block',
-        cursor: 'default',
-        width: '100%',
-    },
-});
-const StyledBlock = (0, tasty_1.tasty)({
-    styles: {
-        position: 'relative',
-        overflow: {
-            '': 'auto clip',
-            multiline: 'auto',
-        },
-        width: 'initial auto 100%',
-        height: {
-            '': 'max 5x',
-            multiline: 'auto',
-        },
-        boxSizing: 'border-box',
-        whiteSpace: {
-            '': 'initial',
-            nowrap: 'nowrap',
-        },
-        styledScrollbar: true,
-        padding: '1.125x 1.5x',
-        fade: {
-            '': 'right 2x',
-            multiline: false,
-        },
-        '& code': {
-            font: {
-                '': 'monospace',
-                serif: true,
-            },
-        },
-    },
-});
-const ButtonContainer = (0, tasty_1.tasty)({
-    styles: {
-        position: 'relative',
-        display: 'flex',
-        flow: {
-            '': 'row-reverse',
-            multiline: 'column',
-        },
-        placeContent: 'start',
-        '@button-size': {
-            '': '5x',
-            multiline: '4x',
-        },
-        '@button-radius': {
-            '': '0',
-            multiline: '1r',
-        },
-        // Make sure there's a small gap between buttons and the content
-        border: 'left #clear',
-    },
-});
-const CopySnippetElement = (0, tasty_1.tasty)(Card_1.Card, {
-    qa: 'CopySnippet',
-    styles: {
-        display: 'grid',
-        gridRows: 'minmax(0, 1fr)',
-        fill: '#grey-light',
-        border: 0,
-        padding: 0,
-        preset: 'default',
-        radius: '1r',
-        overflow: 'hidden',
-        height: 'max-content',
-        Grid: {
-            display: 'grid',
-            flow: 'row',
-            gridColumns: 'minmax(0, 1fr) auto',
-            gridRows: 'minmax(0, 1fr)',
-            width: 'min 20x',
-            position: 'relative',
-        },
-    },
-});
-const ActionButton = (0, tasty_1.tasty)(actions_1.Button, {
-    type: 'clear',
-    styles: {
-        width: '4x',
-        padding: 0,
-        placeSelf: 'stretch',
-        border: '#clear',
-        outline: {
-            '': '#purple-03.0',
-            'focused & focus-visible': '#purple-03 inset',
-        },
-        height: '@button-size',
-        radius: {
-            '': '0',
-            ':last-child': '0 0 0 @button-radius',
-            ':first-child': '0 @button-radius 0 0',
-            ':last-child & :first-child': '0 @button-radius 0 @button-radius',
-        },
-    },
-});
-const CopyButton = (0, tasty_1.tasty)(ActionButton, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyIcon, {}),
-    'aria-label': 'Copy to clipboard',
-});
-const ShowButton = (0, tasty_1.tasty)(ActionButton, {
-    'aria-label': 'Show hidden parts',
-});
-// const HIDDEN_SYMBOL = '●';
-const HIDDEN_SYMBOL = '•';
-function replaceSymbolsToHidden(str) {
-    return HIDDEN_SYMBOL.repeat(str.length);
-}
-function CopySnippet(allProps) {
-    const { code = '', title = 'Code example', nowrap, prefix = '', language, serif, actions, showTooltip = false, hideText, ...props } = allProps;
-    const { toast } = (0, Toasts_1.useToastsApi)();
-    const [showHidden, setShowHidden] = (0, react_1.useState)(false);
-    async function onCopy() {
-        await (0, clipboard_copy_1.default)(code);
-        toast.success(`${title} copied`);
-    }
-    const pristineCode = code.replace(/\n$/, '');
-    const multiline = pristineCode.includes('\n') && !nowrap;
-    let formattedCode = pristineCode
-        .replace(/\r/g, '')
-        .split(/\n/g)
-        .map((line) => `${prefix}${line}`)
-        .join('\n')
-        .trim();
-    if (!showHidden) {
-        if (hideText === true) {
-            formattedCode = replaceSymbolsToHidden(formattedCode);
-        }
-        else if (typeof hideText === 'string') {
-            formattedCode = formattedCode.replaceAll(hideText, replaceSymbolsToHidden(hideText));
-        }
-        else if (Array.isArray(hideText)) {
-            hideText.forEach((text) => {
-                formattedCode = formattedCode.replaceAll(text, replaceSymbolsToHidden(text));
-            });
-        }
-    }
-    const mods = (0, react_1.useMemo)(() => {
-        return {
-            nowrap,
-            multiline,
-            serif,
-            hidden: !!hideText,
-        };
-    }, [nowrap, multiline, hideText, serif]);
-    const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { mods: mods, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: mods, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), (0, jsx_runtime_1.jsxs)(ButtonContainer, { mods: mods, children: [(0, jsx_runtime_1.jsx)(CopyButton, { "aria-label": `Copy ${title}`, onPress: onCopy }), hideText && ((0, jsx_runtime_1.jsx)(ShowButton, { icon: showHidden ? (0, jsx_runtime_1.jsx)(icons_1.EyeInvisibleIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.EyeIcon, {}), onPress: () => setShowHidden(!showHidden) })), actions] })] }) }));
-    if (showTooltip) {
-        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(ActionElement, { children: Snippet }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode })] }));
-    }
-    return Snippet;
-}
-const _CopySnippet = Object.assign(CopySnippet, {
-    Button: ActionButton,
-});
-exports.CopySnippet = _CopySnippet;
-
-        

package/cjs/components/content/CopySnippet/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("./CopySnippet"), exports);
-
-        

package/cjs/components/content/Divider.js

@@ -1,51 +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.Divider = 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 DividerElement = (0, tasty_1.tasty)({
-    styles: {
-        gridArea: 'divider',
-        display: {
-            '': 'block',
-            text: 'grid',
-        },
-        gridColumns: '1fr auto 1fr',
-        placeItems: 'center stretch',
-        gap: '1x',
-        preset: 'c1',
-        height: {
-            '': '1bw 1bw',
-            text: 'auto',
-        },
-        fill: {
-            '': '#border',
-            text: 'none',
-        },
-        border: '0',
-        margin: '0',
-        Line: {
-            height: '1bw 1bw',
-            fill: '#border',
-        },
-    },
-    styleProps: [...tasty_1.OUTER_STYLES, ...tasty_1.BASE_STYLES, ...tasty_1.COLOR_STYLES],
-});
-exports.Divider = (0, react_1.forwardRef)(function Divider(props, ref) {
-    const { mods, children, styles, ...otherProps } = (0, react_2.useSlotProps)(props, 'divider');
-    return ((0, jsx_runtime_1.jsx)(DividerElement, { as: children ? 'div' : 'hr', role: children ? 'separator' : undefined, mods: {
-            text: !!children,
-            ...mods,
-        }, ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }), (0, jsx_runtime_1.jsx)("div", { children: children }), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" })] })) }));
-});
-
-        

package/cjs/components/content/Footer.js

@@ -1,31 +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.Footer = 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 STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-const FooterElement = (0, tasty_1.tasty)({
-    qa: 'Footer',
-    'data-id': 'Footer',
-    styles: {
-        gridArea: 'footer',
-        display: 'block',
-        flow: 'column',
-    },
-});
-exports.Footer = (0, react_1.forwardRef)(function Footer(props, ref) {
-    props = (0, react_2.useSlotProps)(props, 'footer');
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(FooterElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-
-        

package/cjs/components/content/Header.js

@@ -1,31 +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.Header = 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 STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-const HeaderElement = (0, tasty_1.tasty)({
-    qa: 'Header',
-    as: 'header',
-    styles: {
-        display: 'block',
-        gridArea: 'header',
-        flow: 'column',
-    },
-});
-exports.Header = (0, react_1.forwardRef)(function Header(props, ref) {
-    props = (0, react_2.useSlotProps)(props, 'header');
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(HeaderElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-
-