@aivenio/aquarium 1.10.0 → 1.11.0

package/dist/src/molecules/MultiSelect/MultiSelect.js

@@ -0,0 +1,149 @@
+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 { useCombobox, useMultipleSelection } from 'downshift';
+import isEqual from 'lodash/isEqual';
+import isNil from 'lodash/isNil';
+import omit from 'lodash/omit';
+import omitBy from 'lodash/omitBy';
+import uniqueId from 'lodash/uniqueId';
+import { matchSorter } from 'match-sorter';
+import { InputChip } from '../../../src/molecules/MultiInput/InputChip';
+import { PopoverWrapper } from '../../../src/molecules/Popover/PopoverWrapper';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/atoms/Select/Select';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { tw } from '../../../src/utils/tailwind';
+export const MultiSelectBase = (_a) => {
+    var _b;
+    var { id, name, placeholder, maxHeight, hideChips = false, inline = true, closeOnSelect = inline ? false : true, options, optionKeys = ['label', 'value'], noResults, optionToString: itemToString = getOptionLabelBuiltin, renderOption = (opt) => itemToString(opt), isOptionDisabled = isOptionDisabledBuiltin, createOption, defaultValue, value, onChange, valid = true, disabled = false, readOnly = false, children } = _a, props = __rest(_a, ["id", "name", "placeholder", "maxHeight", "hideChips", "inline", "closeOnSelect", "options", "optionKeys", "noResults", "optionToString", "renderOption", "isOptionDisabled", "createOption", "defaultValue", "value", "onChange", "valid", "disabled", "readOnly", "children"]);
+    const targetRef = useRef(null);
+    const overlayRef = useRef(null);
+    const [inputValue, setInputValue] = useState('');
+    const [hasFocus, setFocus] = useState(false);
+    const { selectedItems, addSelectedItem, removeSelectedItem, getDropdownProps, getSelectedItemProps } = useMultipleSelection(
+    // For some reason useMultipleSelection does not accept
+    // undefined value for selectedItems or defaultSelectedItems
+    omitBy({
+        selectedItems: value,
+        defaultSelectedItems: defaultValue,
+        onSelectedItemsChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItems),
+    }, isNil));
+    const keys = typeof options[0] === 'string' ? undefined : optionKeys;
+    const selectedItemsAsStrings = selectedItems.map(itemToString);
+    const filteredOptions = (inputValue ? matchSorter(options, inputValue, { keys }) : options).filter((opt) => !selectedItemsAsStrings.includes(itemToString(opt)));
+    const { isOpen, openMenu, closeMenu, highlightedIndex, getInputProps, getMenuProps, getToggleButtonProps, getItemProps, } = useCombobox({
+        id,
+        inputValue,
+        defaultSelectedItem: defaultValue,
+        selectedItem: null,
+        items: filteredOptions,
+        stateReducer: (_, actionChanges) => {
+            var _a, _b;
+            const { changes, type } = actionChanges;
+            switch (type) {
+                case useCombobox.stateChangeTypes.InputKeyDownEnter:
+                case useCombobox.stateChangeTypes.ItemClick: {
+                    const selectedItem = (_a = changes.selectedItem) !== null && _a !== void 0 ? _a : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
+                    return Object.assign(Object.assign({}, changes), { selectedItem, isOpen: !closeOnSelect });
+                }
+                case useCombobox.stateChangeTypes.InputBlur: {
+                    const selectedItem = (_b = changes.selectedItem) !== null && _b !== void 0 ? _b : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
+                    return Object.assign(Object.assign({}, changes), { selectedItem });
+                }
+            }
+            return changes;
+        },
+        onStateChange: ({ inputValue, selectedItem, type }) => {
+            switch (type) {
+                case useCombobox.stateChangeTypes.InputChange: {
+                    setInputValue(inputValue !== null && inputValue !== void 0 ? inputValue : '');
+                    break;
+                }
+                case useCombobox.stateChangeTypes.InputKeyDownEnter:
+                case useCombobox.stateChangeTypes.ItemClick:
+                case useCombobox.stateChangeTypes.InputBlur: {
+                    setInputValue('');
+                    if (selectedItem &&
+                        !isOptionDisabled(selectedItem, options.indexOf(selectedItem)) &&
+                        !selectedItems.some((val) => isEqual(val, selectedItem))) {
+                        // Can't add disabled or duplicate items
+                        addSelectedItem(selectedItem);
+                    }
+                    break;
+                }
+            }
+        },
+    });
+    const { overlayProps } = useOverlayPosition({
+        targetRef,
+        overlayRef,
+        placement: 'bottom start',
+        shouldFlip: true,
+        isOpen,
+    });
+    const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
+    const renderChips = () => {
+        return selectedItems.map((selectedItem, index) => (React.createElement(InputChip, Object.assign({ key: `${itemToString(selectedItem)}.chip`, className: tw('mx-0'), disabled: disabled, readOnly: readOnly }, getSelectedItemProps({ selectedItem, index }), { onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                removeSelectedItem(selectedItem);
+            } }), itemToString(selectedItem))));
+    };
+    const hasNoResults = options.length === 0 || filteredOptions.length === 0;
+    const width = (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
+    const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
+    return (React.createElement("div", { className: tw('relative') },
+        React.createElement(Select.InputContainer, { ref: targetRef, variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
+            React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-2' },
+                !hideChips && inline && renderChips(),
+                React.createElement(Select.Input, Object.assign({ id: id, name: name, placeholder: selectedItems.length === 0 && !readOnly ? placeholder : '', value: inputValue !== null && inputValue !== void 0 ? inputValue : '' }, inputProps, props, { disabled: disabled, readOnly: readOnly, onClick: readOnly ? undefined : openMenu, onKeyDown: (e) => {
+                        var _a;
+                        e.stopPropagation();
+                        (_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                    }, onKeyUp: (e) => e.stopPropagation(), onFocus: () => setFocus(true), onBlur: (e) => {
+                        var _a;
+                        setFocus(false);
+                        (_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                    } }))),
+            !readOnly && React.createElement(Select.Toggle, Object.assign({ hasFocus: hasFocus, isOpen: isOpen }, getToggleButtonProps({ disabled })))),
+        !hideChips && !inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-2 mt-2') }, renderChips()),
+        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(Select.Menu, { maxHeight: maxHeight },
+                isOpen && hasNoResults && React.createElement(Select.NoResults, null, noResults),
+                isOpen &&
+                    filteredOptions.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), highlighted: index === highlightedIndex, selected: selectedItems.includes(item) }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))))));
+};
+const MultiSelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
+MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
+export const MultiSelect = (_a) => {
+    var _b;
+    var { options, noResults } = _a, props = __rest(_a, ["options", "noResults"]);
+    // we need a unique ID and stable 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 : `multiselect-${uniqueId()}`);
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const labelControlProps = getLabelControlProps(props);
+    const baseProps = omit(props, Object.keys(labelControlProps));
+    return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps),
+        React.createElement(MultiSelectBase, Object.assign({}, baseProps, errorProps, { id: id.current, options: options, noResults: noResults, disabled: props.disabled, valid: props.valid }))));
+};
+const MultiSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
+    React.createElement(MultiSelectBase.Skeleton, null)));
+MultiSelect.Skeleton = MultiSelectSkeleton;
+MultiSelect.Skeleton.displayName = 'MultiSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlTZWxlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL011bHRpU2VsZWN0L011bHRpU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQWtDLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM5RixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUNuQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVqRyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBeUIsRUF1QkEsRUFBb0QsRUFBRTs7UUF2QnRELEVBQ3RELEVBQUUsRUFDRixJQUFJLEVBQ0osV0FB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

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

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useRef } from 'react';
 import omit from 'lodash/omit';
 import uniqueId from 'lodash/uniqueId';
-import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
-import { Icon } from '../../../src/components';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Icon } from '../../../src/molecules';
 import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
 import { classNames, tw } from '../../../src/utils/tailwind';
 import caretDown from '../../../src/icons/caretDown';
@@ -75,4 +75,4 @@ const NativeSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, n
     React.createElement("div", { style: { height: '1px' } })));
 NativeSelect.Skeleton = NativeSelectSkeleton;
 NativeSelect.Skeleton.displayName = 'NativeSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTmF0aXZlU2VsZWN0L05hdGl2ZVNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFhNUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLEtBQUssQ0FBQyxVQUFVLENBQ3pFLENBQUMsRUFBMEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFuRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUF4Rix5REFBMEYsQ0FBRjtJQUN2Rix1RUFBdUU7SUFDdkUsNkVBQTZFO0lBQzdFLDhFQUE4RTtJQUM5RSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxL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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9OYXRpdmVTZWxlY3QvTmF0aXZlU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyQyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFhNUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLEtBQUssQ0FBQyxVQUFVLENBQ3pFLENBQUMsRUFBMEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFuRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUF4Rix5REFBMEYsQ0FBRjtJQUN2Rix1RUFBdUU7SUFDdkUsNkVBQTZFO0lBQzdFLDhFQUE4RTtJQUM5RSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFL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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type BreadcrumbsProps } from '../../../src/components/Breadcrumbs/Breadcrumbs';
+import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
 import { type AsyncActionType } from '../../../types/ActionType';
 export declare type PageHeaderProps = {
     /** Short and concise page title. */

package/dist/src/molecules/PageHeader/PageHeader.js

@@ -0,0 +1,40 @@
+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 castArray from 'lodash/castArray';
+import omit from 'lodash/omit';
+import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
+import { PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
+import { Chip } from '../../../src/molecules/Chip/Chip';
+import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { tw } from '../../../src/utils/tailwind';
+export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
+    return (React.createElement(Flexbox, { direction: "row", gap: "4", paddingBottom: "6" },
+        React.createElement(Flexbox, { className: tw('grow'), direction: "column", gap: "0" },
+            breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
+            React.createElement(Flexbox, { gap: "5" },
+                image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
+                React.createElement(Flexbox, { direction: "column", justifyContent: "center" },
+                    React.createElement(Typography.Heading, null, title),
+                    chips.length > 0 && (React.createElement(Flexbox, { gap: "3" }, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip })))))))),
+        (secondaryActions || primaryAction) && (React.createElement(Flexbox, { gap: "4", className: tw('self-start') },
+            secondaryActions &&
+                castArray(secondaryActions)
+                    .filter(Boolean)
+                    .map((_a) => {
+                    var { text } = _a, action = __rest(_a, ["text"]);
+                    return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
+                }),
+            primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsS0FBSyxHQUFHLEVBQUUsRUFDVixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsS0FBSyxFQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsYUFBYSxFQUFDLEdBQUc7UUFDaEQsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRztZQUN2RCxXQUFXLElBQUksb0JBQUMsV0FBVyxRQUFFLFdBQVcsQ0FBZTtZQUN4RCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQ2IsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUk7Z0JBQ2hGLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO29CQUNqRCxvQkFBQyxVQUFVLENBQUMsT0FBTyxRQUFFLEtBQUssQ0FBc0I7b0JBQy9DLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxJQUNiLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssUUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RDLENBQUMsQ0FDTSxDQUNYLENBQ08sQ0FDRixDQUNGO1FBQ1QsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztZQUN6QyxnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDcEUsYUFBYSxDQUFDLElBQUksQ0FDTCxDQUNqQixDQUNPLENBQ1gsQ0FDTyxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/molecules/Pagination/Pagination.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import clamp from 'lodash/clamp';
+import { Box } from '../../../src/molecules/Box/Box';
+import { IconButton } from '../../../src/molecules/Button/Button';
+import { InputBase } from '../../../src/molecules/Input/Input';
+import { SelectBase } from '../../../src/molecules/Select/Select';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { classNames, tw } from '../../../src/utils/tailwind';
+import chevronBackward from '../../../src/icons/chevronBackward';
+import chevronForward from '../../../src/icons/chevronForward';
+import chevronLeft from '../../../src/icons/chevronLeft';
+import chevronRight from '../../../src/icons/chevronRight';
+export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, hasPreviousPage, onPageChange, pageSizes, onPageSizeChange, }) => {
+    const [value, setValue] = React.useState(currentPage);
+    React.useEffect(() => {
+        setValue(currentPage);
+    }, [currentPage]);
+    return (React.createElement(Box, { className: tw('grid grid-cols-[200px_1fr_200px]'), backgroundColor: "grey-0", padding: "4" },
+        pageSizes && onPageSizeChange && typeof pageSize === 'number' ? (React.createElement(Box, { display: "flex", alignItems: "center", gap: "4" },
+            React.createElement(Typography.Small, { color: "grey-50" }, "Items per page "),
+            React.createElement("div", { className: tw('max-w-[70px]') },
+                React.createElement(SelectBase, { options: pageSizes.map((size) => size.toString()), value: pageSize.toString(), onChange: (size) => {
+                        if (size) {
+                            const newSize = parseInt(size);
+                            if (!isNaN(newSize)) {
+                                onPageSizeChange(newSize);
+                            }
+                        }
+                    } })))) : (React.createElement("div", null)),
+        React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", className: tw('grow') },
+            React.createElement(IconButton, { "aria-label": "First", onClick: () => onPageChange(1), icon: chevronBackward, disabled: !hasPreviousPage }),
+            React.createElement(IconButton, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
+            React.createElement(Box, { paddingX: "4" },
+                React.createElement(Typography.Small, { color: "grey-60" }, "Page")),
+            React.createElement(InputBase, { className: classNames(tw('text-center max-w-[40px]'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
+                    if (key === 'Enter') {
+                        currentTarget.blur();
+                    }
+                }, onBlur: ({ target: { value } }) => {
+                    const numberValue = parseInt(value);
+                    const newPage = !isNaN(numberValue) ? clamp(numberValue, 1, totalPages) : 1;
+                    onPageChange(newPage);
+                } }),
+            React.createElement(Box, { paddingX: "4" },
+                React.createElement(Typography.Small, { color: "grey-60" },
+                    "of ",
+                    totalPages)),
+            React.createElement(IconButton, { "aria-label": "Next", onClick: () => onPageChange(currentPage + 1), icon: chevronRight, disabled: !hasNextPage }),
+            React.createElement(IconButton, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
+        React.createElement("div", null)));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQTZDbEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELFdBQVcsRUFDWCxVQUFVLEVBQ1YsUUFBUSxFQUNSLFdBQVcsRUFDWCxlQUFlLEVBQ2YsWUFBWSxFQUNaLFNBQVMsRUFDVCxnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFrQixXQUFXLENBQUMsQ0FBQztJQUV2RSxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNuQixRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDeEIsQ0FBQyxFQUFFLENB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

package/dist/src/molecules/Pagination/usePagination.js

@@ -0,0 +1,36 @@
+import { useEffect, useState } from 'react';
+import clamp from 'lodash/clamp';
+const initialState = {
+    currentPage: 1,
+    pageSize: 10,
+};
+const getPageIndex = (currentPage, pageSize) => (currentPage === 0 ? 0 : (currentPage - 1) * pageSize);
+export const usePagination = (items, options) => {
+    const [currentPage, setCurrentPage] = useState((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
+    const [pageSize, setPageSize] = useState((options === null || options === void 0 ? void 0 : options.initialPageSize) || initialState.pageSize);
+    const totalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
+    const hasPreviousPage = currentPage > 1;
+    const hasNextPage = currentPage < totalPages;
+    const pageIndex = getPageIndex(currentPage, pageSize);
+    const onPageSizeChange = (pageSize) => {
+        const newTotalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
+        setPageSize(pageSize);
+        setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
+    };
+    useEffect(() => {
+        setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
+    }, [items.length]);
+    return [
+        items.slice(pageIndex, Math.min(pageIndex + pageSize, items.length)),
+        {
+            currentPage,
+            totalPages,
+            pageSize,
+            hasPreviousPage,
+            hasNextPage,
+            onPageChange: setCurrentPage,
+            onPageSizeChange,
+        },
+    ];
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFPakMsTUFBTSxZQUFZLEdBQVU7SUFDMUIsV0FBVyxFQUFFLENBQUM7SUFDZCxRQUFRLEVBQUUsRUFBRTtDQUNiLENBQUM7QUE0Q0YsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLFFBQWdCLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQztBQUV2SCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FDM0IsS0FBYSxFQUNiLE9BQTJCLEVBQ0EsRUFBRTtJQUM3QixNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBUyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsUUFBUSxDQUFTLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGVBQWUsS0FBSSxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdFLE1BQU0sZUFBZSxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxXQUFXLEdBQUcsV0FBVyxHQUFHLFVBQVUsQ0FBQztJQUM3QyxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXRELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUFnQixFQUFFLEVBQUU7UUFDNUMsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hGLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFdBQVcsS0FBSSxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQzVGLENBQUMsQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFdBQVcsS0FBSSxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRW5CLE9BQU87UUFDTCxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxRQUFRLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BFO1lBQ0UsV0FBVztZQUNYLFVBQVU7WUFDVixRQUFRO1lBQ1IsZUFBZTtZQUNmLFdBQVc7WUFDWCxZQUFZLEVBQUUsY0FBYztZQUM1QixnQkFBZ0I7U0FDakI7S0FDRixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type OverlayProps as BaseOverlayProps, type OverlayTriggerProps as BaseOverlayTriggerProps, type PositionProps as BasePositionProps } from '@react-types/overlays';
-import { type ButtonProps } from '../../../src/components/Button/Button';
+import { type ButtonProps } from '../../../src/molecules/Button/Button';
 export declare type PopoverPlacement = 'bottom' | 'bottom-left' | 'bottom-right' | 'bottom-start' | 'bottom-end' | 'top' | 'top-left' | 'top-right' | 'top-start' | 'top-end' | 'left' | 'left-top' | 'left-bottom' | 'start' | 'start-top' | 'start-bottom' | 'right' | 'right-top' | 'right-bottom' | 'end' | 'end-top' | 'end-bottom';
 export declare type PopoverProps = Omit<BaseOverlayProps, 'container'> & BaseOverlayTriggerProps & Pick<BasePositionProps, 'offset' | 'shouldFlip'> & {
     'id'?: string;

package/dist/src/molecules/Popover/Popover.js

@@ -0,0 +1,79 @@
+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 } from 'react';
+import { PressResponder, usePress } from '@react-aria/interactions';
+import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
+import { mergeProps } from '@react-aria/utils';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+import { Button } from '../../../src/molecules/Button/Button';
+import { isComponentType } from '../../../types/utils';
+import { PopoverContext, usePopoverContext } from './PopoverContext';
+import { PopoverWrapper } from './PopoverWrapper';
+/* <Popover> */
+export const Popover = (props) => {
+    var _a;
+    const { id, placement: _placement = 'bottom-left', isDismissable = true, isKeyboardDismissDisabled, autoFocus = true, containFocus = false, targetRef, } = props;
+    const triggerRef = useRef(null);
+    const overlayRef = useRef(null);
+    const state = useOverlayTriggerState(props);
+    const { overlayProps: popoverProps, placement, arrowProps, } = useOverlayPosition({
+        targetRef: targetRef !== null && targetRef !== void 0 ? targetRef : triggerRef,
+        overlayRef,
+        placement: _placement.replace('-', ' '),
+        offset: props.offset,
+        shouldFlip: props.shouldFlip,
+        isOpen: state.isOpen,
+    });
+    const { triggerProps, overlayProps: otherOverlayProps } = useOverlayTrigger({ type: (_a = props.type) !== null && _a !== void 0 ? _a : 'dialog' }, state, triggerRef);
+    return (React.createElement(PopoverContext.Provider, { value: {
+            state,
+        } }, React.Children.map(props.children, (child) => {
+        if (isComponentType(child, Popover.Trigger)) {
+            return (React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: state.toggle }, triggerProps),
+                React.createElement(PopoverTriggerWrapper, { "data-testid": props['data-testid'], "aria-controls": id }, child.props.children)));
+        }
+        if (isComponentType(child, Popover.Panel)) {
+            return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id, className: child.props.className }), child.props.children));
+        }
+        throw new Error('Invalid children element type');
+    })));
+};
+const Trigger = () => null;
+Trigger.displayName = 'Popover.Trigger';
+Popover.Trigger = Trigger;
+const Panel = () => null;
+Panel.displayName = 'Popover.Panel';
+Popover.Panel = Panel;
+export const asPopoverButton = (Component, displayName) => {
+    const PopoverButton = (props) => {
+        const { onClick } = props;
+        const { state } = usePopoverContext();
+        const handleClick = (e) => {
+            state.close();
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        };
+        return React.createElement(Component, Object.assign({}, props, { onClick: handleClick }));
+    };
+    PopoverButton.displayName = displayName;
+    return PopoverButton;
+};
+const PopoverButton = asPopoverButton(Button, 'PopoverButton');
+Popover.Button = PopoverButton;
+const PopoverTriggerWrapper = (_a) => {
+    var _b;
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const ref = useRef(null);
+    const trigger = React.Children.only(children);
+    const { pressProps } = usePress(Object.assign(Object.assign({}, rest), { ref }));
+    return React.cloneElement(trigger, Object.assign(Object.assign({ 'ref': ref }, mergeProps(pressProps, trigger.props)), { 'aria-controls': (_b = rest['aria-controls']) !== null && _b !== void 0 ? _b : pressProps['aria-controls'] }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBU2pFLE9BQU8sRUFBb0IsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBNENsRCxlQUFlO0FBRWYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUloQixDQUFDLEtBQUssRUFBRSxFQUFFOztJQUNaLE1BQU0sRUFDSixFQUFFLEVBQ0YsU0FBUyxFQUFFLFVBQVUsR0FBRyxhQUFhLEVBQ3JDLGFBQWEsR0FBRyxJQUFJLEVBQ3BCLHlCQUF5QixFQUN6QixTQUFTLEdBQUcsSUFBSSxFQUNoQixZQUFZLEdBQUcsS0FBSyxFQUNwQixTQUFTLEdBQ1YsR0FBRyxLQUFLLENBQUM7SUFDVixNQUFNLFVBQVUsR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNoRCxNQUFNLEtB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

package/dist/src/molecules/Popover/PopoverContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const PopoverContext = createContext(null);
+export const usePopoverContext = () => {
+    const ctx = useContext(PopoverContext);
+    if (ctx === null) {
+        throw new Error('PopoverContext was used outside of provider.');
+    }
+    return ctx;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1BvcG92ZXIvUG9wb3ZlckNvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBT2xELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXpFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLEdBQW1CLEVBQUU7SUFDcEQsTUFBTSxHQUFHLEdBQUcsVUFBVSxDQUF3QixjQUFjLENBQUMsQ0FBQztJQUU5RCxJQUFJLEdBQUcsS0FBSyxJQUFJLEVBQUU7UUFDaEIsTUFBTSxJQUFJLEtBQUssQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDO0tBQ2pFO0lBRUQsT0FBTyxHQUFHLENBQUM7QUFDYixDQUFDLENBQUMifQ==

package/dist/src/{components → molecules}/Popover/PopoverWrapper.js

@@ -13,7 +13,7 @@ import React from 'react';
 import { FocusScope } from '@react-aria/focus';
 import { OverlayContainer, useModal, useOverlay } from '@react-aria/overlays';
 import { mergeProps } from '@react-aria/utils';
-import { Popover as Base } from '../../../src/common/Popover/Popover';
+import { Popover as Base } from '../../../src/atoms/Popover/Popover';
 export const PopoverWrapper = React.forwardRef((props, ref) => {
     const { id, children, placement, arrowProps, isOpen, hideArrow, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -31,4 +31,4 @@ export const PopoverWrapper = React.forwardRef((props, ref) => {
         React.createElement(FocusScope, { restoreFocus: true, autoFocus: autoFocus, contain: containFocus },
             React.createElement(Base.Panel, Object.assign({ ref: ref, role: "dialog" }, mergeProps(otherProps, modalProps, overlayProps), { id: id !== null && id !== void 0 ? id : overlayProps.id, className: className }), children))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlcldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFHL0MsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQWlCN0QsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXNDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ2pHLE1BQU0sRUFDSixFQUFFLEVBQ0YsUUFBUSxFQUNSLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLFNBQVM7SUFDVCw2REFBNkQ7SUFDN0QsaUJBQWlCO0lBQ2pCLDZEQUE2RDtJQUM3RCx5QkFBeUIsRUFDekIsVUFBVSxHQUFHLElBQUksRUFDakIsYUFBYSxFQUNiLFNBQVMsRUFDVCxZQUFZLEVBQ1osU0FBUyxLQUVQLEtBQUssRUFESixVQUFVLFVBQ1gsS0FBSyxFQWpCSCwrTEFpQkwsQ0FBUSxDQUFDO0lBRVYsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLFVBQVUsaUNBQzVCLEtBQUssS0FBRSxhQUFhLEVBQUUsYUFBYSxJQUFJLE1BQU0sS0FDbEQsR0FBc0MsQ0FDdkMsQ0FBQztJQUVGLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxRQUFRLENBQUM7UUFDOUIsVUFBVSxFQUFFLFVBQVU7S0FDdkIsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7UUFDakIsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0I7UUFDZixvQkFBQyxVQUFVLElBQUMsWUFBWSxRQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFlBQVk7WUFDbEUsb0JBQUMsSUFBSSxDQUFDLEtBQUssa0JBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxJQUNULFVBQVUsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFlBQVksQ0FBQyxJQUNwRCxFQUFFLEVBQUUsRUFBRSxhQUFGLEVBQUUsY0FBRixFQUFFLEdBQUksWUFBWSxDQUFDLEVBQUUsRUFDekIsU0FBUyxFQUFFLFNBQVMsS0FFbkIsUUFBUSxDQUNFLENBQ0YsQ0FDSSxDQUNwQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlcldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1BvcG92ZXIvUG9wb3ZlcldyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUcvQyxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBaUI1RCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBc0MsQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDakcsTUFBTSxFQUNKLEVBQUUsRUFDRixRQUFRLEVBQ1IsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBQ04sU0FBUztJQUNULDZEQUE2RDtJQUM3RCxpQkFBaUI7SUFDakIsNkRBQTZEO0lBQzdELHlCQUF5QixFQUN6QixVQUFVLEdBQUcsSUFBSSxFQUNqQixhQUFhLEVBQ2IsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEtBRVAsS0FBSyxFQURKLFVBQVUsVUFDWCxLQUFLLEVBakJILCtMQWlCTCxDQUFRLENBQUM7SUFFVixNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsVUFBVSxpQ0FDNUIsS0FBSyxLQUFFLGFBQWEsRUFBRSxhQUFhLElBQUksTUFBTSxLQUNsRCxHQUFzQyxDQUN2QyxDQUFDO0lBRUYsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsQ0FBQztRQUM5QixVQUFVLEVBQUUsVUFBVTtLQUN2QixDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtRQUNqQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQjtRQUNmLG9CQUFDLFVBQVUsSUFBQyxZQUFZLFFBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsWUFBWTtZQUNsRSxvQkFBQyxJQUFJLENBQUMsS0FBSyxrQkFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLElBQ1QsVUFBVSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDLElBQ3BELEVBQUUsRUFBRSxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxZQUFZLENBQUMsRUFBRSxFQUN6QixTQUFTLEVBQUUsU0FBUyxLQUVuQixRQUFRLENBQ0UsQ0FDRixDQUNJLENBQ3BCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type DialogProps } from '../../../src/components/Dialog/Dialog';
-import { type PopoverPlacement, Popover } from '../../../src/components/Popover/Popover';
+import { type DialogProps } from '../../../src/molecules/Dialog/Dialog';
+import { type PopoverPlacement, Popover } from '../../../src/molecules/Popover/Popover';
 declare type PopoverDialogProps = Omit<DialogProps, 'type' | 'open'> & {
     placement?: PopoverPlacement;
     open?: boolean;

package/dist/src/molecules/PopoverDialog/PopoverDialog.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import omit from 'lodash/omit';
+import { Popover } from '../../../src/molecules/Popover/Popover';
+import { PopoverDialog as Base } from '../../../src/atoms/PopoverDialog/PopoverDialog';
+import { tw } from '../../../src/utils/tailwind';
+import { isComponentType } from '../../../types/utils';
+const PopoverDialog = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
+    const wrapPromptWithBody = (child) => {
+        if (isComponentType(child, PopoverDialog.Prompt)) {
+            return (React.createElement(Popover.Panel, { className: tw('max-w-[300px]') },
+                React.createElement(Base.Header, null,
+                    React.createElement(Base.Title, null, title)),
+                child,
+                React.createElement(Base.Footer, null,
+                    React.createElement(Base.Actions, null,
+                        secondaryAction && (React.createElement(Popover.Button, Object.assign({ kind: "secondary-ghost", key: secondaryAction.text, dense: true }, omit(secondaryAction, 'text')), secondaryAction.text)),
+                        React.createElement(Popover.Button, Object.assign({ kind: "ghost", key: primaryAction.text, dense: true }, omit(primaryAction, 'text')), primaryAction.text)))));
+        }
+        return child;
+    };
+    return (React.createElement(Popover, { type: "dialog", isOpen: open, placement: placement, isDismissable: true, isKeyboardDismissDisabled: false, autoFocus: true, containFocus: true }, React.Children.map(children, wrapPromptWithBody)));
+};
+PopoverDialog.Trigger = Popover.Trigger;
+const Prompt = ({ children }) => React.createElement(Base.Body, null, children);
+Prompt.displayName = 'PopoverDialog.Prompt';
+PopoverDialog.Prompt = Prompt;
+export { PopoverDialog };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3ZlckRpYWxvZy9Qb3BvdmVyRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRy9CLE9BQU8sRUFBeUIsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFL0UsT0FBTyxFQUFFLGFBQWEsSUFBSSxJQUFJLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUU5RSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQU85QyxNQUFNLGFBQWEsR0FHZixDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzNFLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFzQixFQUFFLEVBQUU7UUFDcEQsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNoRCxPQUFPLENBQ0wsb0JBQUMsT0FBTyxDQUFDLEtBQUssSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDM0Msb0JBQUMsSUFBSSxDQUFDLE1BQU07b0JBQ1Ysb0JBQUMsSUFBSSxDQUFDLEtBQUssUUFBRSxLQUFLLENBQWMsQ0FDcEI7Z0JBQ2IsS0FBSztnQkFDTixvQkFBQyxJQUFJLENBQUMsTUFBTTtvQkFDVixvQkFBQyxJQUFJLENBQUMsT0FBTzt3QkFDVixlQUFlLElBQUksQ0FDbEIsb0JBQUMsT0FBTyxDQUFDLE1BQU0sa0JBQ2IsSUFBSSxFQUFDLGlCQUFpQixFQUN0QixHQUFHLEVBQUUsZUFBZSxDQUFDLElBQUksRUFDekIsS0FBSyxVQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBRWhDLGVBQWUsQ0FBQyxJQUFJLENBQ04sQ0FDbEI7d0JBQ0Qsb0JBQUMsT0FBTyxDQUFDLE1BQU0sa0JBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksRUFBRSxLQUFLLFVBQUssSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDeEYsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNKLENBQ0gsQ0FDQSxDQUNqQixDQUFDO1NBQ0g7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQ04sSUFBSSxFQUFDLFFBQVEsRUFDYixNQUFNLEVBQUUsSUFBSSxFQUNaLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLGFBQWEsRUFBRSxJQUFJLEVBQ25CLHlCQUF5QixFQUFFLEtBQUssRUFDaEMsU0FBUyxFQUFFLElBQUksRUFDZixZQUFZLEVBQUUsSUFBSSxJQUVqQixLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLENBQUMsQ0FDekMsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsYUFBYSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDO0FBRXhDLE1BQU0sTUFBTSxHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxDQUFDLElBQUksUUFBRSxRQUFRLENBQWEsQ0FBQztBQUM3RSxNQUFNLENBQUMsV0FBVyxHQUFHLHNCQUFzQixDQUFDO0FBQzVDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyJ9

package/dist/src/molecules/Portal/Portal.js

@@ -0,0 +1,3 @@
+import { createPortal } from 'react-dom';
+export const Portal = ({ children, to }) => createPortal(children, to);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9ydGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Qb3J0YWwvUG9ydGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBU3pDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyJ9

package/dist/src/molecules/ProgressBar/ProgressBar.js

@@ -0,0 +1,23 @@
+// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
+import React from 'react';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { ProgressBar as BaseProgressBar } from '../../../src/atoms/ProgressBar/ProgressBar';
+import { tw } from '../../../src/utils/tailwind';
+export const ProgressBar = (props) => {
+    const { value, 'aria-label': ariaLabel, min = 0, max = 100, progresStatus = 'info', completedStatus = 'success', } = props;
+    if (min > max) {
+        throw new Error('`min` value provided to `ProgressBar` is greater than `max` value.');
+    }
+    const progress = (React.createElement(BaseProgressBar, null,
+        React.createElement(BaseProgressBar.Indicator, { status: value === max ? completedStatus : progresStatus, min: min, max: max, value: value, "aria-label": ariaLabel })));
+    if (props.dense) {
+        return progress;
+    }
+    return (React.createElement("div", null,
+        progress,
+        React.createElement(BaseProgressBar.Labels, { className: tw('py-2'), startLabel: props.startLabel, endLabel: props.endLabel })));
+};
+const ProgressBarSkeleton = () => React.createElement(Skeleton, { height: 4, display: "block" });
+ProgressBar.Skeleton = ProgressBarSkeleton;
+ProgressBar.Skeleton.displayName = 'ProgressBar.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1Byb2dyZXNzQmFyL1Byb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2R0FBNkc7QUFFN0csT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsV0FBVyxJQUFJLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTRDeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUF3RCxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3hGLE1BQU0sRUFDSixLQUFLLEVBQ0wsWUFBWSxFQUFFLFNBQVMsRUFDdkIsR0FBRyxHQUFHLENBQUMsRUFDUCxHQUFHLEdBQUcsR0FBRyxFQUNULGFBQWEsR0FBRyxNQUFNLEVBQ3RCLGVBQWUsR0FBRyxTQUFTLEdBQzVCLEdBQUcsS0FBSyxDQUFDO0lBRVYsSUFBSSxHQUFHLEdBQUcsR0FBRyxFQUFFO1FBQ2IsTUFBTSxJQUFJLEtBQUssQ0FBQyxvRUFBb0UsQ0FBQyxDQUFDO0tBQ3ZGO0lBRUQsTUFBTSxRQUFRLEdBQUcsQ0FDZixvQkFBQyxlQUFlO1FBQ2Qsb0JBQUMsZUFBZSxDQUFDLFNBQVMsSUFDeEIsTUFBTSxFQUFFLEtBQUssS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUN2RCxHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEtBQUssZ0JBQ0EsU0FBUyxHQUNyQixDQUNjLENBQ25CLENBQUM7SUFFRixJQUFJLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZixPQUFPLFFBQVEsQ0FBQztLQUNqQjtJQUVELE9BQU8sQ0FDTDtRQUNHLFFBQVE7UUFDVCxvQkFBQyxlQUFlLENBQUMsTUFBTSxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEdBQUksQ0FDckcsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUMsT0FBTyxHQUFHLENBQUM7QUFFcEYsV0FBVyxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQztBQUMzQyxXQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQyJ9

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

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