@aivenio/aquarium 1.9.0 → 1.11.0

package/dist/src/components/Select/Select.js

@@ -1,144 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useRef, useState } from 'react';
-import { useOverlayPosition } from '@react-aria/overlays';
-import { useSelect } from 'downshift';
-import defaults from 'lodash/defaults';
-import isArray from 'lodash/isArray';
-import isNil from 'lodash/isNil';
-import omit from 'lodash/omit';
-import uniqueId from 'lodash/uniqueId';
-import { InlineIcon } from '../../../src/components/Icon/Icon';
-import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
-import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
-import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select as Base } from '../../../src/common/Select/Select';
-import { FormControl } from '../../../src/utils/form/FormControl/FormControl';
-import { HelperText } from '../../../src/utils/form/HelperText/HelperText';
-import { getLabelControlProps, Label, LabelControl } from '../../../src/utils/form/Label/Label';
-import { tw } from '../../../src/utils/tailwind';
-const hasIconProperty = (val) => {
-    var _a;
-    return typeof val === 'string' || ((_a = val === null || val === void 0 ? void 0 : val.icon) === null || _a === void 0 ? void 0 : _a.body) !== undefined;
-};
-const hasOptionGroups = (val) => {
-    return !val.some((opt) => (opt === null || opt === void 0 ? void 0 : opt.label) === undefined || !isArray(opt === null || opt === void 0 ? void 0 : opt.options));
-};
-const defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
-    var _a, _b;
-    return (React.createElement(Base.Item, Object.assign({ key: (_b = (_a = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(item)) !== null && _a !== void 0 ? _a : getValue === null || getValue === void 0 ? void 0 : getValue(item)) !== null && _b !== void 0 ? _b : optionToString(item), selected: item === selectedItem }, props),
-        hasIconProperty(item) && React.createElement(InlineIcon, { icon: item.icon }),
-        optionToString(item)));
-};
-const defaultGetValue = (opt) => {
-    if (typeof opt === 'string') {
-        return opt;
-    }
-    if (typeof opt.value === 'string') {
-        return opt.value;
-    }
-    return '';
-};
-const _SelectBase = (props) => {
-    var _a;
-    const withDefaults = defaults({}, props, {
-        disabled: false,
-        valid: true,
-        readOnly: false,
-        required: false,
-        optionToString: getOptionLabelBuiltin,
-        getValue: defaultGetValue,
-        UNSAFE_renderOption: defaultRenderOption,
-        isOptionDisabled: isOptionDisabledBuiltin,
-        actions: [],
-    });
-    const { id, name, placeholder, disabled, readOnly, maxHeight, options, optionToString: itemToString, getValue, getOptionKey, UNSAFE_renderOption, isOptionDisabled, defaultValue, value, onChange, valid, emptyState, actions, required, children, labelWrapper } = withDefaults, rest = __rest(withDefaults, ["id", "name", "placeholder", "disabled", "readOnly", "maxHeight", "options", "optionToString", "getValue", "getOptionKey", "UNSAFE_renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "valid", "emptyState", "actions", "required", "children", "labelWrapper"]);
-    const [hasFocus, setFocus] = useState(false);
-    const targetRef = useRef(null);
-    const overlayRef = useRef(null);
-    const items = hasOptionGroups(options) ? options.flatMap((g) => g.options) : options;
-    const findItemByValue = (val) => {
-        if (val === null) {
-            return null;
-        }
-        return val === undefined ? undefined : items.find((opt) => getValue(opt) === getValue(val));
-    };
-    const { isOpen, closeMenu, selectItem, selectedItem, highlightedIndex, getToggleButtonProps, getMenuProps, getItemProps, setHighlightedIndex, } = useSelect({
-        selectedItem: findItemByValue(value),
-        defaultSelectedItem: findItemByValue(defaultValue),
-        items,
-        itemToString,
-        onSelectedItemChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItem),
-    });
-    const { overlayProps } = useOverlayPosition({
-        targetRef,
-        overlayRef,
-        placement: 'bottom start',
-        shouldFlip: true,
-        isOpen,
-    });
-    const renderItem = (item, index) => UNSAFE_renderOption(item, Object.assign({ highlighted: index === highlightedIndex }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), {
-        selectedItem,
-        closeMenu,
-        selectOption: selectItem,
-    }, withDefaults);
-    const renderGroup = (group) => (React.createElement(React.Fragment, { key: group.label },
-        React.createElement(Base.Group, null, group.label),
-        group.options.map((opt) => renderItem(opt, items.indexOf(opt)))));
-    const input = (React.createElement(Base.InputContainer, Object.assign({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef }), { variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default', tabIndex: 0 }),
-        React.createElement(Base.Input, Object.assign({ id: id, name: name }, rest, { className: !disabled && !readOnly ? 'cursor-pointer' : undefined, disabled: disabled, readOnly: true, placeholder: readOnly ? undefined : placeholder, value: !isNil(selectedItem) ? itemToString(selectedItem) : '', tabIndex: -1, onFocus: () => setFocus(true), onBlur: () => setFocus(false) })),
-        !readOnly && React.createElement(Base.Toggle, { disabled: disabled, isOpen: isOpen, tabIndex: -1 })));
-    const width = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
-    return (React.createElement("div", { className: tw('relative') },
-        labelWrapper ? React.cloneElement(labelWrapper, { children: input }) : input,
-        React.createElement(PopoverWrapper
-        // Downshift expects the menu to be in the DOM all the time.
-        , Object.assign({ 
-            // Downshift expects the menu to be in the DOM all the time.
-            isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu, className: tw('overflow-y-auto') }),
-            React.createElement(Base.Menu, { maxHeight: maxHeight },
-                isOpen && options.length === 0 && React.createElement(Base.EmptyStateContainer, null, emptyState),
-                isOpen && options.length > 0 && !hasOptionGroups(options) && options.map(renderItem),
-                isOpen && options.length > 0 && hasOptionGroups(options) && options.map(renderGroup),
-                isOpen && actions.length > 0 && (React.createElement(React.Fragment, null,
-                    React.createElement(Base.Divider, { onMouseOver: () => setHighlightedIndex(-1) }),
-                    actions.map((act, index) => (React.createElement(Base.ActionItem, Object.assign({ key: `${index}` }, act, { onMouseOver: () => setHighlightedIndex(-1), onClick: () => {
-                            act.onClick();
-                            closeMenu();
-                        } }), act.label)))))))));
-};
-export const SelectBase = (props) => React.createElement(_SelectBase, Object.assign({}, props, { labelWrapper: undefined }));
-const SelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
-SelectBase.Skeleton = SelectBaseSkeleton;
-export const Select = (_a) => {
-    var _b;
-    var { options } = _a, props = __rest(_a, ["options"]);
-    // we need a unique ID to be used for an accessible connection between the input and its error message
-    const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `select-${uniqueId()}`);
-    const errorMessageId = uniqueId();
-    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
-    const labelProps = getLabelControlProps(props);
-    const baseProps = omit(props, Object.keys(labelProps));
-    const legacyError = labelProps.error !== undefined && labelProps.valid === false;
-    const variant = !labelProps.valid || legacyError ? 'error' : labelProps.disabled ? 'disabled' : 'default';
-    const label = (React.createElement(Label, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, variant: variant, messageId: errorMessageId }, labelProps)));
-    // We have to do things here a bit differently, since semantically
-    // we can't wrap the whole <Select> component inside a HTML <label>.
-    return (React.createElement(FormControl, null,
-        React.createElement(_SelectBase, Object.assign({}, baseProps, errorProps, { id: `${id.current}-input`, options: options, disabled: props.disabled, valid: props.valid, labelWrapper: label })),
-        React.createElement(HelperText, { messageId: errorMessageId, error: !labelProps.valid, helperText: labelProps.helperText, length: labelProps.length, maxLength: labelProps.maxLength, reserveSpaceForError: labelProps.reserveSpaceForError })));
-};
-const SelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
-    React.createElement(SelectBase.Skeleton, null)));
-Select.Skeleton = SelectSkeleton;
-Select.Skeleton.displayName = 'Select.Skeleton';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFaEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN0QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLElBQUksSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFMUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsRSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQ3hDLE1BQU0sZUFBZSxHQUFHLENBQUMsR0FBWSxFQUF5QyxFQUFFOztJQUM5RSxPQUFPLE9BQU8sR0FBRyxLQUFLLFFBQVEsSUFBSSxDQUFBLE1BQUMsR0FBVyxhQUFYLEdBQUcsdUJBQUgsR0FBRyxDQUFVLElBQUksMENBQUUsSUFBSSxNQUFLLFNBQVMsQ0FBQztBQUMzRSxDQUFDLENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRyxDQUN0QixHQUFnQyxFQUNGLEVBQUU7SUFDaEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUF1QixFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQVcsYUFBWCxHQUFHLHVCQUFILEdBQUcsQ0FBVSxLQUFLLE1BQUssU0FBUyxJQUFJLENBQUMsT0FBTyxDQUFFLEdBQVcsYUFBWCxHQUFHLHVCQUFILEdBQUcsQ0FBVSxPQUFPLENBQUMsQ0FBQyxDQUFDO0FBQ3RILENBQUMsQ0FBQztBQXVCRixNQUFNLG1CQUFtQixHQUFHLENBQzFCLElBQU8sRUFDUCxLQUE4QixFQUM5QixFQUFFLFlBQVksRUFBK0IsRUFDN0MsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGNBQWMsR0FBRyxxQkFBcUIsRUFBc0IsRUFDdEYsRUFBRTs7SUFBQyxPQUFBLENBQ0gsb0JBQUMsSUFBSSxDQUFDLElBQUksa0JBQ1IsR0FBRyxFQUFFLE1BQUEsTUFBQSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUcsSUFBSSxDQUFDLG1DQUFJLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxJQUFJLENBQUMsbUNBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxFQUNyRSxRQUFRLEVBQUUsSUFBSSxLQUFLLFlBQVksSUFDM0IsS0FBSztRQUVSLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEdBQUk7UUFDeEQsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUNYLENBQ2IsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRyxDQUFnQyxHQUFNLEVBQVUsRUFBRTtJQUN4RSxJQUFJLE9BQU8sR0FBRyxLQUFLLFFBQVEsRUFBRTtRQUMzQixPQUFPLEdBQUcsQ0FBQztLQUNaO0lBRUQsSUFBSSxPQUFRLEdBQVcsQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzFDLE9BQU8sR0FBRyxDQUFDLEtBQWUsQ0FBQztLQUM1QjtJQUVELE9BQU8sRUFBRSxDQUFDO0FBQ1osQ0FBQyxDQUFDO0FBRUYsTUFBTSxXQUFXLEdBQUcsQ0FDbEIsS0FBcUcsRUFDN0QsRUFBRTs7SUFDMUMsTUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUU7UUFDdkMsUUFBUSxFQUFFLEtBQUs7UUFDZixLQUFLLEVBQUUsSUFBSTtRQUNYLFFBQVEsRUFBRSxLQUFLO1FBQ2YsUUFBUSxFQUFFLEtBQUs7UUFDZixjQUFjLEVBQUUscUJBQXFCO1FBQ3JDLFFBQVEsRUFBRSxlQUFlO1FBQ3pCLG1CQUFtQixFQUFFLG1CQUFtQjtRQUN4QyxnQkFBZ0IsRUFBRSx1QkFBdUI7UUFDekMsT0FBTyxFQUFFLEVBQWM7S0FDeEIsQ0FBQyxDQUFDO0lBRUgsTUFBTSxFQUNKLEVBQUUsRUFDRixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFDUixRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sRUFDUCxjQUFjLEVBQUUsWUFBWSxFQUM1QixRQUFRLEVBQ1IsWUFBWSxFQUNaLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsWUFBWSxFQUNaLEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixZQUFZLEtBRVYsWUFBWSxFQURYLElBQUksVUFDTCxZQUFZLEVBdkJWLHFSQXVCTCxDQUFlLENBQUM7SUFFakIsTUFBTSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFvQixJQUFJLENBQUMsQ0FBQztJQUNsRCxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ2hELE1BQU0sS0FBSyxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFFckYsTUFBTSxlQUFlLEdBQUcsQ0FBQyxHQUF1QixFQUFFLEVBQUU7UUFDbEQsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO1lBQ2hCLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPLEdBQUcsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzlGLENBQUMsQ0FBQztJQUVGLE1BQU0sRUFDSixNQUFNLEVBQ04sU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLG9CQUFvQixFQUNwQixZQUFZLEVBQ1osWUFBWSxFQUNaLG1CQUFtQixHQUNwQixHQUFHLFNBQVMsQ0FBQztRQUNaLFlBQVksRUFBRSxlQUFlLENBQUMsS0FBSyxDQUFDO1FBQ3BDLG1CQUFtQixFQUFFLGVBQWUsQ0FBQyxZQUFZLENBQUM7UUFDbEQsS0FBSztRQUNMLFlBQVk7UUFDWixvQkFBb0IsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsQ0FBQyxZQUFZLENBQUM7S0FDeEQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLGtCQUFrQixDQUFDO1FBQzFDLFNBQVM7UUFDVCxVQUFVO1FBQ1YsU0FBUyxFQUFFLGNBQWM7UUFDekIsVUFBVSxFQUFFLElBQUk7UUFDaEIsTUFBTTtLQUNQLENBQUMsQ0FBQztJQUVILE1BQU0sVUFBVSxHQUFHLENBQUMsSUFBTyxFQUFFLEtBQWEsRUFBRSxFQUFFLENBQzVDLG1CQUFtQixDQUNqQixJQUFJLGtCQUVGLFdBQVcsRUFBRSxLQUFLLEtBQUssZ0JBQWdCLElBQ3BDLFlBQVksQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLEdBRTNFO1FBQ0UsWUFBWTtRQUNaLFNBQVM7UUFDVCxZQUFZLEVBQUUsVUFBVTtLQUN6QixFQUNELFlBQVksQ0FDYixDQUFDO0lBRUosTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFxQixFQUFFLEVBQUUsQ0FBQyxDQUM3QyxvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSztRQUM5QixvQkFBQyxJQUFJLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBQyxLQUFLLENBQWM7UUFDckMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQ2pELENBQ2xCLENBQUM7SUFFRixNQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLElBQUksQ0FBQyxjQUFjLG9CQUNkLG9CQUFvQixDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsSUFBSSxRQUFRLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxDQUFDLElBQzVFLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzVHLFFBQVEsRUFBRSxDQUFDO1FBRVgsb0JBQUMsSUFBSSxDQUFDLEtBQUssa0JBQ1QsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUUsSUFBSSxJQUNOLElBQUksSUFDUixTQUFTLEVBQUUsQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2hFLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxJQUFJLEVBQ2QsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQy9DLEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQzdELFFBQVEsRUFBRSxDQUFDLENBQUMsRUFDWixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUM3QixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUM3QjtRQUNELENBQUMsUUFBUSxJQUFJLG9CQUFDLElBQUksQ0FBQyxNQUFNLElBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsR0FBSSxDQUMzRCxDQUN2QixDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsTUFBQSxTQUFTLENBQUMsT0FBTywwQ0FBRSxXQUFXLENBQUM7SUFDN0MsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLENBQUMsaUNBQU0sWUFBWSxDQUFDLEtBQUssS0FBRSxLQUFLLElBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBRTlFLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQztRQUMzQixZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUs7UUFDN0Usb0JBQUMsY0FBYztRQUNiLDREQUE0RDs7WUFBNUQsNERBQTREO1lBQzVELE1BQU0sRUFBRSxJQUFJLEVBQ1osYUFBYSxFQUFFLElBQUksRUFDbkIsU0FBUyxFQUFFLElBQUksSUFDWCxZQUFZLENBQUMsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLENBQUMsSUFDckMsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsU0FBUyxFQUNsQixTQUFTLEVBQUUsRUFBRSxDQUFDLGlCQUFpQixDQUFDO1lBRWhDLG9CQUFDLElBQUksQ0FBQyxJQUFJLElBQUMsU0FBUyxFQUFFLFNBQVM7Z0JBQzVCLE1BQU0sSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxvQkFBQyxJQUFJLENBQUMsbUJBQW1CLFFBQUUsVUFBVSxDQUE0QjtnQkFDbkcsTUFBTSxJQUFJLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDO2dCQUNwRixNQUFNLElBQUksT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDO2dCQUNwRixNQUFNLElBQUksT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDL0I7b0JBQ0Usb0JBQUMsSUFBSSxDQUFDLE9BQU8sSUFBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBSTtvQkFDM0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzNCLG9CQUFDLElBQUksQ0FBQyxVQUFVLGtCQUNkLEdBQUcsRUFBRSxHQUFHLEtBQUssRUFBRSxJQUNYLEdBQUcsSUFDUCxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDMUMsT0FBTyxFQUFFLEdBQUcsRUFBRTs0QkFDWixHQUFHLENBQUMsT0FBTyxFQUFFLENBQUM7NEJBQ2QsU0FBUyxFQUFFLENBQUM7d0JBQ2QsQ0FBQyxLQUVBLEdBQUcsQ0FBQyxLQUFLLENBQ00sQ0FDbkIsQ0FBQyxDQUNELENBQ0osQ0FDUyxDQUNHLENBQ2IsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQ3hCLEtBQWtELEVBQ1YsRUFBRSxDQUFDLG9CQUFDLFdBQVcsb0JBQUssS0FBSyxJQUFFLFlBQVksRUFBRSxTQUFTLElBQUksQ0FBQztBQUVqRyxNQUFNLGtCQUFrQixHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxHQUFJLENBQUM7QUFFcEUsVUFBVSxDQUFDLFFBQVEsR0FBRyxrQkFBa0IsQ0FBQztBQUt6QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsQ0FBZ0MsRUFHckMsRUFBc0MsRUFBRTs7UUFISCxFQUNwRCxPQUFPLE9BRVEsRUFEWixLQUFLLGNBRjRDLFdBR3JELENBRFM7SUFFUixzR0FBc0c7SUFDdEcsTUFBTSxFQUFFLEdBQUcsTUFBTSxDQUFTLE1BQUEsS0FBSyxDQUFDLEVBQUUsbUNBQUksVUFBVSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUQsTUFBTSxjQUFjLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDbEMsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzdHLE1BQU0sVUFBVSxHQUFHLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLFVBQVUsQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDO0lBQ2pGLE1BQU0sT0FBTyxHQUFHLENBQUMsVUFBVSxDQUFDLEtBQUssSUFBSSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFMUcsTUFBTSxLQUFLLEdBQUcsQ0FDWixvQkFBQyxLQUFLLGtCQUNKLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxPQUFPLFFBQVEsRUFDekIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLE9BQU8sUUFBUSxFQUM5QixPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLEVBQUUsY0FBYyxJQUNyQixVQUFVLEVBQ2QsQ0FDSCxDQUFDO0lBRUYsa0VBQWtFO0lBQ2xFLG9FQUFvRTtJQUNwRSxPQUFPLENBQ0wsb0JBQUMsV0FBVztRQUNWLG9CQUFDLFdBQVcsb0JBQ04sU0FBUyxFQUNULFVBQVUsSUFDZCxFQUFFLEVBQUUsR0FBRyxFQUFFLENBQUMsT0FBTyxRQUFRLEVBQ3pCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFDbEIsWUFBWSxFQUFFLEtBQUssSUFDbkI7UUFDRixvQkFBQyxVQUFVLElBQ1QsU0FBUyxFQUFFLGNBQWMsRUFDekIsS0FBSyxFQUFFLENBQUMsVUFBVSxDQUFDLEtBQUssRUFDeEIsVUFBVSxFQUFFLFVBQVUsQ0FBQyxVQUFVLEVBQ2pDLE1BQU0sRUFBRSxVQUFVLENBQUMsTUFBTSxFQUN6QixTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFDL0Isb0JBQW9CLEVBQUUsVUFBVSxDQUFDLG9CQUFvQixHQUNyRCxDQUNVLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3JDLG9CQUFDLFlBQVksQ0FBQyxRQUFRO0lBQ3BCLG9CQUFDLFVBQVUsQ0FBQyxRQUFRLE9BQUcsQ0FDRCxDQUN6QixDQUFDO0FBRUYsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUMifQ==

package/dist/src/components/Skeleton/Skeleton.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import isNumber from 'lodash/isNumber';
-import isUndefined from 'lodash/isUndefined';
-import { classNames, tw } from '../../utils/tailwind';
-export const Skeleton = ({ width, height, display = 'block', className, animate = true, rounded = false, }) => {
-    const styles = {
-        width: isNumber(width) ? `${width}px` : width,
-        height: isNumber(height) ? `${height}px` : height,
-    };
-    return (React.createElement("div", { style: styles, className: classNames(tw('bg-grey-5', {
-            "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]": isUndefined(height),
-            'rounded-full': rounded,
-            'block': display === 'block',
-            'inline-block': display === 'inline-block',
-            'animate-pulse': animate,
-        }), className) }));
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBSTdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFrQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ2xELENBQUM7SUFFRixPQUFPLENBQ0wsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sRUFDYixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsV0FBVyxFQUFFO1lBQ2QseUVBQXlFLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQztZQUM5RixjQUFjLEVBQUUsT0FBTztZQUN2QixPQUFPLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDNUIsY0FBYyxFQUFFLE9BQU8sS0FBSyxjQUFjO1lBQzFDLGVBQWUsRUFBRSxPQUFPO1NBQ3pCLENBQUMsRUFDRixTQUFTLENBQ1YsR0FDRCxDQUNILENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/components/Stepper/Stepper.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Template } from '../../../src/components/Template/Template';
-import { Stepper as StepperBase } from '../../../src/common/Stepper/Stepper';
-import { isComponentType } from '../../../types/utils';
-export const Stepper = ({ children, activeIndex, dense }) => {
-    const steps = React.Children.count(children);
-    return (React.createElement(StepperBase, { role: "list" },
-        React.createElement(Template, { columns: steps }, React.Children.map(children, (child, index) => {
-            if (!isComponentType(child, Step)) {
-                return new Error('<Stepper> can only have <Stepper.Step> components as children');
-            }
-            else {
-                const state = index > activeIndex ? 'inactive' : index === activeIndex ? 'active' : 'completed';
-                return (React.createElement(StepperBase.Step, { state: state, "aria-current": state === 'active' ? 'step' : false, role: "listitem" },
-                    index > 0 && index <= steps && (React.createElement(StepperBase.ConnectorContainer, { dense: dense },
-                        React.createElement(StepperBase.ConnectorContainer.Connector, { completed: state === 'completed' || state === 'active' }))),
-                    React.createElement(StepperBase.Step.Indicator, { state: state, dense: dense }, index + 1),
-                    child.props.children));
-            }
-        }))));
-};
-const Step = () => null;
-Step.displayName = 'Stepper.Step';
-Stepper.Step = Step;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0ZXBwZXIvU3RlcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFrQjlDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBbUQsQ0FBQyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUMxRyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM3QyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxJQUFDLElBQUksRUFBQyxNQUFNO1FBQ3RCLG9CQUFDLFFBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxJQUNyQixLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDN0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUU7Z0JBQ2pDLE9BQU8sSUFBSSxLQUFLLENBQUMsK0RBQStELENBQUMsQ0FBQzthQUNuRjtpQkFBTTtnQkFDTCxNQUFNLEtBQUssR0FBRyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO2dCQUNoRyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxrQkFBZ0IsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFDLFVBQVU7b0JBQy9GLEtBQUssR0FBRyxDQUFDLElBQUksS0FBSyxJQUFJLEtBQUssSUFBSSxDQUM5QixvQkFBQyxXQUFXLENBQUMsa0JBQWtCLElBQUMsS0FBSyxFQUFFLEtBQUs7d0JBQzFDLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLElBQUMsU0FBUyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksS0FBSyxLQUFLLFFBQVEsR0FBSSxDQUNyRSxDQUNsQztvQkFDRCxvQkFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQ25ELEtBQUssR0FBRyxDQUFDLENBQ2lCO29CQUM1QixLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDSixDQUNwQixDQUFDO2FBQ0g7UUFDSCxDQUFDLENBQUMsQ0FDTyxDQUNDLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sSUFBSSxHQUF3QixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDN0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUM7QUFFbEMsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==

package/dist/src/components/Switch/Switch.js

@@ -1,29 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
-import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
-import { Switch as BaseSwitch } from '../../../src/common/Switch/Switch';
-import { tw } from '../../../src/utils/tailwind';
-export const Switch = React.forwardRef((_a, ref) => {
-    var _b;
-    var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
-    const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
-    return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
-});
-Switch.displayName = 'Switch';
-const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
-    React.createElement(Skeleton, { height: 20, width: 35 }),
-    React.createElement(Skeleton, { height: 20, width: 150 })));
-Switch.Skeleton = SwitchSkeleton;
-Switch.Skeleton.displayName = 'Switch.Skeleton ';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQXVDLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVyRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUFDLEVBQXNHLEVBQUUsR0FBRyxFQUFFLEVBQUU7O1FBQS9HLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFwRywyRUFBc0csQ0FBRjtJQUNuRyxNQUFNLFNBQVMsR0FBRyxNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLEtBQUssQ0FBQyxjQUFjLENBQUM7SUFDeEQsT0FBTyxDQUFDLFFBQVEsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQzlCLG9CQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLEtBQUssRUFBRSxRQUFRLGdCQUNILFNBQVMsRUFDckIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxJQUV0QixDQUFDLFFBQVEsSUFBSSxvQkFBQyxVQUFVLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDaEcsQ0FDaEIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ1gsQ0FBQyxDQUNpQixDQUFDO0FBRXJCLE1BQU0sQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO0FBRTlCLE1BQU0sY0FBYyxHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3JDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO0lBQzlCLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUk7SUFDbkMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBSSxDQUNoQyxDQUNQLENBQUM7QUFFRixNQUFNLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQztBQUNqQyxNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQyJ9

package/dist/src/components/SwitchGroup/SwitchGroup.js

@@ -1,59 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useState } from 'react';
-import uniqueId from 'lodash/uniqueId';
-import { Switch } from '../../../src/components/Switch/Switch';
-import { InputGroup } from '../../../src/common/InputGroup/InputGroup';
-import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
-import { tw } from '../../../src/utils/tailwind';
-import { isComponentType } from '../../../types/utils';
-export const SwitchGroup = (_a) => {
-    var _b;
-    var { value, defaultValue, onChange, readOnly = false, cols, children } = _a, props = __rest(_a, ["value", "defaultValue", "onChange", "readOnly", "cols", "children"]);
-    const [selectedItems, setSelectedItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
-    if (value !== undefined && value !== selectedItems) {
-        setSelectedItems(value);
-    }
-    const errorMessageId = uniqueId();
-    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
-    const labelControlProps = getLabelControlProps(props);
-    const handleChange = (e) => {
-        const { value } = e.target;
-        const updated = e.target.checked ? [...selectedItems, value] : selectedItems.filter((v) => v !== value);
-        setSelectedItems(updated);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
-    };
-    return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
-        React.createElement(InputGroup, { cols: cols }, React.Children.map(children, (c) => {
-            var _a, _b, _c, _d;
-            if (!isComponentType(c, Switch)) {
-                return null;
-            }
-            const str = (_a = c.props.value) === null || _a === void 0 ? void 0 : _a.toString();
-            const defaultChecked = defaultValue === undefined ? undefined : str !== undefined && defaultValue.includes(str);
-            const checked = value === undefined ? undefined : str !== undefined && value.includes(str);
-            return React.cloneElement(c, {
-                defaultChecked: (_b = c.props.defaultChecked) !== null && _b !== void 0 ? _b : defaultChecked,
-                checked: (_c = c.props.checked) !== null && _c !== void 0 ? _c : checked,
-                onChange: (_d = c.props.onChange) !== null && _d !== void 0 ? _d : handleChange,
-                disabled: props.disabled || c.props.disabled,
-                readOnly,
-            });
-        }))));
-};
-const SwitchGroupSkeleton = ({ options = 2 }) => {
-    return (React.createElement(LabelControl.Skeleton, null,
-        React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Switch.Skeleton, { key: key }))))));
-};
-SwitchGroup.Skeleton = SwitchGroupSkeleton;
-SwitchGroup.Skeleton.displayName = 'SwitchGroup.Skeleton';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2hHcm91cC9Td2l0Y2hHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQW9CLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUF5Q3JFLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBMEUsQ0FBQyxFQVFsRyxFQUFFLEVBQUU7O1FBUjhGLEVBQ2pHLEtBQUssRUFDTCxZQUFZLEVBQ1osUUFBUSxFQUNSLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksRUFDSixRQUFRLE9BRVQsRUFESSxLQUFLLGNBUHlGLHFFQVFsRyxDQURTO0lBRVIsTUFBTSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxHQUFHLFFBQVEsQ0FBVyxNQUFBLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFlBQVksbUNBQUksRUFBRSxDQUFDLENBQUM7SUFFMUYsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7UUFDbEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDekI7SUFFRCxNQUFNLGNBQWMsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxNQUFNLFVBQVUsR0FBRyxLQUFLLENB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

package/dist/src/components/Tabs/Tabs.js

@@ -1,220 +0,0 @@
-// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import isNumber from 'lodash/isNumber';
-import kebabCase from 'lodash/kebabCase';
-import { classNames, tw } from '../../../src/utils/tailwind';
-import chevronLeft from '../../../src/icons/chevronLeft';
-import chevronRight from '../../../src/icons/chevronRight';
-import warningSign from '../../../src/icons/warningSign';
-import { TabBadge } from '../Badge/Badge';
-import { InlineIcon } from '../Icon/Icon';
-import { Tooltip } from '../Tooltip/Tooltip';
-import { Typography } from '../Typography/Typography';
-const isTabComponent = (c) => {
-    return React.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
-};
-const Tab = React.forwardRef(({ className, id, title, children }, ref) => {
-    return (React.createElement("div", { ref: ref, id: `${id !== null && id !== void 0 ? id : kebabCase(title)}-panel`, className: className, role: 'tabpanel', tabIndex: 0, "aria-labelledby": `${id !== null && id !== void 0 ? id : kebabCase(title)}-tab` }, children));
-});
-export const TabContainer = (_a) => {
-    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: classNames('py-6 z-0', className) }), children));
-};
-export const ModalTab = Tab;
-export const ModalTabContainer = TabContainer;
-export const asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
-    const Tab = React.forwardRef((_a, ref) => {
-        var { id, value, status = 'default', disabled, badge, tooltip, title, index, selected, onSelected, className } = _a, rest = __rest(_a, ["id", "value", "status", "disabled", "badge", "tooltip", "title", "index", "selected", "onSelected", "className"]);
-        const _id = id !== null && id !== void 0 ? id : kebabCase(title);
-        let statusIcon = undefined;
-        if (status === 'warning') {
-            // TODO: update color to 'orange-50' once we have updated tokens.
-            statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "warning-80" });
-        }
-        else if (status === 'error') {
-            statusIcon = React.createElement(InlineIcon, { icon: warningSign, color: "error-50" });
-        }
-        const tab = (React.createElement(Component, Object.assign({ ref: ref, id: `${_id}-tab`, onClick: () => !disabled && onSelected(value !== null && value !== void 0 ? value : index), className: classNames(className, 'px-5 py-3 z-10 no-underline appearance-none outline-none h-full', {
-                'cursor-default': disabled,
-                'text-grey-80 focus:text-primary-80': !selected,
-                'hover:bg-grey-0 hover:border-grey-20': !selected && !disabled,
-                'border-b-2': !defaultUnderlineHidden || selected,
-                'border-grey-10': !selected,
-                'border-primary-80': selected,
-            }), type: 'button', role: 'tab', "aria-selected": selected, "aria-controls": `${_id}-panel`, tabIndex: disabled ? undefined : 0 }, rest),
-            React.createElement(Typography, { htmlTag: "div", variant: "small", color: selected ? 'primary-80' : disabled ? 'grey-20' : 'current', className: tw('inline-flex items-center gap-3') },
-                React.createElement("span", { className: tw('whitespace-nowrap') }, title),
-                isNumber(badge) && (React.createElement(Typography, { htmlTag: "span", variant: "small", color: selected ? 'primary-80' : 'grey-5', className: "leading-none" },
-                    React.createElement(TabBadge, { kind: "filled", value: badge, textClassname: classNames({ 'text-white': selected, 'text-grey-50': !selected }) }))),
-                statusIcon)));
-        return tooltip ? React.createElement(Tooltip, { content: tooltip }, tab) : tab;
-    });
-    Tab.displayName = displayName;
-    return Tab;
-};
-export const TabItem = asTabItem('button', 'TabItem');
-const CARET_OFFSET = 24;
-export const createTabsComponent = (TabComponent, TabItemComponent, displayName, renderChildren) => {
-    const Tabs = (props) => {
-        var _a, _b;
-        const { className, value, defaultValue, onChange, children } = props;
-        const childArr = React.Children.toArray(children);
-        const firstTab = childArr[0];
-        const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
-        const [selected, setSelected] = useState((_b = (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : firstTabValue) !== null && _b !== void 0 ? _b : 0);
-        const [leftCaret, showLeftCaret] = useState(false);
-        const [rightCaret, showRightCaret] = useState(false);
-        const parentRef = useRef(null);
-        const containerRef = useRef(null);
-        const tabsRef = useRef(null);
-        const revealSelectedTab = ({ smooth }) => {
-            var _a, _b;
-            const container = containerRef.current;
-            const tabs = tabsRef.current;
-            // First we need to find the index of selected tab. Note that value can be either
-            // string or number (index) so we need to make sure we'll find the correct
-            // tab in both cases.
-            const values = React.Children.map(children, (tab, i) => { var _a; return (_a = tab === null || tab === void 0 ? void 0 : tab.props.value) !== null && _a !== void 0 ? _a : i; });
-            const idx = (_a = values === null || values === void 0 ? void 0 : values.findIndex((val) => value === val)) !== null && _a !== void 0 ? _a : -1;
-            // Try to find the corresponding HTMLElement instance
-            const child = Array.from((_b = tabs === null || tabs === void 0 ? void 0 : tabs.childNodes) !== null && _b !== void 0 ? _b : [])[idx];
-            if (!container || !(child instanceof HTMLElement)) {
-                return;
-            }
-            // Get the container and child dimensions, and determine if the tab is currently
-            // visible in the container.
-            const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
-            const { x, width } = child.getBoundingClientRect();
-            const isInViewPort = x >= containerX && x + width <= containerX + containerWidth;
-            // Scroll container to correct position so that the selected child is visible.
-            if (!isInViewPort) {
-                container.scrollTo({
-                    left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
-                    behavior: smooth ? 'smooth' : undefined,
-                });
-            }
-        };
-        const updateCarets = () => {
-            const pEl = parentRef.current;
-            const el = containerRef.current;
-            if (!pEl || !el) {
-                return;
-            }
-            const { width } = pEl.getBoundingClientRect();
-            const hasLeftCaret = el.scrollWidth > width && el.scrollLeft !== 0;
-            const hasRightCaret = el.scrollWidth > width &&
-                Math.round(el.scrollLeft + el.getBoundingClientRect().width) !== Math.round(el.scrollWidth);
-            showLeftCaret(hasLeftCaret);
-            showRightCaret(hasRightCaret);
-        };
-        useEffect(() => {
-            if (value === undefined) {
-                return;
-            }
-            updateCarets();
-            setSelected(value);
-            revealSelectedTab({ smooth: value !== selected });
-        }, [value, React.Children.count(children)]);
-        useLayoutEffect(() => {
-            var _a;
-            updateCarets();
-            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', updateCarets);
-            window.addEventListener('resize', updateCarets);
-            return () => {
-                var _a;
-                (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', updateCarets);
-                window.removeEventListener('resize', updateCarets);
-            };
-        }, [parentRef.current, containerRef.current, children]);
-        const handleScrollToNext = (direction) => {
-            const container = containerRef.current;
-            const tabs = tabsRef.current;
-            if (!container || !tabs) {
-                return;
-            }
-            const { width: containerWidth, x: containerX } = container.getBoundingClientRect();
-            const children = Array.from(tabs.childNodes).filter((c) => c instanceof HTMLElement);
-            // There might be better ways to make this logic more compact,
-            // but it seems to be rather delicate about all pixel roundings and what-nots.
-            if (direction === 'right') {
-                const next = children.find((c) => {
-                    const { x, width } = c.getBoundingClientRect();
-                    return Math.round(x + width - containerX - containerWidth) > 0;
-                });
-                if (next instanceof HTMLElement) {
-                    const { x, width } = next.getBoundingClientRect();
-                    container.scrollTo({
-                        left: container.scrollLeft + Math.ceil(x + width + CARET_OFFSET - containerX - containerWidth),
-                        behavior: 'smooth',
-                    });
-                }
-            }
-            else {
-                const next = children.find((c) => {
-                    const { x, width } = c.getBoundingClientRect();
-                    return Math.round(x + width - containerX) >= 0;
-                });
-                if (next instanceof HTMLElement) {
-                    const { x } = next.getBoundingClientRect();
-                    container.scrollTo({
-                        left: container.scrollLeft - Math.abs(x - containerX - CARET_OFFSET),
-                        behavior: 'smooth',
-                    });
-                }
-            }
-        };
-        const handleKeyDown = (event) => {
-            const target = event.target;
-            const parent = target.parentElement;
-            const first = parent.firstChild;
-            const last = parent.lastChild;
-            const next = target.nextElementSibling;
-            const prev = target.previousElementSibling;
-            if (event.key === 'ArrowRight') {
-                (next !== null && next !== void 0 ? next : first).focus();
-            }
-            else if (event.key === 'ArrowLeft') {
-                (prev !== null && prev !== void 0 ? prev : last).focus();
-            }
-        };
-        const handleSelected = (key) => {
-            (onChange !== null && onChange !== void 0 ? onChange : setSelected)(key);
-        };
-        // Allow only tabs as children.
-        React.Children.forEach(children, (c) => {
-            if (c && !isTabComponent(c)) {
-                throw new Error('<Tabs> can only have <Tabs.Tab> components as children');
-            }
-        });
-        return (React.createElement("div", { ref: parentRef, className: classNames(tw('h-full'), className) },
-            React.createElement("div", { className: tw('relative flex items-center h-full border-b-2 border-grey-10') },
-                React.createElement("div", { ref: containerRef, className: tw('overflow-y-auto scrollbar-hide h-full mb-[-2px]') },
-                    React.createElement("div", { ref: tabsRef, role: 'tablist', "aria-label": 'tabs', className: tw('inline-flex items-center cursor-pointer font-normal h-full') }, React.Children.map(children, (tab, index) => tab ? (React.createElement(TabItemComponent, Object.assign({ key: tab.props.value }, tab.props, { index: index, selected: tab.props.value !== undefined ? tab.props.value === selected : index === selected, onKeyDown: handleKeyDown, onSelected: handleSelected }))) : undefined))),
-                leftCaret && (React.createElement("div", { className: tw('absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4') },
-                    React.createElement("div", { onClick: () => handleScrollToNext('left'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
-                        React.createElement(InlineIcon, { icon: chevronLeft })))),
-                rightCaret && (React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4') },
-                    React.createElement("div", { onClick: () => handleScrollToNext('right'), className: tw('hover:bg-grey-0 p-2 leading-none cursor-pointer') },
-                        React.createElement(InlineIcon, { icon: chevronRight }))))),
-            renderChildren(children, selected, props)));
-    };
-    Tabs.displayName = displayName;
-    Tabs.Tab = TabComponent;
-    return Tabs;
-};
-//
-// Export default implementation for tabs.
-//
-export const Tabs = createTabsComponent(Tab, TabItem, 'Tabs', (children, selected) => (React.createElement(TabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYnMvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUZBQWlGOzs7Ozs7Ozs7Ozs7QUFFakYsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDNUUsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLFlBQVksTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRCxPQUFPLFdBQVcsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRXRELE1BQU0sY0FBYyxHQUFHLENBQW9DLENBQWtCLEVBQWtDLEVBQUU7SUFDL0csT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQztBQUM1RSxDQUFDLENBQUM7QUErQ0YsTUFBTSxHQUFHLEdBQXVCLEtBQUssQ0FBQyxVQUFVLENBQzlDLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRSxHQUFHLEVBQUUs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

package/dist/src/components/Template/Template.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { useStyle } from '../../../src/utils/useStyle';
-export const Template = ({ children, columns, alignSelf, alignContent, alignItems, justifySelf, gap, columnGap, rowGap, fullHeight, }) => {
-    const gridTemplateColumns = typeof columns === 'number'
-        ? '1fr '.repeat(columns)
-        : columns
-            .map((column) => (typeof column === 'number' ? `${column}px` : column === 'auto' ? column : `${column}fr`))
-            .join(' ');
-    const styles = useStyle({
-        height: fullHeight ? '100%' : undefined,
-        display: 'grid',
-        gridTemplateColumns,
-        alignSelf,
-        alignContent,
-        alignItems,
-        justifySelf,
-        gap,
-        rowGap,
-        columnGap,
-    });
-    return React.createElement("div", { style: Object.assign({}, styles) }, children);
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZW1wbGF0ZS9UZW1wbGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCOUMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUE0QixDQUFDLEVBQ2hELFFBQVEsRUFDUixPQUFPLEVBQ1AsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLEdBQUcsRUFDSCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFVBQVUsR0FDWCxFQUFFLEVBQUU7SUFDSCxNQUFNLG1CQUFtQixHQUN2QixPQUFPLE9BQU8sS0FBSyxRQUFRO1FBQ3pCLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDLENBQUMsT0FBTzthQUNKLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDO2FBQzFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUVuQixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdEIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ3ZDLE9BQU8sRUFBRSxNQUFNO1FBQ2YsbUJBQW1CO1FBQ25CLFNBQVM7UUFDVCxZQUFZO1FBQ1osVUFBVTtRQUNWLFdBQVc7UUFDWCxHQUFHO1FBQ0gsTUFBTTtRQUNOLFNBQVM7S0FDVixDQUFDLENBQUM7SUFDSCxPQUFPLDZCQUFLLEtBQUssb0JBQU8sTUFBTSxLQUFLLFFBQVEsQ0FBTyxDQUFDO0FBQ3JELENBQUMsQ0FBQyJ9