@doist/reactist 28.3.2 → 28.5.0

package/lib/modal/modal.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { DialogOptions, PortalOptions } from '@ariakit/react';
 import { IconButtonProps } from '../button';
 import type { ObfuscatedClassName } from '../utils/common-types';
+import type { DividerProps } from '../divider';
 type ModalWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'full';
 type ModalHeightMode = 'expand' | 'fitContent';
 type DivProps = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'className' | 'children' | `aria-label` | `aria-labelledby`>;
@@ -39,6 +40,10 @@ export interface ModalProps extends DivProps, ObfuscatedClassName {
      * the inner layout to ensure scroll, or whatever other strategy you may want.
      */
     height?: ModalHeightMode;
+    /**
+     * The weight to apply to all dividers rendered inside the modal.
+     */
+    dividers?: DividerProps['weight'];
     /**
      * Whether to set or not the focus initially to the first focusable element inside the modal.
      */
@@ -95,7 +100,7 @@ export interface ModalProps extends DivProps, ObfuscatedClassName {
  * @see ModalFooter
  * @see ModalBody
  */
-export declare function Modal({ isOpen, onDismiss, height, width, exceptionallySetClassName, exceptionallySetOverlayClassName, autoFocus, hideOnEscape, hideOnInteractOutside, children, portalElement, onKeyDown, className, ...props }: ModalProps): React.JSX.Element | null;
+export declare function Modal({ isOpen, onDismiss, height, dividers, width, exceptionallySetClassName, exceptionallySetOverlayClassName, autoFocus, hideOnEscape, hideOnInteractOutside, children, portalElement, onKeyDown, className, ...props }: ModalProps): React.JSX.Element | null;
 export interface ModalCloseButtonProps extends Omit<IconButtonProps, 'type' | 'variant' | 'icon' | 'disabled' | 'loading' | 'tabIndex' | 'ref'> {
     /**
      * The descriptive label of the button.

package/lib/modal/modal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("classnames"),n=require("react-focus-lock"),r=require("aria-hidden"),l=require("@ariakit/react"),o=require("../icons/close-icon.js"),i=require("../columns/columns.js"),c=require("../inline/inline.js"),u=require("../divider/divider.js"),s=require("../box/box.js"),d=require("../button/button.js"),m=require("./modal.module.css.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,t}var h=f(t),b=p(a),x=p(n);const g=["isOpen","onDismiss","height","width","exceptionallySetClassName","exceptionallySetOverlayClassName","autoFocus","hideOnEscape","hideOnInteractOutside","children","portalElement","onKeyDown","className"],E=["children","button","withDivider","exceptionallySetClassName"],v=["exceptionallySetClassName","children"],y=["exceptionallySetClassName","withDivider"],j=["children"],C=h.createContext({onDismiss:void 0,height:"fitContent"});function S(e){return!(e.ownerDocument===document&&"iframe"===e.tagName.toLowerCase())}function O(t){const{onDismiss:a}=h.useContext(C),[n,r]=h.useState(!1),[l,i]=h.useState(!1);return h.useEffect((function(){l?r(!0):i(!0)}),[l]),h.createElement(d.IconButton,e.objectSpread2(e.objectSpread2({},t),{},{variant:"quaternary",onClick:a,icon:h.createElement(o.CloseIcon,null),tabIndex:n?0:-1}))}const w=t.forwardRef((function(t,a){let{exceptionallySetClassName:n,children:r}=t,l=e.objectWithoutProperties(t,v);const{height:o}=h.useContext(C);return h.createElement(s.Box,e.objectSpread2(e.objectSpread2({},l),{},{ref:a,className:n,flexGrow:"expand"===o?1:0,height:"expand"===o?"full":void 0,overflow:"auto"}),h.createElement(s.Box,{padding:"large",paddingBottom:"xxlarge"},r))}));function D(t){let{exceptionallySetClassName:a,withDivider:n=!1}=t,r=e.objectWithoutProperties(t,y);return h.createElement(h.Fragment,null,n?h.createElement(u.Divider,null):null,h.createElement(s.Box,e.objectSpread2(e.objectSpread2({as:"footer"},r),{},{className:a,padding:"large"})))}exports.Modal=function(t){let{isOpen:a,onDismiss:n,height:o="fitContent",width:i="medium",exceptionallySetClassName:c,exceptionallySetOverlayClassName:u,autoFocus:d=!0,hideOnEscape:p=!0,hideOnInteractOutside:f=!0,children:E,portalElement:v,onKeyDown:y}=t,j=e.objectWithoutProperties(t,g);const O=h.useCallback(e=>{e||null==n||n()},[n]),w=l.useDialogStore({open:a,setOpen:O}),D=h.useMemo(()=>({onDismiss:n,height:o}),[n,o]),N=h.useRef(null),P=h.useRef(null),q=h.useRef(null),B=h.useCallback(e=>{var t,a;null!=(t=P.current)&&t.contains(e.target)||null==(a=q.current)||!a.contains(e.target)||(e.stopPropagation(),null==n||n())},[n]);h.useLayoutEffect((function(){if(a&&N.current)return r.hideOthers(N.current)}),[a]);const F=h.useCallback((function(e){p&&null!=n&&"Escape"===e.key&&!e.defaultPrevented&&(e.stopPropagation(),n()),null==y||y(e)}),[n,p,y]);return a?h.createElement(l.Portal,{portalRef:N,portalElement:v},h.createElement(s.Box,{"data-testid":"modal-overlay","data-overlay":!0,className:b.default(m.default.overlay,m.default[o],m.default[i],u),onPointerDown:f?B:void 0,ref:q},h.createElement(x.default,{autoFocus:d,whiteList:S,returnFocus:!0,crossFrame:!1},h.createElement(l.Dialog,e.objectSpread2(e.objectSpread2({},j),{},{ref:P,render:h.createElement(s.Box,{borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===o?"full":void 0,flexGrow:"expand"===o?1:0}),className:b.default(c,m.default.container),store:w,preventBodyScroll:!0,modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,hideOnEscape:!1,onKeyDown:F}),h.createElement(C.Provider,{value:D},E))))):null},exports.ModalActions=function(t){let{children:a}=t,n=e.objectWithoutProperties(t,j);return h.createElement(D,e.objectSpread2({},n),h.createElement(c.Inline,{align:"right",space:"large"},a))},exports.ModalBody=w,exports.ModalCloseButton=O,exports.ModalFooter=D,exports.ModalHeader=function(t){let{children:a,button:n=!0,withDivider:r=!1,exceptionallySetClassName:l}=t,o=e.objectWithoutProperties(t,E);return h.createElement(h.Fragment,null,h.createElement(s.Box,e.objectSpread2(e.objectSpread2({},o),{},{as:"header",paddingLeft:"large",paddingRight:!1===n||null===n?"large":"small",paddingY:"small",className:l}),h.createElement(i.Columns,{space:"large",alignY:"center"},h.createElement(i.Column,{width:"auto"},a),!1===n||null===n?h.createElement("div",{className:m.default.headerContent}):h.createElement(i.Column,{width:"content",exceptionallySetClassName:m.default.buttonContainer,"data-testid":"button-container"},"boolean"==typeof n?h.createElement(O,{"aria-label":"Close modal",autoFocus:!1}):n))),r?h.createElement(u.Divider,null):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("classnames"),a=require("react-focus-lock"),r=require("aria-hidden"),o=require("@ariakit/react"),l=require("../icons/close-icon.js"),i=require("../columns/columns.js"),s=require("../inline/inline.js"),c=require("../divider/divider.js"),u=require("../box/box.js"),d=require("../button/button.js"),m=require("./modal.module.css.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,t}var h=f(t),x=p(n),b=p(a);const g=["isOpen","onDismiss","height","dividers","width","exceptionallySetClassName","exceptionallySetOverlayClassName","autoFocus","hideOnEscape","hideOnInteractOutside","children","portalElement","onKeyDown","className"],v=["children","button","withDivider","exceptionallySetClassName"],E=["exceptionallySetClassName","children"],y=["exceptionallySetClassName","withDivider"],C=["children"],j=h.createContext({onDismiss:void 0,height:"fitContent",dividers:void 0});function S(e){return!(e.ownerDocument===document&&"iframe"===e.tagName.toLowerCase())}function w(t){const{onDismiss:n}=h.useContext(j),[a,r]=h.useState(!1),[o,i]=h.useState(!1);return h.useEffect((function(){o?r(!0):i(!0)}),[o]),h.createElement(d.IconButton,e.objectSpread2(e.objectSpread2({},t),{},{variant:"quaternary",onClick:n,icon:h.createElement(l.CloseIcon,null),tabIndex:a?0:-1}))}const O=t.forwardRef((function(t,n){let{exceptionallySetClassName:a,children:r}=t,o=e.objectWithoutProperties(t,E);const{height:l}=h.useContext(j);return h.createElement(u.Box,e.objectSpread2(e.objectSpread2({},o),{},{ref:n,className:a,flexGrow:"expand"===l?1:0,height:"expand"===l?"full":void 0,overflow:"auto"}),h.createElement(u.Box,{padding:"large",paddingBottom:"xxlarge"},r))}));function D(t){let{exceptionallySetClassName:n,withDivider:a=!1}=t,r=e.objectWithoutProperties(t,y);const{dividers:o}=h.useContext(j);return h.createElement(h.Fragment,null,a?h.createElement(c.Divider,{weight:o}):null,h.createElement(u.Box,e.objectSpread2(e.objectSpread2({as:"footer"},r),{},{className:n,padding:"large"})))}exports.Modal=function(t){let{isOpen:n,onDismiss:a,height:l="fitContent",dividers:i,width:s="medium",exceptionallySetClassName:c,exceptionallySetOverlayClassName:d,autoFocus:p=!0,hideOnEscape:f=!0,hideOnInteractOutside:v=!0,children:E,portalElement:y,onKeyDown:C}=t,w=e.objectWithoutProperties(t,g);const O=h.useCallback(e=>{e||null==a||a()},[a]),D=o.useDialogStore({open:n,setOpen:O}),N=h.useMemo(()=>({onDismiss:a,height:l,dividers:i}),[a,l,i]),P=h.useRef(null),q=h.useRef(null),B=h.useRef(null),F=h.useCallback(e=>{var t,n;null!=(t=q.current)&&t.contains(e.target)||null==(n=B.current)||!n.contains(e.target)||(e.stopPropagation(),null==a||a())},[a]);h.useLayoutEffect((function(){if(n&&P.current)return r.hideOthers(P.current)}),[n]);const k=h.useCallback((function(e){f&&null!=a&&"Escape"===e.key&&!e.defaultPrevented&&(e.stopPropagation(),a()),null==C||C(e)}),[a,f,C]);return n?h.createElement(o.Portal,{portalRef:P,portalElement:y},h.createElement(u.Box,{"data-testid":"modal-overlay","data-overlay":!0,className:x.default(m.default.overlay,m.default[l],m.default[s],d),onPointerDown:v?F:void 0,ref:B},h.createElement(b.default,{autoFocus:p,whiteList:S,returnFocus:!0,crossFrame:!1},h.createElement(o.Dialog,e.objectSpread2(e.objectSpread2({},w),{},{ref:q,render:h.createElement(u.Box,{borderRadius:"full",background:"default",display:"flex",flexDirection:"column",overflow:"hidden",height:"expand"===l?"full":void 0,flexGrow:"expand"===l?1:0}),className:x.default(c,m.default.container),store:D,preventBodyScroll:!0,modal:!1,autoFocus:!1,autoFocusOnShow:!1,autoFocusOnHide:!1,portal:!1,backdrop:!1,hideOnInteractOutside:!1,hideOnEscape:!1,onKeyDown:k}),h.createElement(j.Provider,{value:N},E))))):null},exports.ModalActions=function(t){let{children:n}=t,a=e.objectWithoutProperties(t,C);return h.createElement(D,e.objectSpread2({},a),h.createElement(s.Inline,{align:"right",space:"large"},n))},exports.ModalBody=O,exports.ModalCloseButton=w,exports.ModalFooter=D,exports.ModalHeader=function(t){let{children:n,button:a=!0,withDivider:r=!1,exceptionallySetClassName:o}=t,l=e.objectWithoutProperties(t,v);const{dividers:s}=h.useContext(j);return h.createElement(h.Fragment,null,h.createElement(u.Box,e.objectSpread2(e.objectSpread2({},l),{},{as:"header",paddingLeft:"large",paddingRight:!1===a||null===a?"large":"small",paddingY:"small",className:o}),h.createElement(i.Columns,{space:"large",alignY:"center"},h.createElement(i.Column,{width:"auto"},n),!1===a||null===a?h.createElement("div",{className:m.default.headerContent}):h.createElement(i.Column,{width:"content",exceptionallySetClassName:m.default.buttonContainer,"data-testid":"button-container"},"boolean"==typeof a?h.createElement(w,{"aria-label":"Close modal",autoFocus:!1}):a))),r?h.createElement(c.Divider,{weight:s}):null)};
 //# sourceMappingURL=modal.js.map

package/lib/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport FocusLock from 'react-focus-lock'\nimport { hideOthers } from 'aria-hidden'\n\nimport { Dialog, DialogOptions, useDialogStore, Portal, PortalOptions } from '@ariakit/react'\n\nimport { CloseIcon } from '../icons/close-icon'\nimport { Column, Columns } from '../columns'\nimport { Inline } from '../inline'\nimport { Divider } from '../divider'\nimport { Box } from '../box'\nimport { IconButtonProps, IconButton } from '../button'\n\nimport styles from './modal.module.css'\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport { forwardRef } from 'react'\n\ntype ModalWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'full'\ntype ModalHeightMode = 'expand' | 'fitContent'\n\n//\n// ModalContext\n//\n\ntype ModalContextValue = {\n    onDismiss?(this: void): void\n    height: ModalHeightMode\n}\n\nconst ModalContext = React.createContext<ModalContextValue>({\n    onDismiss: undefined,\n    height: 'fitContent',\n})\n\n//\n// Modal container\n//\n\ntype DivProps = Omit<\n    React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n    'className' | 'children' | `aria-label` | `aria-labelledby`\n>\n\nexport interface ModalProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the modal.\n     */\n    children: React.ReactNode\n\n    /**\n     * Whether the modal is open and visible or not.\n     */\n    isOpen: boolean\n\n    /**\n     * Called when the user triggers closing the modal.\n     */\n    onDismiss?(): void\n\n    /**\n     * A descriptive setting for how wide the modal should aim to be, depending on how much space\n     * it has on screen.\n     * @default 'medium'\n     */\n    width?: ModalWidth\n\n    /**\n     * A descriptive setting for how tall the modal should aim to be.\n     *\n     * - 'expand': the modal aims to fill most of the available screen height, leaving only a small\n     *   padding above and below.\n     * - 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n     *\n     * In either case, if content does not fit, the content of the main body is set to scroll\n     * (provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\n     * viewport boundaries.\n     *\n     * If you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\n     * the inner layout to ensure scroll, or whatever other strategy you may want.\n     */\n    height?: ModalHeightMode\n\n    /**\n     * Whether to set or not the focus initially to the first focusable element inside the modal.\n     */\n    autoFocus?: boolean\n\n    /**\n     * Controls if the modal is dismissed when pressing \"Escape\".\n     */\n    hideOnEscape?: DialogOptions['hideOnEscape']\n\n    /**\n     * Controls if the modal is dismissed when clicking outside the modal body, on the overlay.\n     */\n    hideOnInteractOutside?: DialogOptions['hideOnInteractOutside']\n\n    /**\n     * An escape hatch in case you need to provide a custom class name to the overlay element.\n     */\n    exceptionallySetOverlayClassName?: string\n\n    /**\n     * Defines a string value that labels the current modal for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current modal for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * An HTML element or a memoized callback function that returns an HTML element to be used as\n     * the portal element. By default, the portal element will be a `div` element appended to the\n     * `document.body`.\n     *\n     * @default HTMLDivElement\n     *\n     * @example\n     * const [portal, setPortal] = useState(null);\n     * <Portal portalElement={portal} />;\n     * <div ref={setPortal} />;\n     *\n     * @example\n     * const getPortalElement = useCallback(() => {\n     *   const div = document.createElement(\"div\");\n     *   const portalRoot = document.getElementById(\"portal-root\");\n     *   portalRoot.appendChild(div);\n     *   return div;\n     * }, []);\n     * <Portal portalElement={getPortalElement} />;\n     */\n    portalElement?: PortalOptions['portalElement']\n}\n\nfunction isNotInternalFrame(element: HTMLElement) {\n    return !(element.ownerDocument === document && element.tagName.toLowerCase() === 'iframe')\n}\n\n/**\n * Renders a modal that sits on top of the rest of the content in the entire page.\n *\n * Follows the WAI-ARIA Dialog (Modal) Pattern.\n *\n * @see ModalHeader\n * @see ModalFooter\n * @see ModalBody\n */\nexport function Modal({\n    isOpen,\n    onDismiss,\n    height = 'fitContent',\n    width = 'medium',\n    exceptionallySetClassName,\n    exceptionallySetOverlayClassName,\n    autoFocus = true,\n    hideOnEscape = true,\n    hideOnInteractOutside = true,\n    children,\n    portalElement,\n    onKeyDown,\n    // @ts-expect-error we want to make sure to not pass it to the Dialog component\n    className,\n    ...props\n}: ModalProps) {\n    const setOpen = React.useCallback(\n        (visible: boolean) => {\n            if (!visible) {\n                onDismiss?.()\n            }\n        },\n        [onDismiss],\n    )\n    const store = useDialogStore({ open: isOpen, setOpen })\n\n    const contextValue: ModalContextValue = React.useMemo(() => ({ onDismiss, height }), [\n        onDismiss,\n        height,\n    ])\n\n    const portalRef = React.useRef<HTMLElement | null>(null)\n    const dialogRef = React.useRef<HTMLDivElement | null>(null)\n    const backdropRef = React.useRef<HTMLDivElement | null>(null)\n    const handleBackdropClick = React.useCallback(\n        (event: React.MouseEvent) => {\n            if (\n                // The focus lock element takes up the same space as the backdrop and is where the event bubbles up from,\n                // so instead of checking the backdrop as the event target, we need to make sure it's just above the dialog\n                !dialogRef.current?.contains(event.target as Node) &&\n                // Events fired from other portals will bubble up to the backdrop, even if it isn't a child in the DOM\n                backdropRef.current?.contains(event.target as Node)\n            ) {\n                event.stopPropagation()\n                onDismiss?.()\n            }\n        },\n        [onDismiss],\n    )\n\n    React.useLayoutEffect(\n        function disableAccessibilityTreeOutside() {\n            if (!isOpen || !portalRef.current) {\n                return\n            }\n\n            return hideOthers(portalRef.current)\n        },\n        [isOpen],\n    )\n\n    const handleKeyDown = React.useCallback(\n        function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n            if (\n                hideOnEscape &&\n                onDismiss != null &&\n                event.key === 'Escape' &&\n                !event.defaultPrevented\n            ) {\n                event.stopPropagation()\n                onDismiss()\n            }\n            onKeyDown?.(event)\n        },\n        [onDismiss, hideOnEscape, onKeyDown],\n    )\n\n    if (!isOpen) {\n        return null\n    }\n\n    return (\n        <Portal portalRef={portalRef} portalElement={portalElement}>\n            <Box\n                data-testid=\"modal-overlay\"\n                data-overlay\n                className={classNames(\n                    styles.overlay,\n                    styles[height],\n                    styles[width],\n                    exceptionallySetOverlayClassName,\n                )}\n                /**\n                 * We're using `onPointerDown` instead of `onClick` to prevent the modal from\n                 * closing when the click starts inside the modal and ends on the backdrop.\n                 */\n                onPointerDown={hideOnInteractOutside ? handleBackdropClick : undefined}\n                ref={backdropRef}\n            >\n                <FocusLock\n                    autoFocus={autoFocus}\n                    whiteList={isNotInternalFrame}\n                    returnFocus={true}\n                    crossFrame={false}\n                >\n                    <Dialog\n                        {...props}\n                        ref={dialogRef}\n                        render={\n                            <Box\n                                borderRadius=\"full\"\n                                background=\"default\"\n                                display=\"flex\"\n                                flexDirection=\"column\"\n                                overflow=\"hidden\"\n                                height={height === 'expand' ? 'full' : undefined}\n                                flexGrow={height === 'expand' ? 1 : 0}\n                            />\n                        }\n                        className={classNames(exceptionallySetClassName, styles.container)}\n                        store={store}\n                        preventBodyScroll\n                        // Disable focus lock as we set up our own using ReactFocusLock\n                        modal={false}\n                        autoFocus={false}\n                        autoFocusOnShow={false}\n                        autoFocusOnHide={false}\n                        // Disable portal and backdrop as we control their markup\n                        portal={false}\n                        backdrop={false}\n                        hideOnInteractOutside={false}\n                        hideOnEscape={false}\n                        onKeyDown={handleKeyDown}\n                    >\n                        <ModalContext.Provider value={contextValue}>\n                            {children}\n                        </ModalContext.Provider>\n                    </Dialog>\n                </FocusLock>\n            </Box>\n        </Portal>\n    )\n}\n\n//\n// ModalCloseButton\n//\n\nexport interface ModalCloseButtonProps\n    extends Omit<\n        IconButtonProps,\n        'type' | 'variant' | 'icon' | 'disabled' | 'loading' | 'tabIndex' | 'ref'\n    > {\n    /**\n     * The descriptive label of the button.\n     */\n    'aria-label': string\n}\n\n/**\n * The close button rendered by ModalHeader. Provided independently so that consumers can customize\n * the button's label.\n *\n * @see ModalHeader\n */\nexport function ModalCloseButton(props: ModalCloseButtonProps) {\n    const { onDismiss } = React.useContext(ModalContext)\n    const [includeInTabOrder, setIncludeInTabOrder] = React.useState(false)\n    const [isMounted, setIsMounted] = React.useState(false)\n\n    React.useEffect(\n        function skipAutoFocus() {\n            if (isMounted) {\n                setIncludeInTabOrder(true)\n            } else {\n                setIsMounted(true)\n            }\n        },\n        [isMounted],\n    )\n\n    return (\n        <IconButton\n            {...props}\n            variant=\"quaternary\"\n            onClick={onDismiss}\n            icon={<CloseIcon />}\n            tabIndex={includeInTabOrder ? 0 : -1}\n        />\n    )\n}\n\n//\n// ModalHeader\n//\n\nexport interface ModalHeaderProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the header.\n     */\n    children: React.ReactNode\n\n    /**\n     * Allows to provide a custom button element, or to omit the close button if set to false.\n     * @see ModalCloseButton\n     */\n    button?: React.ReactNode | boolean\n\n    /**\n     * Whether to render a divider line below the header.\n     * @default false\n     */\n    withDivider?: boolean\n}\n\n/**\n * Renders a standard modal header area with an optional close button.\n *\n * @see Modal\n * @see ModalFooter\n * @see ModalBody\n */\nexport function ModalHeader({\n    children,\n    button = true,\n    withDivider = false,\n    exceptionallySetClassName,\n    ...props\n}: ModalHeaderProps) {\n    return (\n        <>\n            <Box\n                {...props}\n                as=\"header\"\n                paddingLeft=\"large\"\n                paddingRight={button === false || button === null ? 'large' : 'small'}\n                paddingY=\"small\"\n                className={exceptionallySetClassName}\n            >\n                <Columns space=\"large\" alignY=\"center\">\n                    <Column width=\"auto\">{children}</Column>\n                    {button === false || button === null ? (\n                        <div className={styles.headerContent} />\n                    ) : (\n                        <Column\n                            width=\"content\"\n                            exceptionallySetClassName={styles.buttonContainer}\n                            data-testid=\"button-container\"\n                        >\n                            {typeof button === 'boolean' ? (\n                                <ModalCloseButton aria-label=\"Close modal\" autoFocus={false} />\n                            ) : (\n                                button\n                            )}\n                        </Column>\n                    )}\n                </Columns>\n            </Box>\n            {withDivider ? <Divider /> : null}\n        </>\n    )\n}\n\n//\n// ModalBody\n//\n\nexport interface ModalBodyProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the modal body.\n     */\n    children: React.ReactNode\n}\n\n/**\n * Renders the body of a modal.\n *\n * Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\n * things, that the content of the modal body expands or contracts depending on the modal height\n * setting or the size of the content. The body content also automatically scrolls when it's too\n * large to fit the available space.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalFooter\n */\nexport const ModalBody = forwardRef<HTMLDivElement, ModalBodyProps>(function ModalBody(\n    { exceptionallySetClassName, children, ...props },\n    ref,\n) {\n    const { height } = React.useContext(ModalContext)\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            className={exceptionallySetClassName}\n            flexGrow={height === 'expand' ? 1 : 0}\n            height={height === 'expand' ? 'full' : undefined}\n            overflow=\"auto\"\n        >\n            <Box padding=\"large\" paddingBottom=\"xxlarge\">\n                {children}\n            </Box>\n        </Box>\n    )\n})\n\n//\n// ModalFooter\n//\n\nexport interface ModalFooterProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The contant of the modal footer.\n     */\n    children: React.ReactNode\n    /**\n     * Whether to render a divider line below the footer.\n     * @default false\n     */\n    withDivider?: boolean\n}\n\n/**\n * Renders a standard modal footer area.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalBody\n */\nexport function ModalFooter({\n    exceptionallySetClassName,\n    withDivider = false,\n    ...props\n}: ModalFooterProps) {\n    return (\n        <>\n            {withDivider ? <Divider /> : null}\n            <Box as=\"footer\" {...props} className={exceptionallySetClassName} padding=\"large\" />\n        </>\n    )\n}\n\n//\n// ModalActions\n//\n\nexport type ModalActionsProps = ModalFooterProps\n\n/**\n * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).\n * @see ModalFooter\n */\nexport function ModalActions({ children, ...props }: ModalActionsProps) {\n    return (\n        <ModalFooter {...props}>\n            <Inline align=\"right\" space=\"large\">\n                {children}\n            </Inline>\n        </ModalFooter>\n    )\n}\n"],"names":["ModalContext","React","createContext","onDismiss","undefined","height","isNotInternalFrame","element","ownerDocument","document","tagName","toLowerCase","ModalCloseButton","props","useContext","includeInTabOrder","setIncludeInTabOrder","useState","isMounted","setIsMounted","useEffect","createElement","IconButton","variant","onClick","icon","CloseIcon","tabIndex","ModalBody","forwardRef","ref","exceptionallySetClassName","children","_ref3","_objectWithoutProperties","objectWithoutProperties","_excluded3","Box","className","flexGrow","overflow","padding","paddingBottom","ModalFooter","_ref4","withDivider","_excluded4","Fragment","Divider","_objectSpread","objectSpread2","as","_ref","isOpen","width","exceptionallySetOverlayClassName","autoFocus","hideOnEscape","hideOnInteractOutside","portalElement","onKeyDown","_excluded","setOpen","useCallback","visible","store","useDialogStore","open","contextValue","useMemo","portalRef","useRef","dialogRef","backdropRef","handleBackdropClick","event","_dialogRef$current","_backdropRef$current","current","contains","target","stopPropagation","useLayoutEffect","hideOthers","handleKeyDown","key","defaultPrevented","Portal","data-overlay","classNames","styles","overlay","onPointerDown","FocusLock","whiteList","returnFocus","crossFrame","Dialog","render","borderRadius","background","display","flexDirection","container","preventBodyScroll","modal","autoFocusOnShow","autoFocusOnHide","portal","backdrop","Provider","value","_ref5","_excluded5","Inline","align","space","_ref2","button","_excluded2","paddingLeft","paddingRight","paddingY","Columns","alignY","Column","headerContent","buttonContainer","data-testid","aria-label"],"mappings":"stCA8BMA,EAAeC,EAAMC,cAAiC,CACxDC,eAAWC,EACXC,OAAQ,eAyGZ,SAASC,EAAmBC,GACxB,QAASA,EAAQC,gBAAkBC,UAA8C,WAAlCF,EAAQG,QAAQC,eAkL7D,SAAUC,EAAiBC,GAC7B,MAAMV,UAAEA,GAAcF,EAAMa,WAAWd,IAChCe,EAAmBC,GAAwBf,EAAMgB,UAAS,IAC1DC,EAAWC,GAAgBlB,EAAMgB,UAAS,GAajD,OAXAhB,EAAMmB,WACF,WACQF,EACAF,GAAqB,GAErBG,GAAa,KAGrB,CAACD,IAIDjB,EAAAoB,cAACC,gDACOT,GADR,GAAA,CAEIU,QAAQ,aACRC,QAASrB,EACTsB,KAAMxB,EAAAoB,cAACK,EAAAA,UAAS,MAChBC,SAAUZ,EAAoB,GAAK,KAmGxC,MAAMa,EAAYC,EAAAA,YAA2C,SAEhEC,EAAAA,GAAG,IADHC,0BAAEA,EAAFC,SAA6BA,GAC1BC,EADuCpB,EACvCqB,EAAAC,wBAAAF,EAAAG,GAEH,MAAM/B,OAAEA,GAAWJ,EAAMa,WAAWd,GACpC,OACIC,gBAACoC,yCACOxB,GADR,GAAA,CAEIiB,IAAKA,EACLQ,UAAWP,EACXQ,SAAqB,WAAXlC,EAAsB,EAAI,EACpCA,OAAmB,WAAXA,EAAsB,YAASD,EACvCoC,SAAS,SAETvC,EAAAoB,cAACgB,MAAG,CAACI,QAAQ,QAAQC,cAAc,WAC9BV,OA6BD,SAAAW,EAIGC,GAAA,IAJSb,0BACxBA,EADwBc,YAExBA,GAAc,GAECD,EADZ/B,EACYqB,EAAAC,wBAAAS,EAAAE,GACf,OACI7C,EAAAoB,cAAApB,EAAA8C,SAAA,KACKF,EAAc5C,EAAAoB,cAAC2B,EAAAA,QAAU,MAAG,KAC7B/C,EAAAoB,cAACgB,EAADA,IAAAY,EAAAC,cAAAD,gBAAA,CAAKE,GAAG,UAAatC,GAArB,GAAA,CAA4ByB,UAAWP,EAA2BU,QAAQ,mCAnUzEW,GAAA,IAhBSC,OAClBA,EADkBlD,UAElBA,EAFkBE,OAGlBA,EAAS,aAHSiD,MAIlBA,EAAQ,SAJUvB,0BAKlBA,EALkBwB,iCAMlBA,EANkBC,UAOlBA,GAAY,EAPMC,aAQlBA,GAAe,EARGC,sBASlBA,GAAwB,EATN1B,SAUlBA,EAVkB2B,cAWlBA,EAXkBC,UAYlBA,GAISR,EADNvC,EACMqB,EAAAC,wBAAAiB,EAAAS,GACT,MAAMC,EAAU7D,EAAM8D,YACjBC,IACQA,GACQ,MAAT7D,GAAAA,KAGR,CAACA,IAEC8D,EAAQC,EAAAA,eAAe,CAAEC,KAAMd,EAAQS,QAAAA,IAEvCM,EAAkCnE,EAAMoE,QAAQ,KAAO,CAAElE,UAAAA,EAAWE,OAAAA,IAAW,CACjFF,EACAE,IAGEiE,EAAYrE,EAAMsE,OAA2B,MAC7CC,EAAYvE,EAAMsE,OAA8B,MAChDE,EAAcxE,EAAMsE,OAA8B,MAClDG,EAAsBzE,EAAM8D,YAC7BY,IAA2B,IAAAC,EAAAC,EAInB,OAAAL,EAAAA,EAAUM,UAAVF,EAAmBG,SAASJ,EAAMK,SAEnC,OAAAP,EAAAA,EAAYK,WAAZD,EAAqBE,SAASJ,EAAMK,UAEpCL,EAAMM,kBACG,MAAT9E,GAAAA,MAGR,CAACA,IAGLF,EAAMiF,iBACF,WACI,GAAK7B,GAAWiB,EAAUQ,QAI1B,OAAOK,EAAUA,WAACb,EAAUQ,WAEhC,CAACzB,IAGL,MAAM+B,EAAgBnF,EAAM8D,aACxB,SAAuBY,GAEflB,GACa,MAAbtD,GACc,WAAdwE,EAAMU,MACLV,EAAMW,mBAEPX,EAAMM,kBACN9E,KAEJ,MAAAyD,GAAAA,EAAYe,KAEhB,CAACxE,EAAWsD,EAAcG,IAG9B,OAAKP,EAKDpD,EAACoB,cAAAkE,SAAO,CAAAjB,UAAWA,EAAWX,cAAeA,GACzC1D,EAACoB,cAAAgB,qBACe,gBAAemD,gBAAA,EAE3BlD,UAAWmD,EAAAA,QACPC,EAAM,QAACC,QACPD,EAAAA,QAAOrF,GACPqF,EAAM,QAACpC,GACPC,GAMJqC,cAAelC,EAAwBgB,OAAsBtE,EAC7D0B,IAAK2C,GAELxE,EAAAoB,cAACwE,UACG,CAAArC,UAAWA,EACXsC,UAAWxF,EACXyF,aAAa,EACbC,YAAY,GAEZ/F,EAAAoB,cAAC4E,4CACOpF,GADR,GAAA,CAEIiB,IAAK0C,EACL0B,OACIjG,gBAACoC,MAAG,CACA8D,aAAa,OACbC,WAAW,UACXC,QAAQ,OACRC,cAAc,SACd9D,SAAS,SACTnC,OAAmB,WAAXA,EAAsB,YAASD,EACvCmC,SAAqB,WAAXlC,EAAsB,EAAI,IAG5CiC,UAAWmD,EAAU,QAAC1D,EAA2B2D,EAAAA,QAAOa,WACxDtC,MAAOA,EACPuC,mBAAiB,EAEjBC,OAAO,EACPjD,WAAW,EACXkD,iBAAiB,EACjBC,iBAAiB,EAEjBC,QAAQ,EACRC,UAAU,EACVnD,uBAAuB,EACvBD,cAAc,EACdG,UAAWwB,IAEXnF,EAAAoB,cAACrB,EAAa8G,SAAQ,CAACC,MAAO3C,GACzBpC,OAzDd,2BAmRT,SAAgEgF,GAAA,IAAzChF,SAAEA,GAAuCgF,EAA1BnG,EAA0BqB,EAAAC,wBAAA6E,EAAAC,GAClE,OACIhH,EAAAoB,cAACsB,EAADM,EAAAC,cAAA,GAAiBrC,GACbZ,EAAAoB,cAAC6F,SAAM,CAACC,MAAM,QAAQC,MAAM,SACvBpF,uGAjIEqF,GAAA,IANSrF,SACxBA,EADwBsF,OAExBA,GAAS,EAFezE,YAGxBA,GAAc,EAHUd,0BAIxBA,GAEesF,EADZxG,EACYqB,EAAAC,wBAAAkF,EAAAE,GACf,OACItH,EAAAoB,cAAApB,EAAA8C,SAAA,KACI9C,EAAAoB,cAACgB,EAADA,uCACQxB,GADR,GAAA,CAEIsC,GAAG,SACHqE,YAAY,QACZC,cAAyB,IAAXH,GAA+B,OAAXA,EAAkB,QAAU,QAC9DI,SAAS,QACTpF,UAAWP,IAEX9B,EAACoB,cAAAsG,WAAQP,MAAM,QAAQQ,OAAO,UAC1B3H,EAAAoB,cAACwG,SAAO,CAAAvE,MAAM,QAAQtB,IACV,IAAXsF,GAA+B,OAAXA,EACjBrH,EAAKoB,cAAA,MAAA,CAAAiB,UAAWoD,EAAM,QAACoC,gBAEvB7H,EAAAoB,cAACwG,SAAM,CACHvE,MAAM,UACNvB,0BAA2B2D,EAAM,QAACqC,gBACtBC,cAAA,oBAEO,kBAAXV,EACJrH,EAAAoB,cAACT,EAA4B,CAAAqH,aAAA,cAAczE,WAAW,IAEtD8D,KAMnBzE,EAAc5C,EAAAoB,cAAC2B,UAAO,MAAM"}
+{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport FocusLock from 'react-focus-lock'\nimport { hideOthers } from 'aria-hidden'\n\nimport { Dialog, DialogOptions, useDialogStore, Portal, PortalOptions } from '@ariakit/react'\n\nimport { CloseIcon } from '../icons/close-icon'\nimport { Column, Columns } from '../columns'\nimport { Inline } from '../inline'\nimport { Divider } from '../divider'\nimport { Box } from '../box'\nimport { IconButtonProps, IconButton } from '../button'\n\nimport styles from './modal.module.css'\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport { forwardRef } from 'react'\nimport type { DividerProps } from '../divider'\n\ntype ModalWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'full'\ntype ModalHeightMode = 'expand' | 'fitContent'\n\n//\n// ModalContext\n//\n\ntype ModalContextValue = {\n    onDismiss?(this: void): void\n    height: ModalHeightMode\n    dividers?: DividerProps['weight']\n}\n\nconst ModalContext = React.createContext<ModalContextValue>({\n    onDismiss: undefined,\n    height: 'fitContent',\n    dividers: undefined,\n})\n\n//\n// Modal container\n//\n\ntype DivProps = Omit<\n    React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n    'className' | 'children' | `aria-label` | `aria-labelledby`\n>\n\nexport interface ModalProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the modal.\n     */\n    children: React.ReactNode\n\n    /**\n     * Whether the modal is open and visible or not.\n     */\n    isOpen: boolean\n\n    /**\n     * Called when the user triggers closing the modal.\n     */\n    onDismiss?(): void\n\n    /**\n     * A descriptive setting for how wide the modal should aim to be, depending on how much space\n     * it has on screen.\n     * @default 'medium'\n     */\n    width?: ModalWidth\n\n    /**\n     * A descriptive setting for how tall the modal should aim to be.\n     *\n     * - 'expand': the modal aims to fill most of the available screen height, leaving only a small\n     *   padding above and below.\n     * - 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n     *\n     * In either case, if content does not fit, the content of the main body is set to scroll\n     * (provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\n     * viewport boundaries.\n     *\n     * If you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\n     * the inner layout to ensure scroll, or whatever other strategy you may want.\n     */\n    height?: ModalHeightMode\n\n    /**\n     * The weight to apply to all dividers rendered inside the modal.\n     */\n    dividers?: DividerProps['weight']\n\n    /**\n     * Whether to set or not the focus initially to the first focusable element inside the modal.\n     */\n    autoFocus?: boolean\n\n    /**\n     * Controls if the modal is dismissed when pressing \"Escape\".\n     */\n    hideOnEscape?: DialogOptions['hideOnEscape']\n\n    /**\n     * Controls if the modal is dismissed when clicking outside the modal body, on the overlay.\n     */\n    hideOnInteractOutside?: DialogOptions['hideOnInteractOutside']\n\n    /**\n     * An escape hatch in case you need to provide a custom class name to the overlay element.\n     */\n    exceptionallySetOverlayClassName?: string\n\n    /**\n     * Defines a string value that labels the current modal for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current modal for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * An HTML element or a memoized callback function that returns an HTML element to be used as\n     * the portal element. By default, the portal element will be a `div` element appended to the\n     * `document.body`.\n     *\n     * @default HTMLDivElement\n     *\n     * @example\n     * const [portal, setPortal] = useState(null);\n     * <Portal portalElement={portal} />;\n     * <div ref={setPortal} />;\n     *\n     * @example\n     * const getPortalElement = useCallback(() => {\n     *   const div = document.createElement(\"div\");\n     *   const portalRoot = document.getElementById(\"portal-root\");\n     *   portalRoot.appendChild(div);\n     *   return div;\n     * }, []);\n     * <Portal portalElement={getPortalElement} />;\n     */\n    portalElement?: PortalOptions['portalElement']\n}\n\nfunction isNotInternalFrame(element: HTMLElement) {\n    return !(element.ownerDocument === document && element.tagName.toLowerCase() === 'iframe')\n}\n\n/**\n * Renders a modal that sits on top of the rest of the content in the entire page.\n *\n * Follows the WAI-ARIA Dialog (Modal) Pattern.\n *\n * @see ModalHeader\n * @see ModalFooter\n * @see ModalBody\n */\nexport function Modal({\n    isOpen,\n    onDismiss,\n    height = 'fitContent',\n    dividers,\n    width = 'medium',\n    exceptionallySetClassName,\n    exceptionallySetOverlayClassName,\n    autoFocus = true,\n    hideOnEscape = true,\n    hideOnInteractOutside = true,\n    children,\n    portalElement,\n    onKeyDown,\n    // @ts-expect-error we want to make sure to not pass it to the Dialog component\n    className,\n    ...props\n}: ModalProps) {\n    const setOpen = React.useCallback(\n        (visible: boolean) => {\n            if (!visible) {\n                onDismiss?.()\n            }\n        },\n        [onDismiss],\n    )\n    const store = useDialogStore({ open: isOpen, setOpen })\n\n    const contextValue: ModalContextValue = React.useMemo(() => ({ onDismiss, height, dividers }), [\n        onDismiss,\n        height,\n        dividers,\n    ])\n\n    const portalRef = React.useRef<HTMLElement | null>(null)\n    const dialogRef = React.useRef<HTMLDivElement | null>(null)\n    const backdropRef = React.useRef<HTMLDivElement | null>(null)\n    const handleBackdropClick = React.useCallback(\n        (event: React.MouseEvent) => {\n            if (\n                // The focus lock element takes up the same space as the backdrop and is where the event bubbles up from,\n                // so instead of checking the backdrop as the event target, we need to make sure it's just above the dialog\n                !dialogRef.current?.contains(event.target as Node) &&\n                // Events fired from other portals will bubble up to the backdrop, even if it isn't a child in the DOM\n                backdropRef.current?.contains(event.target as Node)\n            ) {\n                event.stopPropagation()\n                onDismiss?.()\n            }\n        },\n        [onDismiss],\n    )\n\n    React.useLayoutEffect(\n        function disableAccessibilityTreeOutside() {\n            if (!isOpen || !portalRef.current) {\n                return\n            }\n\n            return hideOthers(portalRef.current)\n        },\n        [isOpen],\n    )\n\n    const handleKeyDown = React.useCallback(\n        function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n            if (\n                hideOnEscape &&\n                onDismiss != null &&\n                event.key === 'Escape' &&\n                !event.defaultPrevented\n            ) {\n                event.stopPropagation()\n                onDismiss()\n            }\n            onKeyDown?.(event)\n        },\n        [onDismiss, hideOnEscape, onKeyDown],\n    )\n\n    if (!isOpen) {\n        return null\n    }\n\n    return (\n        <Portal portalRef={portalRef} portalElement={portalElement}>\n            <Box\n                data-testid=\"modal-overlay\"\n                data-overlay\n                className={classNames(\n                    styles.overlay,\n                    styles[height],\n                    styles[width],\n                    exceptionallySetOverlayClassName,\n                )}\n                /**\n                 * We're using `onPointerDown` instead of `onClick` to prevent the modal from\n                 * closing when the click starts inside the modal and ends on the backdrop.\n                 */\n                onPointerDown={hideOnInteractOutside ? handleBackdropClick : undefined}\n                ref={backdropRef}\n            >\n                <FocusLock\n                    autoFocus={autoFocus}\n                    whiteList={isNotInternalFrame}\n                    returnFocus={true}\n                    crossFrame={false}\n                >\n                    <Dialog\n                        {...props}\n                        ref={dialogRef}\n                        render={\n                            <Box\n                                borderRadius=\"full\"\n                                background=\"default\"\n                                display=\"flex\"\n                                flexDirection=\"column\"\n                                overflow=\"hidden\"\n                                height={height === 'expand' ? 'full' : undefined}\n                                flexGrow={height === 'expand' ? 1 : 0}\n                            />\n                        }\n                        className={classNames(exceptionallySetClassName, styles.container)}\n                        store={store}\n                        preventBodyScroll\n                        // Disable focus lock as we set up our own using ReactFocusLock\n                        modal={false}\n                        autoFocus={false}\n                        autoFocusOnShow={false}\n                        autoFocusOnHide={false}\n                        // Disable portal and backdrop as we control their markup\n                        portal={false}\n                        backdrop={false}\n                        hideOnInteractOutside={false}\n                        hideOnEscape={false}\n                        onKeyDown={handleKeyDown}\n                    >\n                        <ModalContext.Provider value={contextValue}>\n                            {children}\n                        </ModalContext.Provider>\n                    </Dialog>\n                </FocusLock>\n            </Box>\n        </Portal>\n    )\n}\n\n//\n// ModalCloseButton\n//\n\nexport interface ModalCloseButtonProps\n    extends Omit<\n        IconButtonProps,\n        'type' | 'variant' | 'icon' | 'disabled' | 'loading' | 'tabIndex' | 'ref'\n    > {\n    /**\n     * The descriptive label of the button.\n     */\n    'aria-label': string\n}\n\n/**\n * The close button rendered by ModalHeader. Provided independently so that consumers can customize\n * the button's label.\n *\n * @see ModalHeader\n */\nexport function ModalCloseButton(props: ModalCloseButtonProps) {\n    const { onDismiss } = React.useContext(ModalContext)\n    const [includeInTabOrder, setIncludeInTabOrder] = React.useState(false)\n    const [isMounted, setIsMounted] = React.useState(false)\n\n    React.useEffect(\n        function skipAutoFocus() {\n            if (isMounted) {\n                setIncludeInTabOrder(true)\n            } else {\n                setIsMounted(true)\n            }\n        },\n        [isMounted],\n    )\n\n    return (\n        <IconButton\n            {...props}\n            variant=\"quaternary\"\n            onClick={onDismiss}\n            icon={<CloseIcon />}\n            tabIndex={includeInTabOrder ? 0 : -1}\n        />\n    )\n}\n\n//\n// ModalHeader\n//\n\nexport interface ModalHeaderProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the header.\n     */\n    children: React.ReactNode\n\n    /**\n     * Allows to provide a custom button element, or to omit the close button if set to false.\n     * @see ModalCloseButton\n     */\n    button?: React.ReactNode | boolean\n\n    /**\n     * Whether to render a divider line below the header.\n     * @default false\n     */\n    withDivider?: boolean\n}\n\n/**\n * Renders a standard modal header area with an optional close button.\n *\n * @see Modal\n * @see ModalFooter\n * @see ModalBody\n */\nexport function ModalHeader({\n    children,\n    button = true,\n    withDivider = false,\n    exceptionallySetClassName,\n    ...props\n}: ModalHeaderProps) {\n    const { dividers } = React.useContext(ModalContext)\n\n    return (\n        <>\n            <Box\n                {...props}\n                as=\"header\"\n                paddingLeft=\"large\"\n                paddingRight={button === false || button === null ? 'large' : 'small'}\n                paddingY=\"small\"\n                className={exceptionallySetClassName}\n            >\n                <Columns space=\"large\" alignY=\"center\">\n                    <Column width=\"auto\">{children}</Column>\n                    {button === false || button === null ? (\n                        <div className={styles.headerContent} />\n                    ) : (\n                        <Column\n                            width=\"content\"\n                            exceptionallySetClassName={styles.buttonContainer}\n                            data-testid=\"button-container\"\n                        >\n                            {typeof button === 'boolean' ? (\n                                <ModalCloseButton aria-label=\"Close modal\" autoFocus={false} />\n                            ) : (\n                                button\n                            )}\n                        </Column>\n                    )}\n                </Columns>\n            </Box>\n            {withDivider ? <Divider weight={dividers} /> : null}\n        </>\n    )\n}\n\n//\n// ModalBody\n//\n\nexport interface ModalBodyProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The content of the modal body.\n     */\n    children: React.ReactNode\n}\n\n/**\n * Renders the body of a modal.\n *\n * Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\n * things, that the content of the modal body expands or contracts depending on the modal height\n * setting or the size of the content. The body content also automatically scrolls when it's too\n * large to fit the available space.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalFooter\n */\nexport const ModalBody = forwardRef<HTMLDivElement, ModalBodyProps>(function ModalBody(\n    { exceptionallySetClassName, children, ...props },\n    ref,\n) {\n    const { height } = React.useContext(ModalContext)\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            className={exceptionallySetClassName}\n            flexGrow={height === 'expand' ? 1 : 0}\n            height={height === 'expand' ? 'full' : undefined}\n            overflow=\"auto\"\n        >\n            <Box padding=\"large\" paddingBottom=\"xxlarge\">\n                {children}\n            </Box>\n        </Box>\n    )\n})\n\n//\n// ModalFooter\n//\n\nexport interface ModalFooterProps extends DivProps, ObfuscatedClassName {\n    /**\n     * The contant of the modal footer.\n     */\n    children: React.ReactNode\n    /**\n     * Whether to render a divider line below the footer.\n     * @default false\n     */\n    withDivider?: boolean\n}\n\n/**\n * Renders a standard modal footer area.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalBody\n */\nexport function ModalFooter({\n    exceptionallySetClassName,\n    withDivider = false,\n    ...props\n}: ModalFooterProps) {\n    const { dividers } = React.useContext(ModalContext)\n\n    return (\n        <>\n            {withDivider ? <Divider weight={dividers} /> : null}\n            <Box as=\"footer\" {...props} className={exceptionallySetClassName} padding=\"large\" />\n        </>\n    )\n}\n\n//\n// ModalActions\n//\n\nexport type ModalActionsProps = ModalFooterProps\n\n/**\n * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).\n * @see ModalFooter\n */\nexport function ModalActions({ children, ...props }: ModalActionsProps) {\n    return (\n        <ModalFooter {...props}>\n            <Inline align=\"right\" space=\"large\">\n                {children}\n            </Inline>\n        </ModalFooter>\n    )\n}\n"],"names":["ModalContext","React","createContext","onDismiss","undefined","height","dividers","isNotInternalFrame","element","ownerDocument","document","tagName","toLowerCase","ModalCloseButton","props","useContext","includeInTabOrder","setIncludeInTabOrder","useState","isMounted","setIsMounted","useEffect","createElement","IconButton","variant","onClick","icon","CloseIcon","tabIndex","ModalBody","forwardRef","ref","exceptionallySetClassName","children","_ref3","_objectWithoutProperties","objectWithoutProperties","_excluded3","Box","className","flexGrow","overflow","padding","paddingBottom","ModalFooter","_ref4","withDivider","_excluded4","Fragment","Divider","weight","_objectSpread","objectSpread2","as","_ref","isOpen","width","exceptionallySetOverlayClassName","autoFocus","hideOnEscape","hideOnInteractOutside","portalElement","onKeyDown","_excluded","setOpen","useCallback","visible","store","useDialogStore","open","contextValue","useMemo","portalRef","useRef","dialogRef","backdropRef","handleBackdropClick","event","_dialogRef$current","_backdropRef$current","current","contains","target","stopPropagation","useLayoutEffect","hideOthers","handleKeyDown","key","defaultPrevented","Portal","data-overlay","classNames","styles","overlay","onPointerDown","FocusLock","whiteList","returnFocus","crossFrame","Dialog","render","borderRadius","background","display","flexDirection","container","preventBodyScroll","modal","autoFocusOnShow","autoFocusOnHide","portal","backdrop","Provider","value","_ref5","_excluded5","Inline","align","space","_ref2","button","_excluded2","paddingLeft","paddingRight","paddingY","Columns","alignY","Column","headerContent","buttonContainer","data-testid","aria-label"],"mappings":"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"}

package/lib/select-field/select-field.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={selectWrapper:"b930bb07",bordered:"e1f620b6",error:"_7e87474e"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={selectWrapper:"b2a0c397",bordered:"_85aa4d58",error:"f79ed3fb"};
 //# sourceMappingURL=select-field.module.css.js.map

package/lib/text-area/text-area.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={textAreaContainer:"a95cb864",innerContainer:"ab9873f7",bordered:"de380efd",error:"_29a9d12f",disableResize:"_44f7147e"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={textAreaContainer:"_1ae68da6",innerContainer:"_8eadb1df",bordered:"_35e7d1ba",error:"_8b028659",disableResize:"_30f6cf3c"};
 //# sourceMappingURL=text-area.module.css.js.map

package/lib/text-field/text-field.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={inputWrapper:"c8f65b3b",readOnly:"_326f2644",bordered:"_5252fd3d",error:"_0141b7ac",slot:"b79b851f"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={inputWrapper:"_3aa2a591",readOnly:"_88dd4657",bordered:"f9ddac83",error:"_7b4ae67d",slot:"_92010b01"};
 //# sourceMappingURL=text-field.module.css.js.map

package/package.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "28.3.2",
+    "version": "28.5.0",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package/styles/avatar.css

@@ -1,5 +1,5 @@
 :root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}

package/styles/badge.css

@@ -1,4 +1,4 @@
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}

package/styles/banner.css

@@ -1,4 +1,4 @@
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}

package/styles/base-field.css

@@ -1,10 +1,10 @@
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}
 ._64ed24f4{gap:0}._2580a74b{gap:var(--reactist-spacing-xsmall)}.c68f8bf6{gap:var(--reactist-spacing-small)}._43e5f8e9{gap:var(--reactist-spacing-medium)}._966b120f{gap:var(--reactist-spacing-large)}.f957894c{gap:var(--reactist-spacing-xlarge)}._8cca104b{gap:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5797cee2{gap:0}._9015672f{gap:var(--reactist-spacing-xsmall)}._7ec86eec{gap:var(--reactist-spacing-small)}._714d7179{gap:var(--reactist-spacing-medium)}.ae1deb59{gap:var(--reactist-spacing-large)}.e1cfce55{gap:var(--reactist-spacing-xlarge)}._168a8ff8{gap:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._43e2b619{gap:0}._0ea9bf88{gap:var(--reactist-spacing-xsmall)}.d451307a{gap:var(--reactist-spacing-small)}.bf93cf66{gap:var(--reactist-spacing-medium)}._1430cddf{gap:var(--reactist-spacing-large)}.fa00c93e{gap:var(--reactist-spacing-xlarge)}._6f3aee54{gap:var(--reactist-spacing-xxlarge)}}
 .a83bd4e0{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._266d6623{font-size:var(--reactist-font-size-caption)}.a8d37c6e{font-size:var(--reactist-font-size-copy)}._39f4eb1f{font-size:var(--reactist-font-size-subtitle)}._7be5c531{font-weight:var(--reactist-font-weight-medium)}.e214ff2e{font-weight:var(--reactist-font-weight-strong)}._6a3e5ade{color:var(--reactist-content-secondary)}._8f5b5f2b{color:var(--reactist-content-danger)}._9ae47ae4{color:var(--reactist-content-positive)}._969f18f7{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._2f303ac3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d3e04245{-webkit-line-clamp:2}._33411704{-webkit-line-clamp:3}.bfc32640{-webkit-line-clamp:4}.f813c82f{-webkit-line-clamp:5}
-:root{--reactist-field-label-padding-bottom:var(--reactist-spacing-small);--reactist-field-label-line-height:inherit}._73a117b9{font-family:var(--reactist-font-family)}._73a117b9 .b5fd58e9,._73a117b9 label{padding-bottom:var(--reactist-field-label-padding-bottom);line-height:var(--reactist-field-label-line-height)}._73a117b9._5c9cc34c{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-inputs-idle);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._73a117b9._5c9cc34c label{flex-grow:1;cursor:text}._73a117b9._5c9cc34c label span{cursor:default}._73a117b9._5c9cc34c:focus-within{border-color:var(--reactist-inputs-focus)!important}._73a117b9._5c9cc34c._51ba84e7{border-color:var(--reactist-inputs-alert)!important}._73a117b9._5c9cc34c .ade93d9a{font-weight:500}._73a117b9._5c9cc34c .b5fd58e9{font-size:var(--reactist-font-size-caption)}._73a117b9:not(._5c9cc34c) .ade93d9a{font-weight:var(--reactist-font-weight-strong)}._73a117b9:not(._5c9cc34c) .b5fd58e9{font-size:var(--reactist-font-size-body)}.b5fd58e9{text-align:right}._35882154{vertical-align:bottom}
+:root{--reactist-field-label-padding-bottom:6px;--reactist-field-label-line-height:inherit}.d6795f2d{font-family:var(--reactist-font-family)}.d6795f2d label{letter-spacing:-.15px}.d6795f2d .bfa9e249,.d6795f2d label{padding-bottom:var(--reactist-field-label-padding-bottom);line-height:var(--reactist-field-label-line-height)}.d6795f2d.e8d81883{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-inputs-idle);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}.d6795f2d.e8d81883 label{flex-grow:1;cursor:text}.d6795f2d.e8d81883 label span{cursor:default}.d6795f2d.e8d81883:hover{border-color:var(--reactist-inputs-hover)!important}.d6795f2d.e8d81883:focus-within{border-color:var(--reactist-inputs-focus)!important}.d6795f2d.e8d81883._656b054e{border-color:var(--reactist-inputs-alert)!important}.d6795f2d.e8d81883 ._0eded49a{font-weight:500}.d6795f2d.e8d81883 .bfa9e249{font-size:var(--reactist-font-size-caption)}.d6795f2d:not(.e8d81883) ._0eded49a{font-weight:var(--reactist-font-weight-strong)}.d6795f2d:not(.e8d81883) .bfa9e249{font-size:var(--reactist-font-size-body)}.d6795f2d input,.d6795f2d select,.d6795f2d textarea{font-size:var(--reactist-font-size-body);font-style:normal;font-weight:var(--reactist-font-weight-regular);line-height:calc(var(--reactist-font-size-body) + 7px);letter-spacing:-.15px}.bfa9e249{text-align:right}.fbf1bee1{vertical-align:bottom}
 ._3f3a401c{border-bottom:1px solid var(--reactist-divider-primary)}._03b05b70{border-bottom:1px solid var(--reactist-divider-secondary)}.b6f67ff8{border-bottom:1px solid var(--reactist-divider-tertiary)}
 :root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._51539197{-webkit-animation-name:_54fbe2b3;animation-name:_54fbe2b3;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.a0c466ed{fill:var(--reactist-spinner-tint)}._745b73d3{fill:var(--reactist-spinner-fill)}
 .eae3d34f,.eae3d34f>:last-child{--reactist-columns-gap:0px}._9b4012c9{--reactist-columns-gap:var(--reactist-spacing-xsmall)}.e35e0320{--reactist-columns-gap:var(--reactist-spacing-small)}._0703e67f{--reactist-columns-gap:var(--reactist-spacing-medium)}._1cf15621{--reactist-columns-gap:var(--reactist-spacing-large)}._1c7dff67{--reactist-columns-gap:var(--reactist-spacing-xlarge)}._25bee9b6{--reactist-columns-gap:var(--reactist-spacing-xxlarge)}._4bb9987d{flex-basis:content}._9dd31975{flex-basis:auto}._38d11c0e{flex-basis:calc(50% - var(--reactist-columns-gap))}._7ac225c6{flex-basis:calc(33.33333% - var(--reactist-columns-gap))}._9c340680{flex-basis:calc(66.66667% - var(--reactist-columns-gap))}._81cb99d2{flex-basis:calc(25% - var(--reactist-columns-gap))}._10fd355f{flex-basis:calc(75% - var(--reactist-columns-gap))}._3ee66520{flex-basis:calc(20% - var(--reactist-columns-gap))}.df1201a5{flex-basis:calc(40% - var(--reactist-columns-gap))}.f772e0b2{flex-basis:calc(60% - var(--reactist-columns-gap))}._880cbbb1{flex-basis:calc(80% - var(--reactist-columns-gap))}

package/styles/base-field.module.css.css

@@ -1 +1 @@
-:root{--reactist-field-label-padding-bottom:var(--reactist-spacing-small);--reactist-field-label-line-height:inherit}._73a117b9{font-family:var(--reactist-font-family)}._73a117b9 .b5fd58e9,._73a117b9 label{padding-bottom:var(--reactist-field-label-padding-bottom);line-height:var(--reactist-field-label-line-height)}._73a117b9._5c9cc34c{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-inputs-idle);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._73a117b9._5c9cc34c label{flex-grow:1;cursor:text}._73a117b9._5c9cc34c label span{cursor:default}._73a117b9._5c9cc34c:focus-within{border-color:var(--reactist-inputs-focus)!important}._73a117b9._5c9cc34c._51ba84e7{border-color:var(--reactist-inputs-alert)!important}._73a117b9._5c9cc34c .ade93d9a{font-weight:500}._73a117b9._5c9cc34c .b5fd58e9{font-size:var(--reactist-font-size-caption)}._73a117b9:not(._5c9cc34c) .ade93d9a{font-weight:var(--reactist-font-weight-strong)}._73a117b9:not(._5c9cc34c) .b5fd58e9{font-size:var(--reactist-font-size-body)}.b5fd58e9{text-align:right}._35882154{vertical-align:bottom}
+:root{--reactist-field-label-padding-bottom:6px;--reactist-field-label-line-height:inherit}.d6795f2d{font-family:var(--reactist-font-family)}.d6795f2d label{letter-spacing:-.15px}.d6795f2d .bfa9e249,.d6795f2d label{padding-bottom:var(--reactist-field-label-padding-bottom);line-height:var(--reactist-field-label-line-height)}.d6795f2d.e8d81883{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-inputs-idle);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}.d6795f2d.e8d81883 label{flex-grow:1;cursor:text}.d6795f2d.e8d81883 label span{cursor:default}.d6795f2d.e8d81883:hover{border-color:var(--reactist-inputs-hover)!important}.d6795f2d.e8d81883:focus-within{border-color:var(--reactist-inputs-focus)!important}.d6795f2d.e8d81883._656b054e{border-color:var(--reactist-inputs-alert)!important}.d6795f2d.e8d81883 ._0eded49a{font-weight:500}.d6795f2d.e8d81883 .bfa9e249{font-size:var(--reactist-font-size-caption)}.d6795f2d:not(.e8d81883) ._0eded49a{font-weight:var(--reactist-font-weight-strong)}.d6795f2d:not(.e8d81883) .bfa9e249{font-size:var(--reactist-font-size-body)}.d6795f2d input,.d6795f2d select,.d6795f2d textarea{font-size:var(--reactist-font-size-body);font-style:normal;font-weight:var(--reactist-font-weight-regular);line-height:calc(var(--reactist-font-size-body) + 7px);letter-spacing:-.15px}.bfa9e249{text-align:right}.fbf1bee1{vertical-align:bottom}