@aivenio/aquarium 2.0.0 → 2.1.1

package/dist/src/molecules/Drawer/Drawer.js

@@ -10,18 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { useOverlayTriggerState } from 'react-stately';
-import { useDialog } from '@react-aria/dialog';
-import { Overlay, useModalOverlay } from '@react-aria/overlays';
-import { useId } from '@react-aria/utils';
+import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
 import { animated, useSpring } from '@react-spring/web';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
 import { Box } from '../../../src/molecules/Box/Box';
 import { Button } from '../../../src/molecules/Button/Button';
 import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
+import { ModalTitle } from '../../../src/molecules/Modal/ModalTitle';
 import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, Tabs, } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
 import { tw } from '../../../src/utils/tailwind';
 import { isComponentType } from '../../../types/utils';
 import cross from '../../../src/icons/cross';
@@ -33,22 +31,17 @@ const WIDTHS = {
     md: 560,
     lg: 1080,
 };
-export const Drawer = (_a) => {
-    var { open, closeOnEsc = true } = _a, props = __rest(_a, ["open", "closeOnEsc"]);
-    const { onClose, size = 'sm', portalContainer } = props;
+export const Drawer = ({ open, onClose, size = 'sm', children, title, menu, menuAriaLabel, menuLabel, onMenuOpenChange, onAction, primaryAction, secondaryActions, closeOnEsc = true, }) => {
     /*
      * We need a local state to keep track of the drawer being open or not. This is needed
      * because the drawer is animated and we need to wait for the animation to finish before
      * removing it from the DOM.
      */
     const [hidden, setHidden] = React.useState(!open);
-    const ref = React.useRef(null);
-    const state = useOverlayTriggerState({ isOpen: !hidden, onOpenChange: (isOpen) => !isOpen && onClose() });
     // Check if drawer was opened and our local state is still false. If so, set it to true.
     if (open && hidden) {
         setHidden(!open);
     }
-    const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
     const { opacity, right } = useSpring({
         right: open ? '0px' : `-${WIDTHS[size]}px`,
         opacity: open ? 0.6 : 0,
@@ -63,54 +56,45 @@ export const Drawer = (_a) => {
             }
         },
     });
-    if (!state.isOpen) {
+    if (hidden) {
         return null;
     }
-    return (React.createElement(Overlay, { portalContainer: portalContainer },
-        React.createElement(BaseModal, { kind: "drawer", className: "Aquarium-Drawer overflow-x-hidden", open: true },
-            React.createElement(AnimatedBackDrop, Object.assign({ style: { opacity } }, underlayProps)),
-            React.createElement(DrawerWrapper, Object.assign({ ref: ref }, props, modalProps, { spring: { right } })))));
-};
-const DrawerWrapper = React.forwardRef((_a, ref) => {
-    var _b;
-    var { title, children, size = 'sm', primaryAction, secondaryActions, onClose, spring, onAction, menu, onMenuOpenChange, menuLabel, menuAriaLabel } = _a, props = __rest(_a, ["title", "children", "size", "primaryAction", "secondaryActions", "onClose", "spring", "onAction", "menu", "onMenuOpenChange", "menuLabel", "menuAriaLabel"]);
-    const labelledBy = useId();
-    const describedBy = useId();
-    /*
-     * useDialog() also returns 'titleProps', but it doesn't work correctly
-     * in this case because the title id is set to null after the second render.
-     * The problem (most likely) is somewhere in this component which causes
-     * it render twice when it is opened and that causes the useSlotId() hook
-     * in react-aria to think that the title is not rendered correctly.
-     */
-    const { dialogProps } = useDialog({ 'role': 'dialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
     // We'll use modal size 'full' when the drawer size is 'lg'.
     const dialogSize = size === 'lg' ? 'full' : size;
+    const styles = modalStyles({ kind: 'drawer', size: dialogSize });
+    // Try to detect tabs in the children.
     const childElements = React.Children.toArray(children).filter(React.isValidElement);
     const onlyChild = childElements.length === 1 ? childElements[0] : null;
     const hasTabs = isComponentType(onlyChild, Tabs);
-    return (React.createElement(AnimatedDialog, Object.assign({ ref: ref, kind: "drawer", "aria-modal": "true", size: dialogSize }, props, dialogProps, { style: { position: 'fixed', right: spring.right } }),
-        React.createElement(BaseModal.CloseButtonContainer, null,
-            React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: onClose })),
-        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': hasTabs }) },
-            React.createElement(BaseModal.Title, { id: labelledBy, kind: "drawer" }, title)),
-        hasTabs ? (React.createElement(DrawerTabs, Object.assign({}, onlyChild.props, { className: tw('[&>div:first-child]:px-5 grow flex flex-col overflow-y-auto') }))) : (React.createElement(BaseModal.Body, { id: describedBy, tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
-        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
-            React.createElement(BaseModal.Actions, { className: size === 'sm' ? tw('flex-col') : undefined },
-                size !== 'sm' && menu && (React.createElement(Box.Flex, { alignItems: "center" },
-                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
-                        React.createElement(DropdownMenu.Trigger, null,
-                            React.createElement(Button.Icon, { "aria-label": (_b = menuAriaLabel !== null && menuAriaLabel !== void 0 ? menuAriaLabel : menuLabel) !== null && _b !== void 0 ? _b : 'Context menu', icon: more })),
-                        menu))),
-                secondaryActions &&
-                    castArray(secondaryActions)
-                        .filter(Boolean)
-                        .map((_a) => {
-                        var { text } = _a, action = __rest(_a, ["text"]);
-                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                    }),
-                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
-});
+    return (React.createElement(AriaModalOverlay, { isOpen: !hidden, onOpenChange: (isOpen) => !isOpen && (onClose === null || onClose === void 0 ? void 0 : onClose()), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Drawer' }) },
+        React.createElement(AnimatedBackDrop, { style: { opacity } }),
+        React.createElement(AriaModal, null,
+            React.createElement(AnimatedDialog, { kind: "drawer", "aria-modal": "true", size: dialogSize, style: { position: 'fixed', right } },
+                React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => {
+                    var _a;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement(BaseModal.CloseButtonContainer, null,
+                            React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
+                        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': hasTabs }) },
+                            React.createElement(ModalTitle, { kind: "drawer" }, title)),
+                        hasTabs ? (React.createElement(DrawerTabs, Object.assign({}, onlyChild.props, { className: tw('[&>div:first-child]:px-5 grow flex flex-col overflow-y-auto') }))) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
+                        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
+                            React.createElement(BaseModal.Actions, { className: size === 'sm' ? tw('flex-col') : undefined },
+                                size !== 'sm' && menu && (React.createElement(Box.Flex, { alignItems: "center" },
+                                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
+                                        React.createElement(DropdownMenu.Trigger, null,
+                                            React.createElement(Button.Icon, { "aria-label": (_a = menuAriaLabel !== null && menuAriaLabel !== void 0 ? menuAriaLabel : menuLabel) !== null && _a !== void 0 ? _a : 'Context menu', icon: more })),
+                                        menu))),
+                                secondaryActions &&
+                                    castArray(secondaryActions)
+                                        .filter(Boolean)
+                                        .map((_a) => {
+                                        var { text } = _a, action = __rest(_a, ["text"]);
+                                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
+                                    }),
+                                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
+                })))));
+};
 const DrawerTabs = createTabsComponent(ModalTab, TabItem, 'DrawerTabs', (children, selected) => (React.createElement(BaseModal.Body, { className: tw('h-full') },
     React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFvQixTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sRUFFUCxJQUFJLEdBQ0wsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5RCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQWFsQyxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxFQUVQLElBQUksR0FDTCxNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5RCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVVsQyxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMs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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type TabProps, type TabsProps } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, type ModalSize } from '../../../src/atoms/Modal/Modal';
 import { type AsyncActionType } from '../../../types/ActionType';
 export declare type ModalProps = {
     /** Required title. */
@@ -19,17 +19,12 @@ export declare type ModalProps = {
     onClose: () => void;
     /** Component content. */
     children?: React.ComponentProps<typeof BaseModal.Body>['children'];
-    /** Optional size (width): sm, md, full */
-    size?: React.ComponentProps<typeof BaseModal.Dialog>['size'];
+    /** Optional size (width): sm, md, full, screen */
+    size?: ModalSize;
     /** Optional primary action. Maximum of one is allowed. */
     primaryAction?: AsyncActionType;
     /** Optional secondary actions. One or more can be provided. */
     secondaryActions?: AsyncActionType | AsyncActionType[];
-    /**
-     * The container element in which the overlay portal will be placed.
-     * @default document.body
-     */
-    portalContainer?: Element;
     /**
      * When true, modal can be closed using escape.
      * @default true

package/dist/src/molecules/Modal/Modal.js

@@ -10,64 +10,45 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { useDialog } from '@react-aria/dialog';
-import { Overlay, useModalOverlay } from '@react-aria/overlays';
-import { useId } from '@react-aria/utils';
-import { useOverlayTriggerState } from '@react-stately/overlays';
+import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
-import { Button, IconButton } from '../../../src/molecules/Button/Button';
+import { Button } from '../../../src/molecules/Button/Button';
 import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
 import { tw } from '../../../src/utils/tailwind';
 import { isComponentType } from '../../../types/utils';
 import cross from '../../../src/icons/cross';
-export const Modal = (_a) => {
-    var { closeOnEsc = true } = _a, props = __rest(_a, ["closeOnEsc"]);
-    const { open, onClose, size, portalContainer } = props;
-    const ref = React.useRef(null);
-    const state = useOverlayTriggerState({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
-    const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
-    if (!state.isOpen) {
+import { ModalTitle } from './ModalTitle';
+export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerImage, children, title, subtitle, primaryAction, secondaryActions, }) => {
+    if (!open) {
         return null;
     }
-    return (React.createElement(Overlay, { portalContainer: portalContainer },
-        React.createElement(BaseModal, { className: "Aquarium-Modal", open: true },
-            React.createElement(BaseModal.BackDrop, Object.assign({}, underlayProps)),
-            React.createElement(ModalWrapper, Object.assign({ ref: ref, size: size }, props, modalProps)))));
+    const styles = modalStyles({ kind: 'dialog', size });
+    const hasTabs = isComponentType(children, ModalTabs);
+    return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && (onClose === null || onClose === void 0 ? void 0 : onClose()), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
+        size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
+        React.createElement(AriaModal, { className: styles.dialog() },
+            React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => (React.createElement(React.Fragment, null,
+                React.createElement(BaseModal.CloseButtonContainer, null,
+                    React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
+                headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
+                React.createElement(BaseModal.Header, { kind: "dialog", size: size, className: tw({ 'pb-3': isComponentType(children, ModalTabs) }) },
+                    React.createElement(BaseModal.TitleContainer, null,
+                        React.createElement(ModalTitle, { kind: "dialog" }, title),
+                        subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
+                hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
+                (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
+                    React.createElement(BaseModal.Actions, null,
+                        secondaryActions &&
+                            castArray(secondaryActions)
+                                .filter(Boolean)
+                                .map((_a) => {
+                                var { text } = _a, action = __rest(_a, ["text"]);
+                                return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
+                            }),
+                        primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))))))));
 };
-const ModalWrapper = React.forwardRef((_a, ref) => {
-    var { title, subtitle, headerImage, primaryAction, secondaryActions, children, onClose } = _a, props = __rest(_a, ["title", "subtitle", "headerImage", "primaryAction", "secondaryActions", "children", "onClose"]);
-    const labelledBy = useId();
-    const describedBy = useId();
-    /*
-     * useDialog() also returns 'titleProps', but it doesn't work correctly
-     * in this case because the title id is set to null after the second render.
-     * The problem (most likely) is somewhere in this component which causes
-     * it render twice when it is opened and that causes the useSlotId() hook
-     * in react-aria to think that the title is not rendered correctly.
-     */
-    const { dialogProps } = useDialog({ 'role': 'dialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
-    return (React.createElement(BaseModal.Dialog, Object.assign({ ref: ref }, props, dialogProps, { tabIndex: -1 }),
-        React.createElement(BaseModal.CloseButtonContainer, null,
-            React.createElement(IconButton, { "aria-label": "Close", icon: cross, onClick: onClose })),
-        headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
-        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': isComponentType(children, ModalTabs) }) },
-            React.createElement(BaseModal.TitleContainer, null,
-                React.createElement(BaseModal.Title, { id: labelledBy }, title),
-                subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
-        isComponentType(children, ModalTabs) ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { id: describedBy, tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
-        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
-            React.createElement(BaseModal.Actions, null,
-                secondaryActions &&
-                    castArray(secondaryActions)
-                        .filter(Boolean)
-                        .map((_a) => {
-                        var { text } = _a, action = __rest(_a, ["text"]);
-                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                    }),
-                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
-});
 export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
     React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsUUFBUSxFQUNSLGlCQUFpQixFQUNqQixPQUFPLEdBSVIsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBK0NwQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBK0IsRUFBRSxFQUFFO1FBQW5DLEVBQUUsVUFBVSxHQUFHLElBQUksT0FBWSxFQUFQLEtBQUssY0FBN0IsY0FBK0IsQ0FBRjtJQUN2RSxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUVwQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBeUMxQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFDMUMsSUFBSSxFQUNKLE9BQU8sRUFDUCxVQUFVLEdBQUcsSUFBSSxFQUNqQixJQUFJLEdBQUcsSUFBSSxFQUNYLFdBQVcsRUFDWCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILElBQUksQ0FBQyxJQUFJLEVBQUU7UUFDVCxPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3JELE1BQU0sT0FBTyxHQUFHLGVBQWUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFFckQsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixJQUNmLE1BQU0sRUFBRSxJQUFJLEVBQ1osWUFBWSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sS0FBSSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLEVBQUksQ0FBQSxFQUNoRCxhQUFhLEVBQUUsS0FBSyxFQUNwQix5QkFBeUIsRUFBRSxDQUFDLFVBQVUsRUFDdEMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztRQUV6RCxJQUFJLEtBQUssUUFBUSxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxRQUFRLElBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsR0FBSTtRQUMxRSxvQkFBQyxTQUFTLElBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQUU7WUFDbkMsb0JBQUMsVUFBVSxJQUFDLFNBQVMsRUFBQyxvQ0FBb0MsSUFDdkQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNkO2dCQUNFLG9CQUFDLFNBQVMsQ0FBQyxvQkFBb0I7b0JBQzdCLG9CQUFDLE1BQU0sQ0FBQyxJQUFJLGtCQUFZLE9BQU8sRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEdBQUksQ0FDaEM7Z0JBRWhDLFdBQVcsS0FBSyxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLFdBQVcsSUFBQyxlQUFlLEVBQUUsV0FBVyxHQUFJO2dCQUVyRixvQkFBQyxTQUFTLENBQUMsTUFBTSxJQUNmLElBQUksRUFBQyxRQUFRLEVBQ2IsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLGVBQWUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLEVBQUUsQ0FBQztvQkFFL0Qsb0JBQUMsU0FBUyxDQUFDLGNBQWM7d0JBQ3ZCLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUMsUUFBUSxJQUFFLEtBQUssQ0FBYzt3QkFDN0MsUUFBUSxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUFzQixDQUN2QyxDQUNWO2dCQUVsQixPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1QsS0FBSyxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLEVBQUUsQ0FBQyxDQUNqRixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsUUFBUSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUN4RSxRQUFRLENBQ00sQ0FDbEI7Z0JBQ0EsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxTQUFTLENBQUMsTUFBTTtvQkFDZixvQkFBQyxTQUFTLENBQUMsT0FBTzt3QkFDZixnQkFBZ0I7NEJBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO2lDQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO2lDQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTtvQ0FBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7Z0NBQU8sT0FBQSxDQUM1QixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDcEMsSUFBSSxDQUNZLENBQ3BCLENBQUE7NkJBQUEsQ0FBQzt3QkFDTCxhQUFhLElBQUksQ0FDaEIsb0JBQUMsTUFBTSxDQUFDLE9BQU8sa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDckUsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNsQixDQUNpQixDQUNILENBQ3BCLENBQ0EsQ0FDSixDQUNVLENBQ0gsQ0FDSyxDQUNwQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLG1CQUFtQixDQUMxQyxRQUFRLEVBQ1IsT0FBTyxFQUNQLFdBQVcsRUFDWCxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUM3QixvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUztJQUN4QyxvQkFBQyxpQkFBaUIsUUFDZixRQUFRLENBQUMsSUFBSSxDQUNaLENBQUMsSUFBOEMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUN4RCxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUMsS0FBSyxNQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssUUFBUSxDQUN2RCxDQUNpQixDQUNMLENBQ2xCLENBQ0YsQ0FBQyJ9

package/dist/src/molecules/Modal/ModalTitle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+declare type ModalTitleProps = React.ComponentProps<typeof BaseModal.Title>;
+export declare const ModalTitle: ({ children, ...props }: ModalTitleProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/Modal/ModalTitle.js

@@ -0,0 +1,20 @@
+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 { HeadingContext, useContextProps } from 'react-aria-components';
+import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+export const ModalTitle = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [ctxProps] = useContextProps(Object.assign(Object.assign({}, props), { slot: 'title' }), null, HeadingContext);
+    return (React.createElement(BaseModal.Title, Object.assign({ id: ctxProps.id }, props), children));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxUaXRsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTW9kYWwvTW9kYWxUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RSxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBSTNELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQXVDLEVBQUUsRUFBRTtRQUEzQyxFQUFFLFFBQVEsT0FBNkIsRUFBeEIsS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQzdDLE1BQU0sQ0FBQyxRQUFRLENBQUMsR0FBRyxlQUFlLGlDQUFNLEtBQUssS0FBRSxJQUFJLEVBQUUsT0FBTyxLQUFJLElBQUksRUFBRSxjQUFjLENBQUMsQ0FBQztJQUN0RixPQUFPLENBQ0wsb0JBQUMsU0FBUyxDQUFDLEtBQUssa0JBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxFQUFFLElBQU0sS0FBSyxHQUN4QyxRQUFRLENBQ08sQ0FDbkIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

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

@@ -32,7 +32,7 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
             React.createElement(Button.Icon, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
             React.createElement(Box, { paddingX: "4" },
                 React.createElement(Typography.Small, { color: "default" }, "Page")),
-            React.createElement(InputBase, { "aria-label": "Page", 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 }) => {
+            React.createElement(InputBase, { "aria-label": "Page", className: classNames(tw('text-center'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
                     if (key === 'Enter') {
                         currentTarget.blur();
                     }
@@ -49,4 +49,4 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
             React.createElement(Button.Icon, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
         pageSizes && React.createElement("div", null)));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQVlsRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDcEQsV0FBVyxFQUNYLFVBQVUsRUFDVixRQUFRLEVBQ1IsV0FBVyxFQUNYLGVBQWUsRUFDZixZQUFZLEVBQ1osU0FBUyxFQUNULGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWtCLFdBQVcsQ0FBQyxDQUFDO0lBRXZFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QixDQUFDLEVBQUUsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQVlsRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDcEQsV0FBVyxFQUNYLFVBQVUsRUFDVixRQUFRLEVBQ1IsV0FBVyxFQUNYLGVBQWUsRUFDZixZQUFZLEVBQ1osU0FBUyxFQUNULGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWtCLFdBQVcsQ0FBQyxDQUFDO0lBRXZFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QixDQUFDLEVBQUUsQ0FB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

package/dist/styles.css

@@ -1077,6 +1077,9 @@ input[type='number'].no-arrows {
 .mb-5{
   margin-bottom: 16px;
 }
+.mb-6{
+  margin-bottom: 24px;
+}
 .mb-\[-20px\]{
   margin-bottom: -20px;
 }
@@ -1260,6 +1263,9 @@ input[type='number'].no-arrows {
 .h-auto{
   height: auto;
 }
+.h-dvh{
+  height: 100dvh;
+}
 .h-full{
   height: 100%;
 }
@@ -1335,6 +1341,9 @@ input[type='number'].no-arrows {
 .w-auto{
   width: auto;
 }
+.w-dvw{
+  width: 100dvw;
+}
 .w-full{
   width: 100%;
 }
@@ -1362,9 +1371,6 @@ input[type='number'].no-arrows {
 .max-w-\[320px\]{
   max-width: 320px;
 }
-.max-w-\[40px\]{
-  max-width: 40px;
-}
 .max-w-\[600px\]{
   max-width: 600px;
 }
@@ -1669,6 +1675,10 @@ input[type='number'].no-arrows {
   border-radius: 9999px;
   border-radius: var(--aquarium-border-radius-full);
 }
+.rounded-none{
+  border-radius: 0px;
+  border-radius: var(--aquarium-border-radius-none);
+}
 .rounded-sm{
   border-radius: 0.125rem;
   border-radius: var(--aquarium-border-radius-sm);
@@ -2761,6 +2771,10 @@ input[type='number'].no-arrows {
   padding-left: 24px;
   padding-right: 24px;
 }
+.py-0{
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
 .py-1{
   padding-top: 2px;
   padding-bottom: 2px;