@doist/reactist 28.7.2 → 28.7.3

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'\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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"}
+{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":[null],"names":["React","__rest","useDialogStore","hideOthers","Portal","Box","classNames","styles","FocusLock","Dialog","__assign","IconButton","CloseIcon","Columns","Column","Divider","forwardRef","Inline"],"mappings":"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"}

package/lib/modal/modal.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={overlay:"_756b318e",fadein:"_21966801",fitContent:"_52bde55e",container:"_46152754",full:"bf469f5d",large:"_3208ba07",medium:"_29f86ad4",small:"_64c0762d",xsmall:"_3196b4d0",xlarge:"_3517025e",expand:"_8d20cc11",buttonContainer:"_37ed43a6",headerContent:"_7df92d5c"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_8f59d13b = {"overlay":"_756b318e","fadein":"_21966801","fitContent":"_52bde55e","full":"bf469f5d","large":"_3208ba07","medium":"_29f86ad4","small":"_64c0762d","xsmall":"_3196b4d0","xlarge":"_3517025e","expand":"_8d20cc11","buttonContainer":"_37ed43a6","headerContent":"_7df92d5c","container":"_46152754"};
+
+exports["default"] = modules_8f59d13b;
 //# sourceMappingURL=modal.module.css.js.map

package/lib/modal/modal.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/notice/index.d.ts

@@ -1 +1 @@
-export * from './notice';
+export * from './notice';

package/lib/notice/notice.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import type { AlertTone } from '../utils/common-types';
-type NoticeProps = {
-    id?: string;
-    children: React.ReactNode;
-    tone: AlertTone;
-};
-declare function Notice({ id, children, tone }: NoticeProps): React.JSX.Element;
-export { Notice };
-export type { NoticeProps };
+import * as React from 'react';
+import type { AlertTone } from '../utils/common-types';
+type NoticeProps = {
+    id?: string;
+    children: React.ReactNode;
+    tone: AlertTone;
+};
+declare function Notice({ id, children, tone }: NoticeProps): React.JSX.Element;
+export { Notice };
+export type { NoticeProps };

package/lib/notice/notice.js

@@ -1,2 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/responsive-props.js"),r=require("../box/box.js"),n=require("../columns/columns.js"),l=require("../icons/alert-icon.js"),o=require("./notice.module.css.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var c=a(e);exports.Notice=function({id:e,children:a,tone:s}){return c.createElement(r.Box,{id:e,role:"alert","aria-live":"polite",className:[o.default.container,t.getClassNames(o.default,"tone",s)]},c.createElement(n.Columns,{space:"small",alignY:"top"},c.createElement(n.Column,{width:"content"},c.createElement(l.AlertIcon,{tone:s,className:o.default.icon})),c.createElement(n.Column,null,c.createElement(r.Box,{className:o.default.content},a))))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var responsiveProps = require('../utils/responsive-props.js');
+var box = require('../box/box.js');
+var columns = require('../columns/columns.js');
+var alertIcon = require('../icons/alert-icon.js');
+var notice_module = require('./notice.module.css.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Notice(_a) {
+    var id = _a.id, children = _a.children, tone = _a.tone;
+    return (React__namespace.createElement(box.Box, { id: id, role: "alert", "aria-live": "polite", className: [notice_module["default"].container, responsiveProps.getClassNames(notice_module["default"], 'tone', tone)] },
+        React__namespace.createElement(columns.Columns, { space: "small", alignY: "top" },
+            React__namespace.createElement(columns.Column, { width: "content" },
+                React__namespace.createElement(alertIcon.AlertIcon, { tone: tone, className: notice_module["default"].icon })),
+            React__namespace.createElement(columns.Column, null,
+                React__namespace.createElement(box.Box, { className: notice_module["default"].content }, children)))));
+}
+
+exports.Notice = Notice;
 //# sourceMappingURL=notice.js.map

package/lib/notice/notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Columns, Column } from '../columns'\nimport { AlertIcon } from '../icons/alert-icon'\n\nimport type { AlertTone } from '../utils/common-types'\n\nimport styles from './notice.module.css'\n\ntype NoticeProps = {\n    id?: string\n    children: React.ReactNode\n    tone: AlertTone\n}\n\nfunction Notice({ id, children, tone }: NoticeProps) {\n    return (\n        <Box\n            id={id}\n            role=\"alert\"\n            aria-live=\"polite\"\n            className={[styles.container, getClassNames(styles, 'tone', tone)]}\n        >\n            <Columns space=\"small\" alignY=\"top\">\n                <Column width=\"content\">\n                    <AlertIcon tone={tone} className={styles.icon} />\n                </Column>\n                <Column>\n                    <Box className={styles.content}>{children}</Box>\n                </Column>\n            </Columns>\n        </Box>\n    )\n}\n\nexport { Notice }\nexport type { NoticeProps }\n"],"names":["id","children","tone","React","createElement","Box","role","aria-live","className","styles","container","getClassNames","Columns","space","alignY","Column","width","AlertIcon","icon","content"],"mappings":"qjBAgBA,UAAgBA,GAAEA,EAAFC,SAAMA,EAANC,KAAgBA,IAC5B,OACIC,EAAAC,cAACC,MAAG,CACAL,GAAIA,EACJM,KAAK,QAAOC,YACF,SACVC,UAAW,CAACC,EAAAA,QAAOC,UAAWC,EAAaA,cAACF,UAAQ,OAAQP,KAE5DC,EAACC,cAAAQ,WAAQC,MAAM,QAAQC,OAAO,OAC1BX,EAAAC,cAACW,SAAM,CAACC,MAAM,WACVb,EAAAC,cAACa,YAAS,CAACf,KAAMA,EAAMM,UAAWC,EAAM,QAACS,QAE7Cf,EAAAC,cAACW,EAAAA,OAAM,KACHZ,EAAAC,cAACC,MAAG,CAACG,UAAWC,EAAM,QAACU,SAAUlB"}
+{"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":[null],"names":["React","Box","styles","getClassNames","Columns","Column","AlertIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,SAAS,MAAM,CAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,EAAE,QAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAChC,IAAA,QACIA,gBAAA,CAAA,aAAA,CAACC,OAAG,EAAA,EACA,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EAAA,WAAA,EACF,QAAQ,EAClB,SAAS,EAAE,CAACC,wBAAM,CAAC,SAAS,EAAEC,6BAAa,CAACD,wBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,EAAA;QAElEF,gBAAC,CAAA,aAAA,CAAAI,eAAO,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAA;AAC/B,YAAAJ,gBAAA,CAAA,aAAA,CAACK,cAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA;AACnB,gBAAAL,gBAAA,CAAA,aAAA,CAACM,mBAAS,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAEJ,wBAAM,CAAC,IAAI,EAAA,CAAI,CAC5C;AACT,YAAAF,gBAAA,CAAA,aAAA,CAACK,cAAM,EAAA,IAAA;AACH,gBAAAL,gBAAA,CAAA,aAAA,CAACC,OAAG,EAAA,EAAC,SAAS,EAAEC,wBAAM,CAAC,OAAO,EAAG,EAAA,QAAQ,CAAO,CAC3C,CACH,CACR,EACT;AACL;;;;"}

package/lib/notice/notice.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"_2e62197a",content:"b7e8d846",icon:"_1c02ef4a","tone-info":"_940b3b19","tone-positive":"_6261fc66","tone-caution":"_255e20fe","tone-critical":"e225437d"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_1b547e7e = {"icon":"_1c02ef4a","tone-info":"_940b3b19","tone-positive":"_6261fc66","tone-caution":"_255e20fe","tone-critical":"e225437d","container":"_2e62197a","content":"b7e8d846"};
+
+exports["default"] = modules_1b547e7e;
 //# sourceMappingURL=notice.module.css.js.map

package/lib/notice/notice.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"notice.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"notice.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/password-field/index.d.ts

@@ -1 +1 @@
-export * from './password-field';
+export * from './password-field';

package/lib/password-field/password-field.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { TextFieldProps } from '../text-field';
-import type { BaseFieldVariantProps } from '../base-field';
-interface PasswordFieldProps extends Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot'>, BaseFieldVariantProps {
-    togglePasswordLabel?: string;
-    endSlot?: React.ReactElement | string | number;
-}
-declare const PasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export { PasswordField };
-export type { PasswordFieldProps };
+import * as React from 'react';
+import { TextFieldProps } from '../text-field';
+import type { BaseFieldVariantProps } from '../base-field';
+interface PasswordFieldProps extends Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot'>, BaseFieldVariantProps {
+    togglePasswordLabel?: string;
+    endSlot?: React.ReactElement | string | number;
+}
+declare const PasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { PasswordField };
+export type { PasswordFieldProps };

package/lib/password-field/password-field.js

@@ -1,2 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("../icons/password-visible-icon.js"),o=require("../icons/password-hidden-icon.js"),n=require("../text-field/text-field.js"),i=require("../button/button.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var s=a(t);const l=["togglePasswordLabel","endSlot"];exports.PasswordField=s.forwardRef((function(t,a){let{togglePasswordLabel:c="Toggle password visibility",endSlot:u}=t,d=e.objectWithoutProperties(t,l);const[b,f]=s.useState(!1),p=b?r.PasswordVisibleIcon:o.PasswordHiddenIcon;return s.createElement(n.TextField,e.objectSpread2(e.objectSpread2({},d),{},{ref:a,type:b?"text":"password",endSlot:s.createElement(s.Fragment,null,u,s.createElement(i.IconButton,{variant:"quaternary",icon:s.createElement(p,{"aria-hidden":!0}),"aria-label":c,onClick:()=>f(e=>!e)}))}))}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var passwordVisibleIcon = require('../icons/password-visible-icon.js');
+var passwordHiddenIcon = require('../icons/password-hidden-icon.js');
+var textField = require('../text-field/text-field.js');
+var button = require('../button/button.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var PasswordField = React__namespace.forwardRef(function PasswordField(_a, ref) {
+    var _b = _a.togglePasswordLabel, togglePasswordLabel = _b === void 0 ? 'Toggle password visibility' : _b, endSlot = _a.endSlot, props = tslib.__rest(_a, ["togglePasswordLabel", "endSlot"]);
+    var _c = React__namespace.useState(false), isPasswordVisible = _c[0], setPasswordVisible = _c[1];
+    var Icon = isPasswordVisible ? passwordVisibleIcon.PasswordVisibleIcon : passwordHiddenIcon.PasswordHiddenIcon;
+    return (React__namespace.createElement(textField.TextField, tslib.__assign({}, props, { ref: ref, 
+        // @ts-expect-error TextField does not support type="password", so we override the type check here
+        type: isPasswordVisible ? 'text' : 'password', endSlot: React__namespace.createElement(React__namespace.Fragment, null,
+            endSlot,
+            React__namespace.createElement(button.IconButton, { variant: "quaternary", icon: React__namespace.createElement(Icon, { "aria-hidden": true }), "aria-label": togglePasswordLabel, onClick: function () { return setPasswordVisible(function (v) { return !v; }); } })) })));
+});
+
+exports.PasswordField = PasswordField;
 //# sourceMappingURL=password-field.js.map

package/lib/password-field/password-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.js","sources":["../../src/password-field/password-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { PasswordVisibleIcon } from '../icons/password-visible-icon'\nimport { PasswordHiddenIcon } from '../icons/password-hidden-icon'\n\nimport { TextField, TextFieldProps } from '../text-field'\nimport { IconButton } from '../button'\n\nimport type { BaseFieldVariantProps } from '../base-field'\n\ninterface PasswordFieldProps\n    extends Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot'>,\n        BaseFieldVariantProps {\n    togglePasswordLabel?: string\n    endSlot?: React.ReactElement | string | number\n}\n\nconst PasswordField = React.forwardRef<HTMLInputElement, PasswordFieldProps>(function PasswordField(\n    { togglePasswordLabel = 'Toggle password visibility', endSlot, ...props },\n    ref,\n) {\n    const [isPasswordVisible, setPasswordVisible] = React.useState(false)\n    const Icon = isPasswordVisible ? PasswordVisibleIcon : PasswordHiddenIcon\n    return (\n        <TextField\n            {...props}\n            ref={ref}\n            // @ts-expect-error TextField does not support type=\"password\", so we override the type check here\n            type={isPasswordVisible ? 'text' : 'password'}\n            endSlot={\n                <>\n                    {endSlot}\n                    <IconButton\n                        variant=\"quaternary\"\n                        icon={<Icon aria-hidden />}\n                        aria-label={togglePasswordLabel}\n                        onClick={() => setPasswordVisible((v) => !v)}\n                    />\n                </>\n            }\n        />\n    )\n})\n\nexport { PasswordField }\nexport type { PasswordFieldProps }\n"],"names":["React","forwardRef","ref","togglePasswordLabel","endSlot","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","isPasswordVisible","setPasswordVisible","useState","Icon","PasswordVisibleIcon","PasswordHiddenIcon","TextField","type","createElement","Fragment","IconButton","variant","icon","aria-hidden","aria-label","onClick","v"],"mappings":"mpBAiBsBA,EAAMC,YAAiD,SAEzEC,EAAAA,GAAG,IADHC,oBAAEA,EAAsB,6BAAxBC,QAAsDA,GACnDC,EAD+DC,EAC/DC,EAAAC,wBAAAH,EAAAI,GAEH,MAAOC,EAAmBC,GAAsBX,EAAMY,UAAS,GACzDC,EAAOH,EAAoBI,EAAHA,oBAAyBC,qBACvD,OACIf,gBAACgB,+CACOV,GADR,GAAA,CAEIJ,IAAKA,EAELe,KAAMP,EAAoB,OAAS,WACnCN,QACIJ,EAAAkB,cAAAlB,EAAAmB,SAAA,KACKf,EACDJ,EAAAkB,cAACE,aAAU,CACPC,QAAQ,aACRC,KAAMtB,EAAAkB,cAACL,EAAI,CAAAU,eAAA,IACCC,aAAArB,EACZsB,QAAS,IAAMd,EAAoBe,IAAOA"}
+{"version":3,"file":"password-field.js","sources":["../../src/password-field/password-field.tsx"],"sourcesContent":[null],"names":["React","__rest","PasswordVisibleIcon","PasswordHiddenIcon","TextField","__assign","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,IAAA,aAAa,GAAGA,gBAAK,CAAC,UAAU,CAAuC,SAAS,aAAa,CAC/F,EAAyE,EACzE,GAAG,EAAA;AADD,IAAA,IAAA,EAAkD,GAAA,EAAA,CAAA,mBAAA,EAAlD,mBAAmB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,4BAA4B,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,KAAK,GAAAC,YAAA,CAAA,EAAA,EAAvE,kCAAyE,CAAF,CAAA;AAGjE,IAAA,IAAA,EAA0C,GAAAD,gBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,kBAAkB,QAAyB,CAAA;IACrE,IAAM,IAAI,GAAG,iBAAiB,GAAGE,uCAAmB,GAAGC,qCAAkB,CAAA;IACzE,QACIH,+BAACI,mBAAS,EAAAC,cAAA,CAAA,EAAA,EACF,KAAK,EACT,EAAA,GAAG,EAAE,GAAG;;AAER,QAAA,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,OAAO,EACHL,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA;YACK,OAAO;AACR,YAAAA,gBAAA,CAAA,aAAA,CAACM,iBAAU,EAAA,EACP,OAAO,EAAC,YAAY,EACpB,IAAI,EAAEN,gBAAA,CAAA,aAAA,CAAC,IAAI,EAAe,EAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,YAAA,EACd,mBAAmB,EAC/B,OAAO,EAAE,YAAA,EAAM,OAAA,kBAAkB,CAAC,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,CAAA,EAAA,CAAC,GAAA,EAAA,CAC9C,CACH,EAAA,CAAA,CAET,EACL;AACL,CAAC;;;;"}

package/lib/prose/index.d.ts

@@ -1,2 +1,2 @@
-export { Prose } from './prose';
-export type { ProseProps } from './prose';
+export { Prose } from './prose';
+export type { ProseProps } from './prose';

package/lib/prose/prose-example.d.ts

@@ -1 +1 @@
-export declare const proseExample: string;
+export declare const proseExample: string;

package/lib/prose/prose.d.ts

@@ -1,44 +1,44 @@
-import * as React from 'react';
-import type { ObfuscatedClassName } from '../utils/common-types';
-interface ProseProps extends ObfuscatedClassName {
-    /**
-     * The prose content.
-     *
-     * This must consist of React nodes and elements. It is the consumer’s responsibility to
-     * generate this from other sources, such as converting raw markdown content to React elements,
-     * etc.
-     *
-     * Alternatively, you can use `<Prose dangerouslySetInnerHTML={{ __html: htmlString }}` />`
-     * instead.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the prose content to be raw HTML stored in a string value.
-     *
-     * Warning: be advised that setting HTML content in this way is risky, because you can
-     * inadvertently be vulnerable to a cross-site scripting (XSS) attack. Make sure you only use
-     * this option with HTML content that has been sanitized (especially if it comes from user
-     * provided content) or content that you fully control how it's generated, that cannot possibly
-     * have any XSS content in it.
-     *
-     * @see https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
-     */
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    } | undefined;
-    /**
-     * Whether to customize the typography styles for dark mode.
-     *
-     * Applies finessed optimizations since our eyes perceive space differently when looking at dark
-     * text on a light background and light text on a dark background.
-     *
-     * This does not apply a dark theme on the text. That's still the consumer apps’ responsibility.
-     */
-    darkModeTypography: boolean;
-}
-/**
- * Used to style HTML you don’t control, like HTML content generated from Markdown.
- */
-declare function Prose({ darkModeTypography, exceptionallySetClassName, ...props }: ProseProps): React.JSX.Element;
-export { Prose };
-export type { ProseProps };
+import * as React from 'react';
+import type { ObfuscatedClassName } from '../utils/common-types';
+interface ProseProps extends ObfuscatedClassName {
+    /**
+     * The prose content.
+     *
+     * This must consist of React nodes and elements. It is the consumer’s responsibility to
+     * generate this from other sources, such as converting raw markdown content to React elements,
+     * etc.
+     *
+     * Alternatively, you can use `<Prose dangerouslySetInnerHTML={{ __html: htmlString }}` />`
+     * instead.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets the prose content to be raw HTML stored in a string value.
+     *
+     * Warning: be advised that setting HTML content in this way is risky, because you can
+     * inadvertently be vulnerable to a cross-site scripting (XSS) attack. Make sure you only use
+     * this option with HTML content that has been sanitized (especially if it comes from user
+     * provided content) or content that you fully control how it's generated, that cannot possibly
+     * have any XSS content in it.
+     *
+     * @see https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
+     */
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    /**
+     * Whether to customize the typography styles for dark mode.
+     *
+     * Applies finessed optimizations since our eyes perceive space differently when looking at dark
+     * text on a light background and light text on a dark background.
+     *
+     * This does not apply a dark theme on the text. That's still the consumer apps’ responsibility.
+     */
+    darkModeTypography: boolean;
+}
+/**
+ * Used to style HTML you don’t control, like HTML content generated from Markdown.
+ */
+declare function Prose({ darkModeTypography, exceptionallySetClassName, ...props }: ProseProps): React.JSX.Element;
+export { Prose };
+export type { ProseProps };

package/lib/prose/prose.js

@@ -1,2 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../box/box.js"),o=require("./prose.module.css.js");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var l=a(r);const u=["darkModeTypography","exceptionallySetClassName"];exports.Prose=function(r){let{darkModeTypography:a,exceptionallySetClassName:s}=r,c=e.objectWithoutProperties(r,u);return l.createElement(t.Box,e.objectSpread2(e.objectSpread2({},c),{},{className:[o.default.prose,a?o.default.darkModeTypography:null,s]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var box = require('../box/box.js');
+var prose_module = require('./prose.module.css.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/**
+ * Used to style HTML you don’t control, like HTML content generated from Markdown.
+ */
+function Prose(_a) {
+    var darkModeTypography = _a.darkModeTypography, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["darkModeTypography", "exceptionallySetClassName"]);
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { className: [
+            prose_module["default"].prose,
+            darkModeTypography ? prose_module["default"].darkModeTypography : null,
+            exceptionallySetClassName,
+        ] })));
+}
+
+exports.Prose = Prose;
 //# sourceMappingURL=prose.js.map

package/lib/prose/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","sources":["../../src/prose/prose.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport styles from './prose.module.css'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ninterface ProseProps extends ObfuscatedClassName {\n    /**\n     * The prose content.\n     *\n     * This must consist of React nodes and elements. It is the consumer’s responsibility to\n     * generate this from other sources, such as converting raw markdown content to React elements,\n     * etc.\n     *\n     * Alternatively, you can use `<Prose dangerouslySetInnerHTML={{ __html: htmlString }}` />`\n     * instead.\n     */\n    children?: React.ReactNode\n\n    /**\n     * Sets the prose content to be raw HTML stored in a string value.\n     *\n     * Warning: be advised that setting HTML content in this way is risky, because you can\n     * inadvertently be vulnerable to a cross-site scripting (XSS) attack. Make sure you only use\n     * this option with HTML content that has been sanitized (especially if it comes from user\n     * provided content) or content that you fully control how it's generated, that cannot possibly\n     * have any XSS content in it.\n     *\n     * @see https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml\n     */\n    dangerouslySetInnerHTML?: { __html: string } | undefined\n\n    /**\n     * Whether to customize the typography styles for dark mode.\n     *\n     * Applies finessed optimizations since our eyes perceive space differently when looking at dark\n     * text on a light background and light text on a dark background.\n     *\n     * This does not apply a dark theme on the text. That's still the consumer apps’ responsibility.\n     */\n    darkModeTypography: boolean\n}\n\n/**\n * Used to style HTML you don’t control, like HTML content generated from Markdown.\n */\nfunction Prose({ darkModeTypography, exceptionallySetClassName, ...props }: ProseProps) {\n    return (\n        <Box\n            {...props}\n            className={[\n                styles.prose,\n                darkModeTypography ? styles.darkModeTypography : null,\n                exceptionallySetClassName,\n            ]}\n        />\n    )\n}\n\nexport { Prose }\nexport type { ProseProps }\n"],"names":["_ref","darkModeTypography","exceptionallySetClassName","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement","Box","className","styles","prose"],"mappings":"mjBA6CA,SAAsFA,GAAA,IAAvEC,mBAAEA,EAAFC,0BAAsBA,GAAiDF,EAAnBG,EAAmBC,EAAAC,wBAAAL,EAAAM,GAClF,OACIC,EAACC,cAAAC,yCACON,GADR,GAAA,CAEIO,UAAW,CACPC,EAAM,QAACC,MACPX,EAAqBU,EAAAA,QAAOV,mBAAqB,KACjDC"}
+{"version":3,"file":"prose.js","sources":["../../src/prose/prose.tsx"],"sourcesContent":[null],"names":["__rest","React","Box","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,SAAS,KAAK,CAAC,EAAuE,EAAA;IAArE,IAAA,kBAAkB,wBAAA,EAAE,yBAAyB,+BAAA,EAAK,KAAK,GAAzDA,YAAA,CAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAA2D,CAAF,CAAA;AACpE,IAAA,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,qBACI,KAAK,EAAA,EACT,SAAS,EAAE;AACP,YAAAC,uBAAM,CAAC,KAAK;YACZ,kBAAkB,GAAGA,uBAAM,CAAC,kBAAkB,GAAG,IAAI;YACrD,yBAAyB;AAC5B,SAAA,EAAA,CAAA,CACH,EACL;AACL;;;;"}

package/lib/prose/prose.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={prose:"_37468e52",darkModeTypography:"_6abbd828"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_8ebe6db0 = {"prose":"_37468e52","darkModeTypography":"_6abbd828"};
+
+exports["default"] = modules_8ebe6db0;
 //# sourceMappingURL=prose.module.css.js.map

package/lib/prose/prose.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"prose.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/select-field/index.d.ts

@@ -1 +1 @@
-export * from './select-field';
+export * from './select-field';

package/lib/select-field/select-field.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { BaseFieldVariantProps, FieldComponentProps } from '../base-field';
-interface SelectFieldProps extends Omit<FieldComponentProps<HTMLSelectElement>, 'maxLength' | 'characterCountPosition' | 'endSlot' | 'supportsStartAndEndSlots' | 'endSlotPosition'>, BaseFieldVariantProps {
-}
-declare const SelectField: React.ForwardRefExoticComponent<Omit<SelectFieldProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-export { SelectField };
-export type { SelectFieldProps };
+import * as React from 'react';
+import { BaseFieldVariantProps, FieldComponentProps } from '../base-field';
+interface SelectFieldProps extends Omit<FieldComponentProps<HTMLSelectElement>, 'maxLength' | 'characterCountPosition' | 'endSlot' | 'supportsStartAndEndSlots' | 'endSlotPosition'>, BaseFieldVariantProps {
+}
+declare const SelectField: React.ForwardRefExoticComponent<Omit<SelectFieldProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export { SelectField };
+export type { SelectFieldProps };

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

@@ -1,2 +1,49 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../base-field/base-field.js"),a=require("../box/box.js"),l=require("./select-field.module.css.js");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var n=i(r);const d=["variant","id","label","value","auxiliaryLabel","message","tone","maxWidth","children","hidden","aria-describedby","onChange"];function o(r){return n.createElement("svg",e.objectSpread2({width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),n.createElement("path",{d:"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",fill:"currentColor"}))}exports.SelectField=n.forwardRef((function(r,i){let{variant:u="default",id:c,label:s,value:b,auxiliaryLabel:f,message:h,tone:p,maxWidth:m,children:g,hidden:j,"aria-describedby":v,onChange:x}=r,y=e.objectWithoutProperties(r,d);return n.createElement(t.BaseField,{variant:u,id:c,label:s,value:b,auxiliaryLabel:f,message:h,tone:p,maxWidth:m,hidden:j,"aria-describedby":v},r=>n.createElement(a.Box,{"data-testid":"select-wrapper",className:[l.default.selectWrapper,"error"===p?l.default.error:null,"bordered"===u?l.default.bordered:null]},n.createElement("select",e.objectSpread2(e.objectSpread2(e.objectSpread2({},y),r),{},{ref:i,onChange:e=>{null==x||x(e)}}),g),n.createElement(o,{"aria-hidden":!0})))}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var baseField = require('../base-field/base-field.js');
+var box = require('../box/box.js');
+var selectField_module = require('./select-field.module.css.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var SelectField = React__namespace.forwardRef(function SelectField(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, children = _a.children, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], originalOnChange = _a.onChange, props = tslib.__rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", 'aria-describedby', "onChange"]);
+    return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, hidden: hidden, "aria-describedby": ariaDescribedBy }, function (extraProps) { return (React__namespace.createElement(box.Box, { "data-testid": "select-wrapper", className: [
+            selectField_module["default"].selectWrapper,
+            tone === 'error' ? selectField_module["default"].error : null,
+            variant === 'bordered' ? selectField_module["default"].bordered : null,
+        ] },
+        React__namespace.createElement("select", tslib.__assign({}, props, extraProps, { ref: ref, onChange: function (event) {
+                originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
+            } }), children),
+        React__namespace.createElement(SelectChevron, { "aria-hidden": true }))); }));
+});
+function SelectChevron(props) {
+    return (React__namespace.createElement("svg", tslib.__assign({ width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__namespace.createElement("path", { d: "M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z", fill: "currentColor" })));
+}
+
+exports.SelectField = SelectField;
 //# sourceMappingURL=select-field.js.map

package/lib/select-field/select-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\nimport { Box } from '../box'\nimport styles from './select-field.module.css'\n\ninterface SelectFieldProps\n    extends Omit<\n            FieldComponentProps<HTMLSelectElement>,\n            | 'maxLength'\n            | 'characterCountPosition'\n            | 'endSlot'\n            | 'supportsStartAndEndSlots'\n            | 'endSlotPosition'\n        >,\n        BaseFieldVariantProps {}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(function SelectField(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        children,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            maxWidth={maxWidth}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n        >\n            {(extraProps) => (\n                <Box\n                    data-testid=\"select-wrapper\"\n                    className={[\n                        styles.selectWrapper,\n                        tone === 'error' ? styles.error : null,\n                        variant === 'bordered' ? styles.bordered : null,\n                    ]}\n                >\n                    <select\n                        {...props}\n                        {...extraProps}\n                        ref={ref}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                        }}\n                    >\n                        {children}\n                    </select>\n                    <SelectChevron aria-hidden />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction SelectChevron(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <path\n                d=\"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport { SelectField }\nexport type { SelectFieldProps }\n"],"names":["SelectChevron","props","React","createElement","_objectSpread","width","height","fill","xmlns","d","forwardRef","ref","variant","id","label","value","auxiliaryLabel","message","tone","maxWidth","children","hidden","aria-describedby","ariaDescribedBy","onChange","originalOnChange","_ref","_objectWithoutProperties","objectWithoutProperties","_excluded","BaseField","extraProps","Box","data-testid","className","styles","selectWrapper","error","bordered","objectSpread2","event","aria-hidden"],"mappings":"kqBAyEA,SAASA,EAAcC,GACnB,OACIC,EAAKC,cAAA,MAALC,gBAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,KAAK,OAAOC,MAAM,8BAAiCP,GAC3EC,EACIC,cAAA,OAAA,CAAAM,EAAE,0GACFF,KAAK,sCA9DDL,EAAMQ,YAAgD,SAgBtEC,EAAAA,GAAG,IAfHC,QACIA,EAAU,UADdC,GAEIA,EAFJC,MAGIA,EAHJC,MAIIA,EAJJC,eAKIA,EALJC,QAMIA,EANJC,KAOIA,EAPJC,SAQIA,EARJC,SASIA,EATJC,OAUIA,EACAC,mBAAoBC,EACpBC,SAAUC,GAGXC,EAFIzB,EAEJ0B,EAAAC,wBAAAF,EAAAG,GAEH,OACI3B,EAACC,cAAA2B,YACG,CAAAlB,QAASA,EACTC,GAAIA,EACJC,MAAOA,EACPC,MAAOA,EACPC,eAAgBA,EAChBC,QAASA,EACTC,KAAMA,EACNC,SAAUA,EACVE,OAAQA,EACUC,mBAAAC,GAEhBQ,GACE7B,EAACC,cAAA6B,MACe,CAAAC,cAAA,iBACZC,UAAW,CACPC,EAAM,QAACC,cACE,UAATlB,EAAmBiB,EAAM,QAACE,MAAQ,KACtB,aAAZzB,EAAyBuB,EAAAA,QAAOG,SAAW,OAG/CpC,EAAAC,cAAA,SAAAC,EAAAmC,cAAAnC,EAAAmC,cAAAnC,gBAAA,GACQH,GACA8B,GAFR,GAAA,CAGIpB,IAAKA,EACLa,SAAWgB,IACP,MAAAf,GAAAA,EAAmBe,MAGtBpB,GAELlB,EAAAC,cAACH,EAA4B,CAAAyC,eAAA"}
+{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":[null],"names":["React","__rest","BaseField","Box","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBM,IAAA,WAAW,GAAGA,gBAAK,CAAC,UAAU,CAAsC,SAAS,WAAW,CAC1F,EAcC,EACD,GAAG,EAAA;AAdC,IAAA,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACzB,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAAAC,YAAA,CAAA,EAAA,EAbZ,0IAcC,CADW,CAAA;IAIZ,QACID,gBAAC,CAAA,aAAA,CAAAE,mBAAS,EACN,EAAA,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EAAA,kBAAA,EACI,eAAe,EAEhC,EAAA,UAAC,UAAU,EAAA,EAAK,QACbF,gBAAC,CAAA,aAAA,CAAAG,OAAG,EACY,EAAA,aAAA,EAAA,gBAAgB,EAC5B,SAAS,EAAE;AACP,YAAAC,6BAAM,CAAC,aAAa;YACpB,IAAI,KAAK,OAAO,GAAGA,6BAAM,CAAC,KAAK,GAAG,IAAI;YACtC,OAAO,KAAK,UAAU,GAAGA,6BAAM,CAAC,QAAQ,GAAG,IAAI;AAClD,SAAA,EAAA;QAEDJ,gBACQ,CAAA,aAAA,CAAA,QAAA,EAAAK,cAAA,CAAA,EAAA,EAAA,KAAK,EACL,UAAU,EACd,EAAA,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAC,KAAK,EAAA;AACZ,gBAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAA;aAC5B,EAAA,CAAA,EAEA,QAAQ,CACJ;QACTL,gBAAC,CAAA,aAAA,CAAA,aAAa,0BAAe,CAC3B,IACT,CACO,EACf;AACL,CAAC,EAAC;AAEF,SAAS,aAAa,CAAC,KAAmC,EAAA;AACtD,IAAA,QACIA,gBAAK,CAAA,aAAA,CAAA,KAAA,EAAAK,cAAA,CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,CAAA;QAChFL,gBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,yGAAyG,EAC3G,IAAI,EAAC,cAAc,EAAA,CACrB,CACA,EACT;AACL;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"select-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"select-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/spinner/index.d.ts

@@ -1 +1 @@
-export * from './spinner';
+export * from './spinner';

package/lib/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-declare function Spinner({ size }: {
-    size?: number;
-}): React.JSX.Element;
-export { Spinner };
+import * as React from 'react';
+declare function Spinner({ size }: {
+    size?: number;
+}): React.JSX.Element;
+export { Spinner };