@aivenio/aquarium 1.10.0 → 1.11.0

package/dist/src/molecules/RadioButton/RadioButton.js

@@ -0,0 +1,29 @@
+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/molecules/ControlLabel/ControlLabel';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { RadioButton as BaseRadioButton, } from '../../../src/atoms/RadioButton/RadioButton';
+import { tw } from '../../../src/utils/tailwind';
+export const RadioButton = React.forwardRef((_a, ref) => {
+    var _b;
+    var { name, id, readOnly = false, disabled = false, caption, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["name", "id", "readOnly", "disabled", "caption", "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(BaseRadioButton, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled }))))) : null;
+});
+RadioButton.displayName = 'RadioButton';
+const RadioButtonSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
+    React.createElement(Skeleton, { height: 20, width: 20 }),
+    React.createElement(Skeleton, { height: 20, width: 150 })));
+RadioButton.Skeleton = RadioButtonSkeleton;
+RadioButton.Skeleton.displayName = 'RadioButton.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFFTCxXQUFXLElBQUksZUFBZSxHQUMvQixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDekMsQ0FBQyxFQUFzRyxFQUFFLEdBQUcsRUFBRSxFQUFFOztRQUEvRyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBcEcsMkVBQXNHLENBQUY7SUFDbkcsTUFBTSxTQUFTLEdBQUcsTUFBQSxLQUFLLENBQUMsT0FBTyxtQ0FBSSxLQUFLLENBQUMsY0FBYyxDQUFDO0lBQ3hELE9BQU8sQ0FBQyxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUM5QixvQkFBQyxZQUFZLElBQ1gsT0FBTyxFQUFFLEVBQUUsRUFDWCxLQUFLLEVBQUUsUUFBUSxnQkFDSCxTQUFTLEVBQ3JCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFFdEIsQ0FBQyxRQUFRLElBQUksQ0FDWixvQkFBQyxlQUFlLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDckcsQ0FDWSxDQUNoQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQ3NCLENBQUM7QUFFMUIsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUM7QUFFeEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUMxQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsV0FBVyxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQztBQUMzQyxXQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQyJ9

package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type RadioButtonProps } from '../../../src/components/RadioButton/RadioButton';
-import { type ColumnCount } from '../../../src/common/InputGroup/InputGroup';
+import { type RadioButtonProps } from '../../../src/molecules/RadioButton/RadioButton';
+import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
 import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
 import { type Either, type EmptyOrOneOrMore } from '../../../types/utils';
 declare type LegacyLayout = {

package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,65 @@
+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 uniqueId from 'lodash/uniqueId';
+import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
+import { RadioButton } from '../../../src/molecules/RadioButton/RadioButton';
+import { InputGroup } from '../../../src/atoms/InputGroup/InputGroup';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { tw } from '../../../src/utils/tailwind';
+const isRadioButton = (c) => {
+    return React.isValidElement(c) && c.type === RadioButton;
+};
+export const RadioButtonGroup = (_a) => {
+    var _b;
+    var { name, value: _value, defaultValue, onChange, direction = 'row', cols, readOnly, children } = _a, props = __rest(_a, ["name", "value", "defaultValue", "onChange", "direction", "cols", "readOnly", "children"]);
+    const [value, setValue] = React.useState((_b = _value !== null && _value !== void 0 ? _value : defaultValue) !== null && _b !== void 0 ? _b : '');
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const labelControlProps = getLabelControlProps(props);
+    if (_value !== undefined && _value !== value) {
+        setValue(_value);
+    }
+    const handleChange = (e) => {
+        setValue(e.target.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    };
+    const content = React.Children.map(children, (c) => {
+        var _a, _b, _c;
+        if (!isRadioButton(c)) {
+            return null;
+        }
+        const defaultChecked = defaultValue === undefined ? undefined : c.props.value === defaultValue;
+        const checked = value === undefined ? undefined : c.props.value === value;
+        return React.cloneElement(c, {
+            name,
+            defaultChecked: (_a = c.props.defaultChecked) !== null && _a !== void 0 ? _a : defaultChecked,
+            checked: (_b = c.props.checked) !== null && _b !== void 0 ? _b : checked,
+            onChange: (_c = c.props.onChange) !== null && _c !== void 0 ? _c : handleChange,
+            disabled: props.disabled || c.props.disabled,
+            readOnly,
+        });
+    });
+    return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
+        cols && React.createElement(InputGroup, { cols: cols }, content),
+        !cols && (React.createElement(Flexbox, { direction: direction, alignItems: "flex-start", colGap: "8", rowGap: "3", wrap: "wrap" }, content))));
+};
+const RadioButtonGroupSkeleton = ({ direction = 'row', options = 2 }) => {
+    return (React.createElement(LabelControl.Skeleton, null,
+        React.createElement("div", { className: tw('flex flex-wrap', {
+                'flex-row gap-8': direction === 'row',
+                'flex-col gap-2': direction === 'column',
+            }) }, Array.from({ length: options }).map((_, key) => (React.createElement(RadioButton.Skeleton, { key: key }))))));
+};
+RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
+RadioButtonGroup.Skeleton.displayName = 'RadioButtonGroup.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUmFkaW9CdXR0b25Hcm91cC9SYWRpb0J1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUUzRixPQUFPLEVBQW9CLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRS9FLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE1BQU0sYUFBYSxHQUFHLENBQUMsQ0FBa0IsRUFBNkMsRUFBRTtJQUN0RixPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxXQUFXLENBQUM7QUFDM0QsQ0FBQyxDQUFDO0FBc0RGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFvRixDQUFDLEVBVWpILEVBQUUsRUFBRTs7UUFWNkcsRUFDaEgsSUFBSSxFQUNKLEtBQUssRUFBRSxNQUFNLEVBQ2IsWUFBWSxFQUNaLFFBQVEsRUFDUixTQUFTLEdBQUcsS0FBSyxFQUNqQixJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsT0FFVCxFQURJLEtBQUssY0FUd0csMEZBVWpILENBRFM7SUFFUixNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQVMsTUFBQSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxZQUFZLG1DQUFJ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

package/dist/src/{components → molecules}/Section/Section.js

@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import castArray from 'lodash/castArray';
-import { SecondaryButton } from '../../../src/components/Button/Button';
-import { Divider } from '../../../src/components/Divider/Divider';
-import { Section as BaseSection } from '../../../src/common/Section/Section';
+import { SecondaryButton } from '../../../src/molecules/Button/Button';
+import { Divider } from '../../../src/molecules/Divider/Divider';
+import { Section as BaseSection } from '../../../src/atoms/Section/Section';
 export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, null,
     title && (React.createElement(React.Fragment, null,
         React.createElement(BaseSection.Header, null,
@@ -29,4 +29,4 @@ export const Section = ({ title, subtitle, actions, children }) => (React.create
                 }))),
         React.createElement(Divider, null))),
     React.createElement(BaseSection.Body, null, children)));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlY3Rpb24vU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV6RCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBdUJwRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekYsb0JBQUMsV0FBVztJQUNULEtBQUssSUFBSSxDQUNSO1FBQ0Usb0JBQUMsV0FBVyxDQUFDLE1BQU07WUFDakIsb0JBQUMsV0FBVyxDQUFDLGNBQWM7Z0JBQ3pCLG9CQUFDLFdBQVcsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFxQjtnQkFDN0MsUUFBUSxJQUFJLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUF3QixDQUN6QztZQUM3QixvQkFBQyxXQUFXLENBQUMsT0FBTyxRQUNqQixPQUFPO2dCQUNOLFNBQVMsQ0FBQyxPQUFPLENBQUM7cUJBQ2YsTUFBTSxDQUFDLE9BQU8sQ0FBQztxQkFDZixHQUFHLENBQUMsQ0FBQyxFQUFtQixFQUFFLEVBQUU7d0JBQXZCLEVBQUUsSUFBSSxPQUFhLEVBQVIsTUFBTSxjQUFqQixRQUFtQixDQUFGO29CQUFPLE9BQUEsQ0FDNUIsb0JBQUMsZUFBZSxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDbkMsSUFBSSxDQUNXLENBQ25CLENBQUE7aUJBQUEsQ0FBQyxDQUNjLENBQ0g7UUFDckIsb0JBQUMsT0FBTyxPQUFHLENBQ1YsQ0FDSjtJQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFvQixDQUNuQyxDQUNmLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUF1Qm5FLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXO0lBQ1QsS0FBSyxJQUFJLENBQ1I7UUFDRSxvQkFBQyxXQUFXLENBQUMsTUFBTTtZQUNqQixvQkFBQyxXQUFXLENBQUMsY0FBYztnQkFDekIsb0JBQUMsV0FBVyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXFCO2dCQUM3QyxRQUFRLElBQUksb0JBQUMsV0FBVyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQXdCLENBQ3pDO1lBQzdCLG9CQUFDLFdBQVcsQ0FBQyxPQUFPLFFBQ2pCLE9BQU87Z0JBQ04sU0FBUyxDQUFDLE9BQU8sQ0FBQztxQkFDZixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDLENBQ2MsQ0FDSDtRQUNyQixvQkFBQyxPQUFPLE9BQUcsQ0FDVixDQUNKO0lBQ0Qsb0JBQUMsV0FBVyxDQUFDLElBQUksUUFBRSxRQUFRLENBQW9CLENBQ25DLENBQ2YsQ0FBQyJ9

package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js

@@ -48,4 +48,4 @@ const getCommonClassNames = (dense, selected) => tw('transition whitespace-nowra
     'typography-small-strong': dense,
     'text-grey-50': !selected,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlZ21lbnRlZENvbnRyb2wvU2VnbWVudGVkQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXNCcEQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBa0IsRUFRdkIsRUFBZSxFQUFFO1FBUk0sRUFDaEQsUUFBUSxFQUNSLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFNBQVMsT0FFZ0IsRUFEdEIsSUFBSSxjQVB5QyxrRUFRakQsQ0FEUTtJQUNvQyxPQUFBLENBQzNDLDhDQUNFLElBQUksRUFBRSxRQUFRLElBQ1YsSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLG1CQUFtQixDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsRUFDcEMsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxFQUM3QyxRQUFRLElBQUkscUJBQXFCLENBQUMsT0FBTyxDQUFDLEVBQzFDLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDRixDQUNWLENBQUE7Q0FBQSxDQUFDO0FBY0YsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsQ0FBa0IsRUFRdkIsRUFBZSxFQUFFO1FBUk0sRUFDckQsS0FBSyxFQUNMLFFBQVEsRUFDUixPQUFPLEdBQUcsUUFBUSxFQUNsQixLQUFLLEdBQUcsS0FBSyxFQUNiLFFBQVEsRUFDUixTQUFTLE9BRXFCLEVBRDNCLElBQUksY0FQOEMsa0VBUXRELENBRFE7SUFFUCxNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUMsY0FBYyxFQUFFO1FBQ2pDLG9DQUFvQyxFQUFFLE9BQU8sS0FBSyxVQUFVO1FBQzVELFdBQVcsRUFBRSxPQUFPLEtBQUssUUFBUTtLQUNsQyxDQUFDLENBQUM7SUFDSCxPQUFPLENBQ0wsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxLQUNyRCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUN0QyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtRQUN4QixLQUFLO1FBQ0wsT0FBTztRQUNQLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDMUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUs7S0FDdEMsQ0FBQyxDQUNILENBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsOEJBQThCO0FBRTlCLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FDOUMsRUFBRSxDQUNBLG9CQUFvQixFQUNwQjtJQUNFLGlCQUFpQixFQUFFLE9BQU8sS0FBSyxRQUFRO0lBQ3ZDLGlCQUFpQixFQUFFLE9BQU8sS0FBSyxRQUFRO0NBQ3hDLEVBQ0Q7SUFDRSxrQkFBa0IsRUFBRSxPQUFPLEtBQUssUUFBUTtJQUN4QyxtQkFBbUIsRUFBRSxPQUFPLEtBQUssUUFBUTtDQUMxQyxDQUNGLENBQUM7QUFFSixNQUFNLHFCQUFxQixHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQ2pELEVBQUUsQ0FBQyw0QkFBNEIsRUFBRTtJQUMvQix5REFBeUQsRUFBRSxPQUFPLEtBQUssVUFBVTtJQUNqRixxQkFBcUIsRUFBRSxPQUFPLEtBQUssUUFBUTtJQUMzQyxXQUFXLEVBQUUsT0FBTyxLQUFLLFFBQVE7Q0FDbEMsQ0FBQyxDQUFDO0FBRUwsTUFBTSxtQkFBbUIsR0FBRyxDQUFDLEtBQWMsRUFBRSxRQUFpQixFQUFFLEVBQUUsQ0FDaEUsRUFBRSxDQUNBLDJDQUEyQyxFQUMzQyx3RUFBd0UsRUFDeEUsbURBQW1ELEVBQ25EO0lBQ0UsV0FBVyxFQUFFLENBQUMsS0FBSztJQUNuQixXQUFXLEVBQUUsS0FBSztJQUNsQiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7SUFDbkMseUJBQXlCLEVBQUUsS0FBSztJQUNoQyxjQUFjLEVBQUUsQ0FBQyxRQUFRO0NBQzFCLENBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBc0JwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsT0FBTyxHQUFHLFFBQVEsRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0MsOENBQ0UsSUFBSSxFQUFFLFFBQVEsSUFDVixJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsbUJBQW1CLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUNwQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQzdDLFFBQVEsSUFBSSxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsRUFDMUMsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNGLENBQ1YsQ0FBQTtDQUFBLENBQUM7QUFjRixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNyRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLEtBQUssR0FBRyxLQUFLLEVBQ2IsUUFBUSxFQUNSLFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVA4QyxrRUFRdEQsQ0FEUTtJQUVQLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxjQUFjLEVBQUU7UUFDakMsb0NBQW9DLEVBQUUsT0FBTyxLQUFLLFVBQVU7UUFDNUQsV0FBVyxFQUFFLE9BQU8sS0FBSyxRQUFRO0tBQ2xDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FDTCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLEtBQ3JELEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO1FBQ3hCLEtBQUs7UUFDTCxPQUFPO1FBQ1AsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMxQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSztLQUN0QyxDQUFDLENBQ0gsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRiw4QkFBOEI7QUFFOUIsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUM5QyxFQUFFLENBQ0Esb0JBQW9CLEVBQ3BCO0lBQ0UsaUJBQWlCLEVBQUUsT0FBTyxLQUFLLFFBQVE7SUFDdkMsaUJBQWlCLEVBQUUsT0FBTyxLQUFLLFFBQVE7Q0FDeEMsRUFDRDtJQUNFLGtCQUFrQixFQUFFLE9BQU8sS0FBSyxRQUFRO0lBQ3hDLG1CQUFtQixFQUFFLE9BQU8sS0FBSyxRQUFRO0NBQzFDLENBQ0YsQ0FBQztBQUVKLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FDakQsRUFBRSxDQUFDLDRCQUE0QixFQUFFO0lBQy9CLHlEQUF5RCxFQUFFLE9BQU8sS0FBSyxVQUFVO0lBQ2pGLHFCQUFxQixFQUFFLE9BQU8sS0FBSyxRQUFRO0lBQzNDLFdBQVcsRUFBRSxPQUFPLEtBQUssUUFBUTtDQUNsQyxDQUFDLENBQUM7QUFFTCxNQUFNLG1CQUFtQixHQUFHLENBQUMsS0FBYyxFQUFFLFFBQWlCLEVBQUUsRUFBRSxDQUNoRSxFQUFFLENBQ0EsMkNBQTJDLEVBQzNDLHdFQUF3RSxFQUN4RSxtREFBbUQsRUFDbkQ7SUFDRSxXQUFXLEVBQUUsQ0FBQyxLQUFLO0lBQ25CLFdBQVcsRUFBRSxLQUFLO0lBQ2xCLDJCQUEyQixFQUFFLENBQUMsS0FBSztJQUNuQyx5QkFBeUIsRUFBRSxLQUFLO0lBQ2hDLGNBQWMsRUFBRSxDQUFDLFFBQVE7Q0FDMUIsQ0FDRixDQUFDIn0=

package/dist/src/molecules/Select/Select.js

@@ -0,0 +1,144 @@
+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/molecules/Icon/Icon';
+import { PopoverWrapper } from '../../../src/molecules/Popover/PopoverWrapper';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select as Base } from '../../../src/atoms/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 }),
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3RDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUNqQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sSUFBSSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9HLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQW1DeEMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxHQUFZLEVBQXlDLEVBQUU7O0lBQzlFLE9B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

package/dist/src/molecules/Skeleton/Skeleton.js

@@ -0,0 +1,18 @@
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFJN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWtDdEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUE0QixDQUFDLEVBQ2hELEtBQUssRUFDTCxNQUFNLEVBQ04sT0FBTyxHQUFHLE9BQU8sRUFDakIsU0FBUyxFQUNULE9BQU8sR0FBRyxJQUFJLEVBQ2QsT0FBTyxHQUFHLEtBQUssR0FDaEIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxNQUFNLEdBQUc7UUFDYixLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLO1FBQzdDLE1BQU0sRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU07S0FDbEQsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2QkFDRSxLQUFLLEVBQUUsTUFBTSxFQUNiLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxXQUFXLEVBQUU7WUFDZCx5RUFBeUUsRUFBRSxXQUFXLENBQUMsTUFBTSxDQUFDO1lBQzlGLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLE9BQU8sRUFBRSxPQUFPLEtBQUssT0FBTztZQUM1QixjQUFjLEVBQUUsT0FBTyxLQUFLLGNBQWM7WUFDMUMsZUFBZSxFQUFFLE9BQU87U0FDekIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixHQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/src/molecules/Spacing/Spacing.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type BoxProps } from '../../../src/molecules/Box/Box';
+import type twTheme from '../../../tailwind.theme.json';
+export declare type SpacingProps = Pick<BoxProps<'div'>, 'alignContent' | 'alignItems' | 'alignSelf' | 'justifyContent'> & {
+    /**
+     * Gap between children elements.
+     */
+    gap: keyof (typeof twTheme)['gap'];
+    /**
+     * When enabled, displays the children as row instead of column.
+     */
+    row?: boolean;
+};
+export declare const Spacing: React.FC<SpacingProps>;

package/dist/src/molecules/Spacing/Spacing.js

@@ -0,0 +1,18 @@
+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 { Box } from '../../../src/molecules/Box/Box';
+export const Spacing = (_a) => {
+    var { gap, row } = _a, rest = __rest(_a, ["gap", "row"]);
+    return React.createElement(Box, Object.assign({}, rest, { display: "flex", flexDirection: row ? 'row' : 'column', gap: gap }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3BhY2luZy9TcGFjaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWlCLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBZTNELE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxHQUFHLEVBQUUsR0FBRyxPQUFXLEVBQU4sSUFBSSxjQUFuQixjQUFxQixDQUFGO0lBQ2pFLE9BQU8sb0JBQUMsR0FBRyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLE1BQU0sRUFBQyxhQUFhLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7QUFDM0YsQ0FBQyxDQUFDIn0=

package/dist/src/molecules/Stepper/Stepper.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Template } from '../../../src/molecules/Template/Template';
+import { Stepper as StepperBase } from '../../../src/atoms/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQWtCOUMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFtRCxDQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQzFHLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsSUFBSSxFQUFDLE1BQU07UUFDdEIsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxLQUFLLElBQ3JCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUM3QyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBTyxJQUFJLEtBQUssQ0FBQywrREFBK0QsQ0FBQyxDQUFDO2FBQ25GO2lCQUFNO2dCQUNMLE1BQU0sS0FBSyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7Z0JBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxLQUFLLGtCQUFnQixLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsVUFBVTtvQkFDL0YsS0FBSyxHQUFHLENBQUMsSUFBSSxLQUFLLElBQUksS0FBSyxJQUFJLENBQzlCLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsSUFBQyxLQUFLLEVBQUUsS0FBSzt3QkFDMUMsb0JBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUUsS0FBSyxLQUFLLFdBQVcsSUFBSSxLQUFLLEtBQUssUUFBUSxHQUFJLENBQ3JFLENBQ2xDO29CQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssSUFDbkQsS0FBSyxHQUFHLENBQUMsQ0FDaUI7b0JBQzVCLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNKLENBQ3BCLENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxDQUNPLENBQ0MsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBTUYsTUFBTSxJQUFJLEdBQXdCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQUM3QyxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUVsQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9

package/dist/src/{components → molecules}/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SwitchProps as BaseSwitchProps } from '../../../src/common/Switch/Switch';
+import { type SwitchProps as BaseSwitchProps } from '../../../src/atoms/Switch/Switch';
 export declare type SwitchProps = BaseSwitchProps & {
     caption?: React.ReactNode;
 };

package/dist/src/molecules/Switch/Switch.js

@@ -0,0 +1,29 @@
+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/molecules/ControlLabel/ControlLabel';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Switch as BaseSwitch } from '../../../src/atoms/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBdUMsTUFBTSxJQUFJLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXBHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVV4QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQW9CLEtBQUssQ0FBQyxVQUFVLENBQ3JELENBQUMsRUFBc0csRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBL0csRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXBHLDJFQUFzRyxDQUFGO0lBQ25HLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLElBRXRCLENBQUMsUUFBUSxJQUFJLG9CQUFDLFVBQVUsa0JBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLElBQU0sS0FBSyxJQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsSUFBSSxDQUNoRyxDQUNoQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQ2lCLENBQUM7QUFFckIsTUFBTSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7QUFFOUIsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDckMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDOUIsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtJQUNuQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFJLENBQ2hDLENBQ1AsQ0FBQztBQUVGLE1BQU0sQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFDO0FBQ2pDLE1BQU0sQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLGtCQUFrQixDQUFDIn0=

package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type SwitchProps } from '../../../src/components/Switch/Switch';
-import { type ColumnCount } from '../../../src/common/InputGroup/InputGroup';
+import { type SwitchProps } from '../../../src/molecules/Switch/Switch';
+import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
 import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
 import { type EmptyOrOneOrMore } from '../../../types/utils';
 export declare type SwitchGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {

package/dist/src/molecules/SwitchGroup/SwitchGroup.js

@@ -0,0 +1,59 @@
+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/molecules/Switch/Switch';
+import { InputGroup } from '../../../src/atoms/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1N3aXRjaEdyb3VwL1N3aXRjaEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBb0IsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkUsT0FBTyxFQUFvQixVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQXlCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQXlDckUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUEwRSxDQUFDLEVBUWxHLEVBQUUsRUFBRTs7UUFSOEYsRUFDakcsS0FBSyxFQUNMLFlBQVksRUFDWixRQUFRLEVBQ1IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxFQUNKLFFBQVEsT0FFVCxFQURJLEtBQUssY0FQeUYscUVBUWxHLENBRFM7SUFFUixNQUFNLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEdBQUcsUUFBUSxDQUFXLE1BQUEsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxtQ0FBSSxFQUFFLENBQUMsQ0FBQztJQUUxRixJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtRQUNsRCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUN6QjtJQUVELE1BQU0sY0FBYyxHQUFHLFFBQVEsRUFBRSxDQUFDO0lBQ2xDLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FB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

package/dist/src/{components → molecules}/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type TableProps as BaseTableProps, Table as BaseTable } from '../../../src/common/Table/Table';
+import { type TableProps as BaseTableProps, Table as BaseTable } from '../../../src/atoms/Table/Table';
 export declare type TableProps = BaseTableProps & {
     onNext?: () => void;
     onPrev?: () => void;

package/dist/src/{components → molecules}/Table/Table.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { Table as BaseTable } from '../../../src/common/Table/Table';
+import { Table as BaseTable } from '../../../src/atoms/Table/Table';
 import { useScrollTarget } from '../../../src/utils/table/useScrollTarget';
 import { tw } from '../../../src/utils/tailwind';
 export const Table = (_a) => {
@@ -28,4 +28,4 @@ Table.Row = BaseTable.Row;
 Table.Cell = BaseTable.Cell;
 Table.SortCell = BaseTable.SortCell;
 Table.SelectCell = BaseTable.SelectCell;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFxQyxLQUFLLElBQUksU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQU94QyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBT2QsQ0FBQyxFQUFxQyxFQUFFLEVBQUU7UUFBekMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBbkMsZ0NBQXFDLENBQUY7SUFDdEMsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFpQixNQUFNLENBQUMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsaUJBQWlCO1FBQy9CLDZCQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQyxHQUFJO1FBQ3RGLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxHQUFHLFFBQVEsQ0FBYTtRQUMzQyw2QkFBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUMsR0FBSSxDQUN4RixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO0FBQzVCLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQztBQUMxQixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO0FBQ3BDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQXFDLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBT3hDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQXFDLEVBQUUsRUFBRTtRQUF6QyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUFuQyxnQ0FBcUMsQ0FBRjtJQUN0QyxNQUFNLFNBQVMsR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQzFELE1BQU0sTUFBTSxHQUFHLGVBQWUsQ0FBaUIsTUFBTSxDQUFDLENBQUM7SUFDdkQsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxpQkFBaUI7UUFDL0IsNkJBQUssR0FBRyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGlEQUFpRCxDQUFDLEdBQUk7UUFDdEYsb0JBQUMsU0FBUyxvQkFBSyxJQUFJLEdBQUcsUUFBUSxDQUFhO1FBQzNDLDZCQUFLLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxvREFBb0QsQ0FBQyxHQUFJLENBQ3hGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLEtBQUssQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQztBQUM1QixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLEdBQUcsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDO0FBQzFCLEtBQUssQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQztBQUM1QixLQUFLLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUM7QUFDcEMsS0FBSyxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUMsVUFBVSxDQUFDIn0=