@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/components/content/Skeleton/Skeleton.js

@@ -1,78 +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.Skeleton = Skeleton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Placeholder_1 = require("../Placeholder/Placeholder");
-const Flow_1 = require("../../layout/Flow");
-const Space_1 = require("../../layout/Space");
-const Grid_1 = require("../../layout/Grid");
-const LAYOUT_MAP = {
-    page({ lines, children, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "100px 25% 300px" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "50px 10% 150px" })] }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
-                        Array(lines || 5)
-                            .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) })] }));
-    },
-    content({ children, lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", ...props, children: children ||
-                Array(lines || 5)
-                    .fill(0)
-                    .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) }));
-    },
-    topbar({ isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, isStatic: isStatic, size: "4x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "20x" })] }), (0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "10x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, isStatic: isStatic, size: "4x" })] })] }));
-    },
-    menu({ lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "3.25x", ...props, padding: "3x 1x", children: Array(lines || 5)
-                .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i))) }));
-    },
-    stats({ cards, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Space_1.Space, { gap: "4x", ...props, children: Array(cards || 3)
-                .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, radius: "1r", width: "20x", height: "12x", flexGrow: 1 }, i))) }));
-    },
-    tabs({ tabs, children, lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsx)(Space_1.Space, { children: Array(tabs || 3)
-                        .fill(0)
-                        .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "15x" }, i))) }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
-                        Array(lines || 5)
-                            .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) })] }));
-    },
-    table({ rows, columns, isStatic = false, ...props }) {
-        columns = columns || 5;
-        rows = rows || 5;
-        return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, { columns: `repeat(${columns}, 1fr)`, gap: "3x", ...props, padding: "1x 0", children: Array(rows)
-                .fill(0)
-                .map((item, i) => {
-                return Array(columns)
-                    .fill(0)
-                    .map((item, j) => {
-                    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, size: !i ? '3x' : '2x' }, `${i}.${j}`));
-                });
-            }) }));
-    },
-    chart({ columns, isStatic = false, ...props }) {
-        columns = columns || 12;
-        const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];
-        return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, { columns: `repeat(${columns}, 1fr)`, gap: "3x", padding: "1x 0", placeItems: "end stretch", height: "40x", ...props, children: Array(columns)
-                .fill(0)
-                .map((item, i) => {
-                return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, height: `${heightMap[i % 12] * 10}%`, width: "max 6x" }, i));
-            }) }));
-    },
-};
-function Skeleton({ layout, isStatic, ...props }) {
-    layout = layout || 'page';
-    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ isStatic, ...props, qa: 'Skeleton' })) : ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { ...props }));
-}
-
-        

package/cjs/components/content/Tag/Tag.js

@@ -1,96 +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.Tag = 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 actions_1 = require("../../actions");
-const Suffix_1 = require("../../layout/Suffix");
-const icons_1 = require("../../../icons");
-const TagElement = (0, tasty_1.tasty)({
-    qa: 'Tag',
-    role: 'status',
-    styles: {
-        position: 'relative',
-        display: 'inline-flex',
-        gap: '1x',
-        placeContent: 'center start',
-        placeItems: 'center start',
-        radius: '1r',
-        preset: 'tag',
-        width: '16px max-content max-content',
-        height: 'min-content',
-        textAlign: 'left',
-        whiteSpace: 'nowrap',
-        padding: {
-            '': '0 (1x - 1bw)',
-            closable: '0 (2.5x - 1bw) 0 (1x - 1bw)',
-        },
-        fill: {
-            '': '#dark.04',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].fill;
-                return map;
-            }, {}),
-        },
-        color: {
-            '': '#dark.65',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].color;
-                return map;
-            }, {}),
-        },
-        border: {
-            '': true,
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].border;
-                return map;
-            }, {}),
-        },
-        Icon: {
-            fontSize: '@icon-size',
-        },
-        Content: {
-            display: 'block',
-            width: 'max 100%',
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            pointerEvents: 'none',
-        },
-    },
-});
-const CloseAction = (0, tasty_1.tasty)(actions_1.Action, {
-    label: 'Close',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        color: true,
-        placeSelf: 'stretch',
-        opacity: {
-            '': 0.85,
-            'pressed | hovered': 1,
-        },
-        transition: 'opacity',
-        padding: '0 .5x',
-    },
-});
-function Tag(allProps, ref) {
-    let { type, icon, isClosable, onClose, closeButtonStyles, children, ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(TagElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "TagIcon", children: icon }) : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 12 }) }) })) : undefined] }));
-}
-const _Tag = (0, react_1.forwardRef)(Tag);
-exports.Tag = _Tag;
-
-        

package/cjs/components/content/Text.js

@@ -1,80 +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.Text = exports.TEXT_PROP_MAP = 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.BASE_STYLES, ...tasty_1.TEXT_STYLES, ...tasty_1.COLOR_STYLES];
-exports.TEXT_PROP_MAP = {
-    transform: 'textTransform',
-    weight: 'fontWeight',
-    italic: 'fontStyle',
-};
-const TextElement = (0, tasty_1.tasty)({
-    qa: 'Text',
-    as: 'span',
-    styles: {
-        display: {
-            '': 'inline',
-            'ellipsis | block': 'block',
-        },
-        margin: '0',
-        whiteSpace: {
-            '': 'inherit',
-            'nowrap | ellipsis': 'nowrap',
-        },
-        textOverflow: {
-            '': false,
-            ellipsis: 'ellipsis',
-        },
-        overflow: {
-            '': false,
-            ellipsis: 'hidden',
-        },
-        width: {
-            '': false,
-            ellipsis: 'max 100%',
-        },
-    },
-});
-const Text = (0, react_1.forwardRef)(function CubeText(allProps, ref) {
-    allProps = (0, react_2.useSlotProps)(allProps, 'text');
-    const { as, qa, block, styleName, ellipsis, nowrap, ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST, {}, exports.TEXT_PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(TextElement, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
-            nowrap,
-            ellipsis: !!ellipsis,
-            block: !!block,
-        }, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-const _Text = Object.assign(Text, {
-    Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#minor", ...props });
-    }),
-    Danger: (0, react_1.forwardRef)(function DangerText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, role: "alert", color: "#danger-text", ...props });
-    }),
-    Success: (0, react_1.forwardRef)(function SuccessText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#success-text", ...props });
-    }),
-    Strong: (0, react_1.forwardRef)(function StrongText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, as: "strong", preset: "strong", ...props });
-    }),
-    Emphasis: (0, react_1.forwardRef)(function StrongText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, as: "em", preset: "em", ...props });
-    }),
-    Selection: (0, react_1.forwardRef)(function SelectionText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#dark", fill: "#note.30", ...props });
-    }),
-});
-exports.Text = _Text;
-
-        

package/cjs/components/content/Title.js

@@ -1,71 +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.Title = 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 Text_1 = require("./Text");
-const STYLE_LIST = [...tasty_1.TEXT_STYLES, ...tasty_1.CONTAINER_STYLES];
-const TitleElement = (0, tasty_1.tasty)({
-    qa: 'Title',
-    as: 'h1', // it should be dynamic
-    styles: {
-        gridArea: 'heading',
-        display: 'block',
-        color: '#dark',
-        preset: {
-            '': 'h6',
-            '[data-level="1"]': 'h1',
-            '[data-level="2"]': 'h2',
-            '[data-level="3"]': 'h3',
-            '[data-level="4"]': 'h4',
-            '[data-level="5"]': 'h5',
-            '[data-level="6"]': 'h6',
-        },
-        margin: '0',
-        whiteSpace: {
-            '': 'inherit',
-            'nowrap | ellipsis': 'nowrap',
-        },
-        textOverflow: {
-            '': false,
-            ellipsis: 'ellipsis',
-        },
-        overflow: {
-            '': false,
-            ellipsis: 'hidden',
-        },
-        width: {
-            '': false,
-            ellipsis: 'max 100%',
-        },
-    },
-});
-const Title = (0, react_1.forwardRef)(function CubeTitle({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) {
-    const propsWithSlots = (0, react_2.useSlotProps)(props, 'heading');
-    const tag = `h${level || 1}`;
-    const styles = (0, tasty_1.extractStyles)(propsWithSlots, STYLE_LIST, {}, Text_1.TEXT_PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
-            nowrap,
-            ellipsis,
-        }, inline: inline, ...(0, tasty_1.filterBaseProps)(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }));
-});
-const _Title = Object.assign(Title, {
-    Danger: (0, react_1.forwardRef)(function DangerTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#danger-text", ...props });
-    }),
-    Success: (0, react_1.forwardRef)(function SuccessTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#success-text", ...props });
-    }),
-});
-exports.Title = _Title;
-
-        

package/cjs/components/fields/Checkbox/Checkbox.js

@@ -1,175 +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.useCheckbox = exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-Object.defineProperty(exports, "useCheckbox", { enumerable: true, get: function () { return react_aria_1.useCheckbox; } });
-const react_stately_1 = require("react-stately");
-const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const interactions_1 = require("../../../utils/react/interactions");
-const react_2 = require("../../../utils/react");
-const HiddenInput_1 = require("../../HiddenInput");
-const form_1 = require("../../form");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const Text_1 = require("../../content/Text");
-const form_2 = require("../../form");
-const CheckboxGroup_1 = require("./CheckboxGroup");
-const context_1 = require("./context");
-function CheckOutlined() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }) }));
-}
-function IndeterminateOutline() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "2", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }) }));
-}
-const CheckboxWrapperElement = (0, tasty_1.tasty)({
-    as: 'label',
-    qa: 'CheckboxWrapper',
-    styles: {
-        position: 'relative',
-        display: 'flex',
-        placeItems: 'center start',
-        placeContent: 'baseline',
-        gap: '1x',
-        flow: 'row',
-        preset: 'default',
-        cursor: 'pointer',
-        width: 'max max-content',
-        color: '#dark-02',
-    },
-});
-const CheckboxElement = (0, tasty_1.tasty)({
-    qa: 'Checkbox',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        radius: '.5r',
-        fill: {
-            '': '#white',
-            'checked | indeterminate': '#purple-text',
-            'invalid & !checked': '#white',
-            'invalid & checked': '#danger-text',
-            disabled: '#dark.12',
-        },
-        color: {
-            '': '#white',
-            'disabled & !checked & !indeterminate': '#clear',
-        },
-        border: {
-            '': '#dark.30',
-            invalid: '#danger-text.50',
-            'disabled | ((indeterminate | checked) & !invalid)': '#clear',
-        },
-        width: '(2x - 2bw)',
-        height: '(2x - 2bw)',
-        outline: {
-            '': '#purple-03.0',
-            focused: '#purple-03',
-        },
-        transition: 'theme',
-    },
-});
-function Checkbox(props, ref) {
-    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
-    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
-    // but since the checkbox won't move in and out of a group, it should be safe.
-    let groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
-    props = (0, nullableValue_1.castNullableIsSelected)(props);
-    let originalProps = props;
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            isSelected: value ?? false,
-            isIndeterminate: false,
-            onChange: onChange,
-        }),
-        unsafe__isDisabled: !!groupState,
-    });
-    let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, children, label, validationState, labelProps, labelStyles, labelPosition, inputStyles, isHidden, ...otherProps } = props;
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    labelStyles = (0, react_1.useMemo)(() => ({
-        ...(!groupState ? form_1.LABEL_STYLES : form_1.INLINE_LABEL_STYLES),
-        ...labelStyles,
-    }), [groupState, labelStyles]);
-    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled }, true);
-    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    let inputRef = (0, react_1.useRef)(null);
-    let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
-    const toggleState = (0, react_stately_1.useToggleState)(props);
-    let { inputProps } = groupState // eslint-disable-next-line react-hooks/rules-of-hooks
-        ? (0, react_aria_1.useCheckboxGroupItem)({
-            ...props,
-            // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
-            // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).
-            value: props.value || '',
-            // Only pass isRequired and validationState to react-aria if they came from
-            // the props for this individual checkbox, and not from the group via context.
-            isRequired: originalProps.isRequired,
-            validationState: originalProps.validationState,
-        }, groupState, inputRef) // eslint-disable-next-line react-hooks/rules-of-hooks
-        : (0, react_aria_1.useCheckbox)({
-            ...props,
-            ...(typeof label === 'string' && label.trim()
-                ? { 'aria-label': label }
-                : {}),
-        }, toggleState, inputRef);
-    let markIcon = isIndeterminate ? (0, jsx_runtime_1.jsx)(IndeterminateOutline, {}) : (0, jsx_runtime_1.jsx)(CheckOutlined, {});
-    if (groupState) {
-        for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {
-            if (originalProps[key] != null) {
-                console.warn(`CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`);
-            }
-        }
-        if (props.value == null) {
-            console.warn('CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.');
-        }
-    }
-    const mods = {
-        checked: inputProps.checked,
-        indeterminate: isIndeterminate,
-        invalid: validationState === 'invalid',
-        valid: validationState === 'valid',
-        disabled: isDisabled,
-        hovered: isHovered,
-        focused: isFocused,
-        'side-label': labelPosition === 'side',
-        'inside-form': insideForm,
-    };
-    const checkbox = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(CheckboxElement, { qa: qa || 'Checkbox', mods: mods, styles: inputStyles, children: markIcon })] }));
-    const checkboxField = ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, children: [checkbox, children && (0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, children: children })] }));
-    if (!groupState) {
-        return (0, form_2.wrapWithField)(checkboxField, domRef, {
-            ...props,
-            children: null,
-            labelStyles,
-            inputStyles,
-            styles,
-        });
-    }
-    return ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { styles: styles, isHidden: isHidden, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [checkbox, (label ?? children) ? ((0, jsx_runtime_1.jsx)(tasty_1.Element, { styles: labelStyles, mods: {
-                    invalid: validationState === 'invalid',
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label ?? children })) : null] }));
-}
-/**
- * Checkboxes allow users to select multiple items from a list of individual items,
- * or to mark one individual item as selected.
- */
-let _Checkbox = (0, react_1.forwardRef)(Checkbox);
-_Checkbox.cubeInputType = 'Checkbox';
-let __Checkbox = Object.assign(_Checkbox, { Group: CheckboxGroup_1.CheckboxGroup });
-exports.Checkbox = __Checkbox;
-
-        

package/cjs/components/fields/Checkbox/CheckboxGroup.js

@@ -1,76 +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.CheckboxGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("@react-spectrum/utils");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const form_1 = require("../../form");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-const CheckGroupElement = (0, tasty_1.tasty)({
-    qa: 'CheckboxGroup',
-    styles: {
-        display: 'flex',
-        placeItems: 'start',
-        placeContent: 'start',
-        flow: {
-            '': 'column',
-            horizontal: 'row wrap',
-        },
-        gap: {
-            '': '1x',
-            horizontal: '1x 2x',
-        },
-    },
-});
-function CheckboxGroup(props, ref) {
-    props = (0, nullableValue_1.castNullableArrayValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value != null ? value : [],
-            onChange: onChange,
-        }),
-    });
-    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, validationState, children, orientation = 'vertical', message, description, labelStyles, tooltip, labelProps: baseLabelProps, labelSuffix, inputStyles, ...otherProps } = props;
-    let domRef = (0, utils_1.useDOMRef)(ref);
-    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    let state = (0, react_stately_1.useCheckboxGroupState)(props);
-    let { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
-    let radioGroup = ((0, jsx_runtime_1.jsx)(CheckGroupElement, { styles: inputStyles, mods: {
-            horizontal: orientation === 'horizontal',
-        }, children: (0, jsx_runtime_1.jsx)(form_1.FormContext.Provider, { value: {
-                isDisabled,
-                validationState,
-            }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }) }) }));
-    return (0, form_1.wrapWithField)(radioGroup, domRef, {
-        ...props,
-        children: null,
-        fieldProps: groupProps,
-        labelProps: (0, react_2.mergeProps)(baseLabelProps, labelProps),
-        styles,
-    });
-}
-/**
- * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
- * All possible options are exposed up front for users to compare.
- */
-const _CheckboxGroup = (0, react_1.forwardRef)(CheckboxGroup);
-exports.CheckboxGroup = _CheckboxGroup;
-_CheckboxGroup.cubeInputType = 'CheckboxGroup';
-
-        

package/cjs/components/fields/Checkbox/context.js

@@ -1,14 +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.CheckboxGroupContext = void 0;
-const react_1 = require("react");
-exports.CheckboxGroupContext = (0, react_1.createContext)(null);
-
-        

package/cjs/components/fields/Checkbox/index.js

@@ -1,27 +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("./Checkbox"), exports);
-__exportStar(require("./CheckboxGroup"), exports);
-
-