@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/MenuV2/index.d.ts

@@ -0,0 +1,90 @@
+import type { ButtonHTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+export type DisclosureProps = {
+    visible: boolean;
+};
+type DisclosureElement = ((disclosure: DisclosureProps) => ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>) | (ReactElement<ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: Ref<HTMLButtonElement>;
+});
+type ChildMenuProps = {
+    toggle: () => void;
+};
+/**
+ * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.
+ * A menu is usually opened, or made visible, by activating a menu button, choosing an item in a menu that opens a
+ * sub menu, or by invoking a command, such as `Shift + F10` on Windows, that opens a context specific menu.
+ * When a user activates a choice in a menu, the menu usually closes unless the choice opened a submenu.
+ */
+export declare const MenuV2: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    ariaLabel?: string | undefined;
+    children?: ReactNode | (({ toggle }: ChildMenuProps) => ReactNode);
+    className?: string | undefined;
+    disclosure: DisclosureElement;
+    hasArrow?: boolean | undefined;
+    visible?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    maxHeight?: string | undefined;
+    /**
+     * @deprecated: use `size` instead
+     */
+    maxWidth?: string | undefined;
+    /**
+     * By default, the portal target is children container or document.body if children is a function. You can override this
+     * behavior by setting a portalTarget prop.
+     */
+    portalTarget?: HTMLElement | undefined;
+    size?: "large" | "small" | "medium" | undefined;
+    /**
+     * The behavior of the menu when it is opened. If set to `click`, the menu will open when the user clicks on the disclosure.
+     * If set to `hover`, the menu will open when the user hovers over the disclosure.
+     */
+    triggerMethod?: "click" | "hover" | undefined;
+} & Pick<{
+    id?: string | undefined;
+    children: ReactNode | ((renderProps: {
+        className?: string | undefined;
+        onBlur: () => void;
+        onFocus: () => void;
+        onPointerEnter: () => void;
+        onPointerLeave: () => void;
+        ref: import("react").RefObject<HTMLDivElement>;
+    }) => ReactNode);
+    maxWidth?: string | number | undefined;
+    placement?: import("../Popup/helpers").PopupPlacement | undefined;
+    text?: ReactNode;
+    className?: string | undefined;
+    containerFullWidth?: boolean | undefined;
+    visible?: boolean | undefined;
+    innerRef?: Ref<HTMLDivElement | null> | undefined;
+    role?: string | undefined;
+    'data-testid'?: string | undefined;
+    hasArrow?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    'aria-haspopup'?: boolean | "menu" | "dialog" | "grid" | "listbox" | "tree" | "false" | "true" | undefined;
+    hideOnClickOutside?: boolean | undefined;
+    debounceDelay?: number | undefined;
+    maxHeight?: string | number | undefined;
+    disableAnimation?: boolean | undefined;
+    portalTarget?: HTMLElement | undefined;
+    dynamicDomRendering?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "placement" | "dynamicDomRendering"> & import("react").RefAttributes<HTMLButtonElement>> & {
+    Item: import("react").ForwardRefExoticComponent<{
+        href?: string | undefined;
+        disabled?: boolean | undefined;
+        tooltip?: string | undefined;
+        className?: string | undefined;
+        children: ReactNode;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        borderless?: boolean | undefined;
+        sentiment?: ("primary" | "neutral" | "danger") | undefined;
+        active?: boolean | undefined;
+        'data-testid'?: string | undefined;
+    } & import("react").RefAttributes<HTMLElement>>;
+    Group: ({ label, children }: {
+        label: string;
+        children: ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/MenuV2/index.js

@@ -0,0 +1,90 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { forwardRef, useState, useRef, useId, isValidElement, useImperativeHandle, cloneElement } from "react";
+import { Popup } from "../Popup/index.js";
+import { Stack } from "../Stack/index.js";
+import { Group } from "./Group.js";
+import Item from "./Item.js";
+const SIZES = {
+  small: "180px",
+  medium: "280px",
+  large: "380px"
+};
+const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["size"].includes(prop),
+  target: "e1jn11gg1"
+} : {
+  shouldForwardProp: (prop) => !["size"].includes(prop),
+  target: "e1jn11gg1",
+  label: "StyledPopup"
+})("background-color:", ({
+  theme
+}) => theme.colors.neutral.background, ";box-shadow:", ({
+  theme
+}) => theme.shadows.menu, ";padding:0;&[data-has-arrow='true']{&::after{border-color:", ({
+  theme
+}) => theme.colors.neutral.background, " transparent transparent transparent;}}width:", ({
+  size
+}) => SIZES[size], ";max-width:none;padding:", ({
+  theme
+}) => `${theme.space["0.25"]} 0`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01lbnVWMi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9NZW51VjIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLFxuICBDb21wb25lbnRQcm9wcyxcbiAgTW91c2VFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG4gIFJlZixcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBjbG9uZUVsZW1lbnQsXG4gIGZvcndhcmRSZWYsXG4gIGlzVmFsaWRFbGVtZW50LFxuICB1c2VJZCxcbiAgdXNlSW1wZXJhdGl2ZUhhbmRsZSxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEdyb3VwIH0gZnJvbSAnLi9Hcm91cCdcbmltcG9ydCBJdGVtIGZyb20gJy4vSXRlbSdcblxuY29uc3QgU0laRVMgPSB7XG4gIHNtYWxsOiAnMTgwcHgnLFxuICBtZWRpdW06ICcyODBweCcsXG4gIGxhcmdlOiAnMzgwcHgnLFxufVxuXG5leHBvcnQgdHlwZSBEaXNjbG9zdXJlUHJvcHMgPSB7IHZpc2libGU6IGJvb2xlYW4gfVxuXG50eXBlIERpc2Nsb3N1cmVFbGVtZW50ID1cbiAgfCAoKFxuICAgICAgZGlzY2xvc3VyZTogRGlzY2xvc3VyZVByb3BzLFxuICAgICkgPT4gUmVhY3RFbGVtZW50PEJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50Pj4pXG4gIHwgKFJlYWN0RWxlbWVudDxCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4+ICYge1xuICAgICAgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PlxuICAgIH0pXG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTIH0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MubWVudX07XG4gIHBhZGRpbmc6IDA7XG5cbiAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH1cbiAgICAgICAgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5cbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU1tzaXplXX07XG4gIG1heC13aWR0aDogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMC4yNSddfSAwYH07XG5gXG5cbmNvbnN0IE1lbnVMaXN0ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAmOmFmdGVyLFxuICAmOmJlZm9yZSB7XG4gICAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItd2lkdGg6IDlweDtcbiAgICBjb250ZW50OiAnICc7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRWxldmF0ZWR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG50eXBlIENoaWxkTWVudVByb3BzID0ge1xuICB0b2dnbGU6ICgpID0+IHZvaWRcbn1cblxudHlwZSBNZW51UHJvcHMgPSB7XG4gIGlkPzogc3RyaW5nXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZSB8ICgoeyB0b2dnbGUgfTogQ2hpbGRNZW51UHJvcHMpID0+IFJlYWN0Tm9kZSlcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGRpc2Nsb3N1cmU6IERpc2Nsb3N1cmVFbGVtZW50XG4gIGhhc0Fycm93PzogYm9vbGVhblxuICB2aXNpYmxlPzogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQ6IHVzZSBgc2l6ZWAgaW5zdGVhZFxuICAgKi9cbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBwb3J0YWwgdGFyZ2V0IGlzIGNoaWxkcmVuIGNvbnRhaW5lciBvciBkb2N1bWVudC5ib2R5IGlmIGNoaWxkcmVuIGlzIGEgZnVuY3Rpb24uIFlvdSBjYW4gb3ZlcnJpZGUgdGhpc1xuICAgKiBiZWhhdmlvciBieSBzZXR0aW5nIGEgcG9ydGFsVGFyZ2V0IHByb3AuXG4gICAqL1xuICBwb3J0YWxUYXJnZXQ/OiBIVE1MRWxlbWVudFxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBUaGUgYmVoYXZpb3Igb2YgdGhlIG1lbnUgd2hlbiBpdCBpcyBvcGVuZWQuIElmIHNldCB0byBgY2xpY2tgLCB0aGUgbWVudSB3aWxsIG9wZW4gd2hlbiB0aGUgdXNlciBjbGlja3Mgb24gdGhlIGRpc2Nsb3N1cmUuXG4gICAqIElmIHNldCB0byBgaG92ZXJgLCB0aGUgbWVudSB3aWxsIG9wZW4gd2hlbiB0aGUgdXNlciBob3ZlcnMgb3ZlciB0aGUgZGlzY2xvc3VyZS5cbiAgICovXG4gIHRyaWdnZXJNZXRob2Q/OiAnY2xpY2snIHwgJ2hvdmVyJ1xufSAmIFBpY2s8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFBvcHVwPiwgJ3BsYWNlbWVudCcgfCAnZHluYW1pY0RvbVJlbmRlcmluZyc+XG5cbmNvbnN0IEZ3ZE1lbnUgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgaWQsXG4gICAgICBhcmlhTGFiZWwgPSAnTWVudScsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2Nsb3N1cmUsXG4gICAgICBoYXNBcnJvdyA9IGZhbHNlLFxuICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWF4V2lkdGgsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBzaXplID0gJ3NtYWxsJyxcbiAgICAgIHRyaWdnZXJNZXRob2QgPSAnY2xpY2snLFxuICAgICAgZHluYW1pY0RvbVJlbmRlcmluZyxcbiAgICB9OiBNZW51UHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzVmlzaWJsZSwgc2V0SXNWaXNpYmxlXSA9IHVzZVN0YXRlKHZpc2libGUpXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgZGlzY2xvc3VyZVJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcbiAgICBjb25zdCB0ZW1wSWQgPSB1c2VJZCgpXG4gICAgY29uc3QgZmluYWxJZCA9IGBtZW51LSR7aWQgPz8gdGVtcElkfWBcblxuICAgIC8vIGlmIHlvdSBuZWVkIGRpYWxvZyBpbnNpZGUgeW91ciBjb21wb25lbnQsIHVzZSBmdW5jdGlvbiwgb3RoZXJ3aXNlIGNvbXBvbmVudCBpcyBmaW5lXG4gICAgY29uc3QgdGFyZ2V0ID0gaXNWYWxpZEVsZW1lbnQ8QnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+PihcbiAgICAgIGRpc2Nsb3N1cmUsXG4gICAgKVxuICAgICAgPyBkaXNjbG9zdXJlXG4gICAgICA6IGRpc2Nsb3N1cmUoeyB2aXNpYmxlOiBpc1Zpc2libGUgfSlcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZih0YXJnZXQgYXMgdW5rbm93biBhcyBIVE1MQnV0dG9uRWxlbWVudClcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gaW5uZXJSZWYuY3VycmVudClcblxuICAgIGNvbnN0IGZpbmFsRGlzY2xvc3VyZSA9IGNsb25lRWxlbWVudCh0YXJnZXQsIHtcbiAgICAgIG9uQ2xpY2s6IChldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgdGFyZ2V0LnByb3BzLm9uQ2xpY2s/LihldmVudClcbiAgICAgICAgc2V0SXNWaXNpYmxlKCFpc1Zpc2libGUpXG4gICAgICB9LFxuICAgICAgJ2FyaWEtaGFzcG9wdXAnOiAnZGlhbG9nJyxcbiAgICAgICdhcmlhLWV4cGFuZGVkJzogaXNWaXNpYmxlLFxuICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciBub3Qgc3VyZSBob3cgdG8gZml4IHRoaXNcbiAgICAgIHJlZjogZGlzY2xvc3VyZVJlZixcbiAgICB9KVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQb3B1cFxuICAgICAgICBkZWJvdW5jZURlbGF5PXt0cmlnZ2VyTWV0aG9kID09PSAnaG92ZXInID8gMjUwIDogMH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHZpc2libGU9e3RyaWdnZXJNZXRob2QgPT09ICdjbGljaycgPyBpc1Zpc2libGUgOiB1bmRlZmluZWR9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBoYXNBcnJvdz17aGFzQXJyb3d9XG4gICAgICAgIGRhdGEtaGFzLWFycm93PXtoYXNBcnJvd31cbiAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICByZWY9e3BvcHVwUmVmfVxuICAgICAgICBvbkNsb3NlPXsoKSA9PiBzZXRJc1Zpc2libGUoZmFsc2UpfVxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0ID8/ICc0ODBweCd9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPE1lbnVMaXN0IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgICAgPyBjaGlsZHJlbih7IHRvZ2dsZTogKCkgPT4gc2V0SXNWaXNpYmxlKCFpc1Zpc2libGUpIH0pXG4gICAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPC9NZW51TGlzdD5cbiAgICAgICAgfVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e3BvcnRhbFRhcmdldH1cbiAgICAgICAgZHluYW1pY0RvbVJlbmRlcmluZz17ZHluYW1pY0RvbVJlbmRlcmluZ31cbiAgICAgID5cbiAgICAgICAge2ZpbmFsRGlzY2xvc3VyZX1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuXG4vKipcbiAqIEEgbWVudSBpcyBhIHdpZGdldCB0aGF0IG9mZmVycyBhIGxpc3Qgb2YgY2hvaWNlcyB0byB0aGUgdXNlciwgc3VjaCBhcyBhIHNldCBvZiBhY3Rpb25zIG9yIGZ1bmN0aW9ucy5cbiAqIEEgbWVudSBpcyB1c3VhbGx5IG9wZW5lZCwgb3IgbWFkZSB2aXNpYmxlLCBieSBhY3RpdmF0aW5nIGEgbWVudSBidXR0b24sIGNob29zaW5nIGFuIGl0ZW0gaW4gYSBtZW51IHRoYXQgb3BlbnMgYVxuICogc3ViIG1lbnUsIG9yIGJ5IGludm9raW5nIGEgY29tbWFuZCwgc3VjaCBhcyBgU2hpZnQgKyBGMTBgIG9uIFdpbmRvd3MsIHRoYXQgb3BlbnMgYSBjb250ZXh0IHNwZWNpZmljIG1lbnUuXG4gKiBXaGVuIGEgdXNlciBhY3RpdmF0ZXMgYSBjaG9pY2UgaW4gYSBtZW51LCB0aGUgbWVudSB1c3VhbGx5IGNsb3NlcyB1bmxlc3MgdGhlIGNob2ljZSBvcGVuZWQgYSBzdWJtZW51LlxuICovXG5leHBvcnQgY29uc3QgTWVudVYyID0gT2JqZWN0LmFzc2lnbihGd2RNZW51LCB7IEl0ZW0sIEdyb3VwIH0pXG4iXX0= */"));
+const MenuList = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "e1jn11gg0"
+} : {
+  target: "e1jn11gg0",
+  label: "MenuList"
+})("overflow-y:auto;overflow-x:hidden;&:after,&:before{border:solid transparent;border-width:9px;content:' ';height:0;width:0;position:absolute;pointer-events:none;}&:after{border-color:transparent;}&:before{border-color:transparent;}background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakElevated, ";color:", ({
+  theme
+}) => theme.colors.neutral.text, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01lbnVWMi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEQ4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9NZW51VjIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLFxuICBDb21wb25lbnRQcm9wcyxcbiAgTW91c2VFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG4gIFJlZixcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBjbG9uZUVsZW1lbnQsXG4gIGZvcndhcmRSZWYsXG4gIGlzVmFsaWRFbGVtZW50LFxuICB1c2VJZCxcbiAgdXNlSW1wZXJhdGl2ZUhhbmRsZSxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEdyb3VwIH0gZnJvbSAnLi9Hcm91cCdcbmltcG9ydCBJdGVtIGZyb20gJy4vSXRlbSdcblxuY29uc3QgU0laRVMgPSB7XG4gIHNtYWxsOiAnMTgwcHgnLFxuICBtZWRpdW06ICcyODBweCcsXG4gIGxhcmdlOiAnMzgwcHgnLFxufVxuXG5leHBvcnQgdHlwZSBEaXNjbG9zdXJlUHJvcHMgPSB7IHZpc2libGU6IGJvb2xlYW4gfVxuXG50eXBlIERpc2Nsb3N1cmVFbGVtZW50ID1cbiAgfCAoKFxuICAgICAgZGlzY2xvc3VyZTogRGlzY2xvc3VyZVByb3BzLFxuICAgICkgPT4gUmVhY3RFbGVtZW50PEJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50Pj4pXG4gIHwgKFJlYWN0RWxlbWVudDxCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4+ICYge1xuICAgICAgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PlxuICAgIH0pXG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTIH0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MubWVudX07XG4gIHBhZGRpbmc6IDA7XG5cbiAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH1cbiAgICAgICAgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5cbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU1tzaXplXX07XG4gIG1heC13aWR0aDogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMC4yNSddfSAwYH07XG5gXG5cbmNvbnN0IE1lbnVMaXN0ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAmOmFmdGVyLFxuICAmOmJlZm9yZSB7XG4gICAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItd2lkdGg6IDlweDtcbiAgICBjb250ZW50OiAnICc7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRWxldmF0ZWR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG50eXBlIENoaWxkTWVudVByb3BzID0ge1xuICB0b2dnbGU6ICgpID0+IHZvaWRcbn1cblxudHlwZSBNZW51UHJvcHMgPSB7XG4gIGlkPzogc3RyaW5nXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZSB8ICgoeyB0b2dnbGUgfTogQ2hpbGRNZW51UHJvcHMpID0+IFJlYWN0Tm9kZSlcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGRpc2Nsb3N1cmU6IERpc2Nsb3N1cmVFbGVtZW50XG4gIGhhc0Fycm93PzogYm9vbGVhblxuICB2aXNpYmxlPzogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQ6IHVzZSBgc2l6ZWAgaW5zdGVhZFxuICAgKi9cbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBwb3J0YWwgdGFyZ2V0IGlzIGNoaWxkcmVuIGNvbnRhaW5lciBvciBkb2N1bWVudC5ib2R5IGlmIGNoaWxkcmVuIGlzIGEgZnVuY3Rpb24uIFlvdSBjYW4gb3ZlcnJpZGUgdGhpc1xuICAgKiBiZWhhdmlvciBieSBzZXR0aW5nIGEgcG9ydGFsVGFyZ2V0IHByb3AuXG4gICAqL1xuICBwb3J0YWxUYXJnZXQ/OiBIVE1MRWxlbWVudFxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBUaGUgYmVoYXZpb3Igb2YgdGhlIG1lbnUgd2hlbiBpdCBpcyBvcGVuZWQuIElmIHNldCB0byBgY2xpY2tgLCB0aGUgbWVudSB3aWxsIG9wZW4gd2hlbiB0aGUgdXNlciBjbGlja3Mgb24gdGhlIGRpc2Nsb3N1cmUuXG4gICAqIElmIHNldCB0byBgaG92ZXJgLCB0aGUgbWVudSB3aWxsIG9wZW4gd2hlbiB0aGUgdXNlciBob3ZlcnMgb3ZlciB0aGUgZGlzY2xvc3VyZS5cbiAgICovXG4gIHRyaWdnZXJNZXRob2Q/OiAnY2xpY2snIHwgJ2hvdmVyJ1xufSAmIFBpY2s8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFBvcHVwPiwgJ3BsYWNlbWVudCcgfCAnZHluYW1pY0RvbVJlbmRlcmluZyc+XG5cbmNvbnN0IEZ3ZE1lbnUgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgaWQsXG4gICAgICBhcmlhTGFiZWwgPSAnTWVudScsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2Nsb3N1cmUsXG4gICAgICBoYXNBcnJvdyA9IGZhbHNlLFxuICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWF4V2lkdGgsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBzaXplID0gJ3NtYWxsJyxcbiAgICAgIHRyaWdnZXJNZXRob2QgPSAnY2xpY2snLFxuICAgICAgZHluYW1pY0RvbVJlbmRlcmluZyxcbiAgICB9OiBNZW51UHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzVmlzaWJsZSwgc2V0SXNWaXNpYmxlXSA9IHVzZVN0YXRlKHZpc2libGUpXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgZGlzY2xvc3VyZVJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcbiAgICBjb25zdCB0ZW1wSWQgPSB1c2VJZCgpXG4gICAgY29uc3QgZmluYWxJZCA9IGBtZW51LSR7aWQgPz8gdGVtcElkfWBcblxuICAgIC8vIGlmIHlvdSBuZWVkIGRpYWxvZyBpbnNpZGUgeW91ciBjb21wb25lbnQsIHVzZSBmdW5jdGlvbiwgb3RoZXJ3aXNlIGNvbXBvbmVudCBpcyBmaW5lXG4gICAgY29uc3QgdGFyZ2V0ID0gaXNWYWxpZEVsZW1lbnQ8QnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+PihcbiAgICAgIGRpc2Nsb3N1cmUsXG4gICAgKVxuICAgICAgPyBkaXNjbG9zdXJlXG4gICAgICA6IGRpc2Nsb3N1cmUoeyB2aXNpYmxlOiBpc1Zpc2libGUgfSlcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZih0YXJnZXQgYXMgdW5rbm93biBhcyBIVE1MQnV0dG9uRWxlbWVudClcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gaW5uZXJSZWYuY3VycmVudClcblxuICAgIGNvbnN0IGZpbmFsRGlzY2xvc3VyZSA9IGNsb25lRWxlbWVudCh0YXJnZXQsIHtcbiAgICAgIG9uQ2xpY2s6IChldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgdGFyZ2V0LnByb3BzLm9uQ2xpY2s/LihldmVudClcbiAgICAgICAgc2V0SXNWaXNpYmxlKCFpc1Zpc2libGUpXG4gICAgICB9LFxuICAgICAgJ2FyaWEtaGFzcG9wdXAnOiAnZGlhbG9nJyxcbiAgICAgICdhcmlhLWV4cGFuZGVkJzogaXNWaXNpYmxlLFxuICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciBub3Qgc3VyZSBob3cgdG8gZml4IHRoaXNcbiAgICAgIHJlZjogZGlzY2xvc3VyZVJlZixcbiAgICB9KVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQb3B1cFxuICAgICAgICBkZWJvdW5jZURlbGF5PXt0cmlnZ2VyTWV0aG9kID09PSAnaG92ZXInID8gMjUwIDogMH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHZpc2libGU9e3RyaWdnZXJNZXRob2QgPT09ICdjbGljaycgPyBpc1Zpc2libGUgOiB1bmRlZmluZWR9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBoYXNBcnJvdz17aGFzQXJyb3d9XG4gICAgICAgIGRhdGEtaGFzLWFycm93PXtoYXNBcnJvd31cbiAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICByZWY9e3BvcHVwUmVmfVxuICAgICAgICBvbkNsb3NlPXsoKSA9PiBzZXRJc1Zpc2libGUoZmFsc2UpfVxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0ID8/ICc0ODBweCd9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPE1lbnVMaXN0IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgICAgPyBjaGlsZHJlbih7IHRvZ2dsZTogKCkgPT4gc2V0SXNWaXNpYmxlKCFpc1Zpc2libGUpIH0pXG4gICAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPC9NZW51TGlzdD5cbiAgICAgICAgfVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e3BvcnRhbFRhcmdldH1cbiAgICAgICAgZHluYW1pY0RvbVJlbmRlcmluZz17ZHluYW1pY0RvbVJlbmRlcmluZ31cbiAgICAgID5cbiAgICAgICAge2ZpbmFsRGlzY2xvc3VyZX1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuXG4vKipcbiAqIEEgbWVudSBpcyBhIHdpZGdldCB0aGF0IG9mZmVycyBhIGxpc3Qgb2YgY2hvaWNlcyB0byB0aGUgdXNlciwgc3VjaCBhcyBhIHNldCBvZiBhY3Rpb25zIG9yIGZ1bmN0aW9ucy5cbiAqIEEgbWVudSBpcyB1c3VhbGx5IG9wZW5lZCwgb3IgbWFkZSB2aXNpYmxlLCBieSBhY3RpdmF0aW5nIGEgbWVudSBidXR0b24sIGNob29zaW5nIGFuIGl0ZW0gaW4gYSBtZW51IHRoYXQgb3BlbnMgYVxuICogc3ViIG1lbnUsIG9yIGJ5IGludm9raW5nIGEgY29tbWFuZCwgc3VjaCBhcyBgU2hpZnQgKyBGMTBgIG9uIFdpbmRvd3MsIHRoYXQgb3BlbnMgYSBjb250ZXh0IHNwZWNpZmljIG1lbnUuXG4gKiBXaGVuIGEgdXNlciBhY3RpdmF0ZXMgYSBjaG9pY2UgaW4gYSBtZW51LCB0aGUgbWVudSB1c3VhbGx5IGNsb3NlcyB1bmxlc3MgdGhlIGNob2ljZSBvcGVuZWQgYSBzdWJtZW51LlxuICovXG5leHBvcnQgY29uc3QgTWVudVYyID0gT2JqZWN0LmFzc2lnbihGd2RNZW51LCB7IEl0ZW0sIEdyb3VwIH0pXG4iXX0= */"));
+const FwdMenu = forwardRef(({
+  id,
+  ariaLabel = "Menu",
+  children,
+  disclosure,
+  hasArrow = false,
+  placement = "bottom",
+  visible = false,
+  className,
+  "data-testid": dataTestId,
+  maxHeight,
+  maxWidth,
+  portalTarget,
+  size = "small",
+  triggerMethod = "click",
+  dynamicDomRendering
+}, ref) => {
+  const [isVisible, setIsVisible] = useState(visible);
+  const popupRef = useRef(null);
+  const disclosureRef = useRef(null);
+  const tempId = useId();
+  const finalId = `menu-${id ?? tempId}`;
+  const target = isValidElement(disclosure) ? disclosure : disclosure({
+    visible: isVisible
+  });
+  const innerRef = useRef(target);
+  useImperativeHandle(ref, () => innerRef.current);
+  const finalDisclosure = cloneElement(target, {
+    onClick: (event) => {
+      target.props.onClick?.(event);
+      setIsVisible(!isVisible);
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": isVisible,
+    // @ts-expect-error not sure how to fix this
+    ref: disclosureRef
+  });
+  return /* @__PURE__ */ jsx(StyledPopup, { debounceDelay: triggerMethod === "hover" ? 250 : 0, hideOnClickOutside: true, "aria-label": ariaLabel, className, visible: triggerMethod === "click" ? isVisible : void 0, placement, hasArrow, "data-has-arrow": hasArrow, role: "dialog", id: finalId, ref: popupRef, onClose: () => setIsVisible(false), tabIndex: -1, maxHeight: maxHeight ?? "480px", maxWidth, size, text: /* @__PURE__ */ jsx(MenuList, { "data-testid": dataTestId, className, role: "menu", children: typeof children === "function" ? children({
+    toggle: () => setIsVisible(!isVisible)
+  }) : children }), portalTarget, dynamicDomRendering, children: finalDisclosure });
+});
+const MenuV2 = Object.assign(FwdMenu, {
+  Item,
+  Group
+});
+export {
+  MenuV2
+};

package/dist/components/Meter/index.d.ts

@@ -0,0 +1,26 @@
+type Strength = {
+    /**
+     * Color to display
+     */
+    color: string;
+    /**
+     * Text to display
+     */
+    text: string;
+};
+type PasswordStrengthMeterProps = {
+    /**
+     * Strength is used for defining different color and text associated with it.
+     */
+    strength: Strength[];
+    title: string;
+    value: number;
+    className?: string;
+    'data-testid'?: string;
+    id?: string;
+};
+/**
+ * Show strength of a password based on different criteria.
+ */
+export declare const Meter: ({ strength, title, value, className, "data-testid": dataTestId, id, }: PasswordStrengthMeterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Meter/index.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Text } from "../Text/index.js";
+const StyledStrength = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e157fc5l2"
+} : {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e157fc5l2",
+  label: "StyledStrength"
+})("float:right;vertical-align:top;color:", ({
+  strength
+}) => strength.color, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgU3R5bGVkU3RyZW5ndGggPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzdHJlbmd0aDogU3RyZW5ndGggfT5gXG4gIGZsb2F0OiByaWdodDtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgY29sb3I6ICR7KHsgc3RyZW5ndGggfSkgPT4gc3RyZW5ndGguY29sb3J9O1xuYFxuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFN0eWxlZE1ldGVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiBhbGwgMC41cztcbmBcblxudHlwZSBTdHJlbmd0aCA9IHtcbiAgLyoqXG4gICAqIENvbG9yIHRvIGRpc3BsYXlcbiAgICovXG4gIGNvbG9yOiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheVxuICAgKi9cbiAgdGV4dDogc3RyaW5nXG59XG5cbnR5cGUgUGFzc3dvcmRTdHJlbmd0aE1ldGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTdHJlbmd0aCBpcyB1c2VkIGZvciBkZWZpbmluZyBkaWZmZXJlbnQgY29sb3IgYW5kIHRleHQgYXNzb2NpYXRlZCB3aXRoIGl0LlxuICAgKi9cbiAgc3RyZW5ndGg6IFN0cmVuZ3RoW11cbiAgdGl0bGU6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2hvdyBzdHJlbmd0aCBvZiBhIHBhc3N3b3JkIGJhc2VkIG9uIGRpZmZlcmVudCBjcml0ZXJpYS5cbiAqL1xuZXhwb3J0IGNvbnN0IE1ldGVyID0gKHtcbiAgc3RyZW5ndGgsXG4gIHRpdGxlLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBpZCxcbn06IFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRvVmFsdWUgPSAoKHZhbHVlICsgMSkgLyBzdHJlbmd0aC5sZW5ndGgpICogMTAwXG4gIGNvbnN0IHdpZHRoID0gYCR7dG9WYWx1ZX0lYFxuXG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IHN0cmVuZ3RoW3ZhbHVlXT8uY29sb3IgPz8gc3RyZW5ndGhbMF0uY29sb3JcbiAgY29uc3QgdGV4dCA9IHN0cmVuZ3RoW3ZhbHVlXT8udGV4dCA/PyBzdHJlbmd0aFswXS50ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgYXJpYS12YWx1ZW1heD17c3RyZW5ndGgubGVuZ3RoID8/IDB9XG4gICAgICBhcmlhLXZhbHVlbWluPXswfVxuICAgICAgYXJpYS12YWx1ZW5vdz17dmFsdWV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcm9sZT1cIm1ldGVyXCJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIGFyaWEtbGFiZWxsZWRieT1cIm1ldGVyLWxhYmVsXCJcbiAgICA+XG4gICAgICA8VGV4dCBpZD1cIm1ldGVyLWxhYmVsXCIgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiIGFzPVwicFwiPlxuICAgICAgICB7dGl0bGV9XG4gICAgICAgIDxTdHlsZWRTdHJlbmd0aFxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgICAgc3RyZW5ndGg9e3N0cmVuZ3RoW3ZhbHVlXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1N0eWxlZFN0cmVuZ3RoPlxuICAgICAgPC9UZXh0PlxuXG4gICAgICA8U3R5bGVkV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZE1ldGVyXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */"));
+const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e157fc5l1"
+} : {
+  target: "e157fc5l1",
+  label: "StyledWrapper"
+})("background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundDisabled, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";height:", ({
+  theme
+}) => theme.space["1"], ";margin-top:", ({
+  theme
+}) => theme.space["1"], ";margin-bottom:", ({
+  theme
+}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgU3R5bGVkU3RyZW5ndGggPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzdHJlbmd0aDogU3RyZW5ndGggfT5gXG4gIGZsb2F0OiByaWdodDtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgY29sb3I6ICR7KHsgc3RyZW5ndGggfSkgPT4gc3RyZW5ndGguY29sb3J9O1xuYFxuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFN0eWxlZE1ldGVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiBhbGwgMC41cztcbmBcblxudHlwZSBTdHJlbmd0aCA9IHtcbiAgLyoqXG4gICAqIENvbG9yIHRvIGRpc3BsYXlcbiAgICovXG4gIGNvbG9yOiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheVxuICAgKi9cbiAgdGV4dDogc3RyaW5nXG59XG5cbnR5cGUgUGFzc3dvcmRTdHJlbmd0aE1ldGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTdHJlbmd0aCBpcyB1c2VkIGZvciBkZWZpbmluZyBkaWZmZXJlbnQgY29sb3IgYW5kIHRleHQgYXNzb2NpYXRlZCB3aXRoIGl0LlxuICAgKi9cbiAgc3RyZW5ndGg6IFN0cmVuZ3RoW11cbiAgdGl0bGU6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2hvdyBzdHJlbmd0aCBvZiBhIHBhc3N3b3JkIGJhc2VkIG9uIGRpZmZlcmVudCBjcml0ZXJpYS5cbiAqL1xuZXhwb3J0IGNvbnN0IE1ldGVyID0gKHtcbiAgc3RyZW5ndGgsXG4gIHRpdGxlLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBpZCxcbn06IFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRvVmFsdWUgPSAoKHZhbHVlICsgMSkgLyBzdHJlbmd0aC5sZW5ndGgpICogMTAwXG4gIGNvbnN0IHdpZHRoID0gYCR7dG9WYWx1ZX0lYFxuXG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IHN0cmVuZ3RoW3ZhbHVlXT8uY29sb3IgPz8gc3RyZW5ndGhbMF0uY29sb3JcbiAgY29uc3QgdGV4dCA9IHN0cmVuZ3RoW3ZhbHVlXT8udGV4dCA/PyBzdHJlbmd0aFswXS50ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgYXJpYS12YWx1ZW1heD17c3RyZW5ndGgubGVuZ3RoID8/IDB9XG4gICAgICBhcmlhLXZhbHVlbWluPXswfVxuICAgICAgYXJpYS12YWx1ZW5vdz17dmFsdWV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcm9sZT1cIm1ldGVyXCJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIGFyaWEtbGFiZWxsZWRieT1cIm1ldGVyLWxhYmVsXCJcbiAgICA+XG4gICAgICA8VGV4dCBpZD1cIm1ldGVyLWxhYmVsXCIgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiIGFzPVwicFwiPlxuICAgICAgICB7dGl0bGV9XG4gICAgICAgIDxTdHlsZWRTdHJlbmd0aFxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgICAgc3RyZW5ndGg9e3N0cmVuZ3RoW3ZhbHVlXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1N0eWxlZFN0cmVuZ3RoPlxuICAgICAgPC9UZXh0PlxuXG4gICAgICA8U3R5bGVkV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZE1ldGVyXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */"));
+const StyledMeter = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e157fc5l0"
+} : {
+  target: "e157fc5l0",
+  label: "StyledMeter"
+})("border-radius:", ({
+  theme
+}) => theme.radii.default, ";height:100%;transition:all 0.5s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFN0eWxlZFN0cmVuZ3RoID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc3RyZW5ndGg6IFN0cmVuZ3RoIH0+YFxuICBmbG9hdDogcmlnaHQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGNvbG9yOiAkeyh7IHN0cmVuZ3RoIH0pID0+IHN0cmVuZ3RoLmNvbG9yfTtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG5jb25zdCBTdHlsZWRNZXRlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuNXM7XG5gXG5cbnR5cGUgU3RyZW5ndGggPSB7XG4gIC8qKlxuICAgKiBDb2xvciB0byBkaXNwbGF5XG4gICAqL1xuICBjb2xvcjogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXlcbiAgICovXG4gIHRleHQ6IHN0cmluZ1xufVxuXG50eXBlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzID0ge1xuICAvKipcbiAgICogU3RyZW5ndGggaXMgdXNlZCBmb3IgZGVmaW5pbmcgZGlmZmVyZW50IGNvbG9yIGFuZCB0ZXh0IGFzc29jaWF0ZWQgd2l0aCBpdC5cbiAgICovXG4gIHN0cmVuZ3RoOiBTdHJlbmd0aFtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNob3cgc3RyZW5ndGggb2YgYSBwYXNzd29yZCBiYXNlZCBvbiBkaWZmZXJlbnQgY3JpdGVyaWEuXG4gKi9cbmV4cG9ydCBjb25zdCBNZXRlciA9ICh7XG4gIHN0cmVuZ3RoLFxuICB0aXRsZSxcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG59OiBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcykgPT4ge1xuICBjb25zdCB0b1ZhbHVlID0gKCh2YWx1ZSArIDEpIC8gc3RyZW5ndGgubGVuZ3RoKSAqIDEwMFxuICBjb25zdCB3aWR0aCA9IGAke3RvVmFsdWV9JWBcblxuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBzdHJlbmd0aFt2YWx1ZV0/LmNvbG9yID8/IHN0cmVuZ3RoWzBdLmNvbG9yXG4gIGNvbnN0IHRleHQgPSBzdHJlbmd0aFt2YWx1ZV0/LnRleHQgPz8gc3RyZW5ndGhbMF0udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGFyaWEtdmFsdWVtYXg9e3N0cmVuZ3RoLmxlbmd0aCA/PyAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3ZhbHVlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJvbGU9XCJtZXRlclwiXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9XCJtZXRlci1sYWJlbFwiXG4gICAgPlxuICAgICAgPFRleHQgaWQ9XCJtZXRlci1sYWJlbFwiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIiBhcz1cInBcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgICA8U3R5bGVkU3RyZW5ndGhcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIlxuICAgICAgICAgIHN0cmVuZ3RoPXtzdHJlbmd0aFt2YWx1ZV19XG4gICAgICAgID5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9TdHlsZWRTdHJlbmd0aD5cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRNZXRlclxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
+const Meter = ({
+  strength,
+  title,
+  value,
+  className,
+  "data-testid": dataTestId,
+  id
+}) => {
+  const toValue = (value + 1) / strength.length * 100;
+  const width = `${toValue}%`;
+  const backgroundColor = strength[value]?.color ?? strength[0].color;
+  const text = strength[value]?.text ?? strength[0].text;
+  return /* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-valuemax": strength.length ?? 0, "aria-valuemin": 0, "aria-valuenow": value, className, "data-testid": dataTestId, id, role: "meter", title, "aria-labelledby": "meter-label", children: [
+    /* @__PURE__ */ jsxs(Text, { id: "meter-label", variant: "bodySmallStrong", as: "p", children: [
+      title,
+      /* @__PURE__ */ jsx(StyledStrength, { as: "span", variant: "bodySmallStrong", strength: strength[value], children: text })
+    ] }),
+    /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsx(StyledMeter, { style: {
+      backgroundColor,
+      width
+    } }) })
+  ] });
+};
+export {
+  Meter
+};

package/dist/components/Modal/Dialog.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DialogProps } from './types';
+export declare const Dialog: ({ children, open, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, dialogCss, backdropCss, }: DialogProps) => import("react").ReactPortal | null;

package/dist/components/Modal/Dialog.js

@@ -0,0 +1,141 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useRef, useEffect, useCallback } from "react";
+import { createPortal } from "react-dom";
+import { MODAL_WIDTH, MODAL_PLACEMENT } from "./constants.js";
+const StyledBackdrop = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cqen9h1"
+} : {
+  target: "e1cqen9h1",
+  label: "StyledBackdrop"
+})("position:fixed;top:0;right:0;height:0;width:0;overflow:hidden;background-color:", ({
+  theme
+}) => theme.colors.overlay, ";z-index:1;&[data-open='true']{padding:", ({
+  theme
+}) => theme.space["2"], ";overflow:auto;display:flex;bottom:0;left:0;height:100%;width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgUmVhY3RFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tICdyZWFjdC1kb20nXG5pbXBvcnQgeyBNT0RBTF9QTEFDRU1FTlQsIE1PREFMX1dJRFRIIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBNb2RhbFBsYWNlbWVudCwgTW9kYWxTaXplIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PHsgJ2RhdGEtb3Blbic6IGJvb2xlYW4gfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3ZlcmxheX07XG4gIHotaW5kZXg6IDE7XG5cbiAgJltkYXRhLW9wZW49J3RydWUnXSB7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuXG50eXBlIFN0eWxlZERpYWxvZ1Byb3BzID0ge1xuICAnZGF0YS1zaXplJzogTW9kYWxTaXplXG4gICdkYXRhLXBsYWNlbWVudCc6IE1vZGFsUGxhY2VtZW50XG59XG5cbmNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZC5kaWFsb2c8U3R5bGVkRGlhbG9nUHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB3aWR0aDogJHtNT0RBTF9XSURUSC5tZWRpdW19cHg7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5tb2RhbH07XG5cbiAgJHtPYmplY3QuZW50cmllcyhNT0RBTF9XSURUSCkubWFwKFxuICAgIChbc2l6ZSwgdmFsdWVdKSA9PiBgXG4gICAgICAmW2RhdGEtc2l6ZT1cIiR7c2l6ZX1cIl0ge1xuICAgICAgICB3aWR0aDogJHt2YWx1ZX1weDtcbiAgICAgIH1cbiAgICAgIGAsXG4gICl9XG5cbiAgJHtPYmplY3QuZW50cmllcyhNT0RBTF9QTEFDRU1FTlQpLm1hcChcbiAgICAoW3BsYWNlbWVudCwgdmFsdWVdKSA9PiBgXG4gICAgICAgICZbZGF0YS1wbGFjZW1lbnQ9XCIke3BsYWNlbWVudH1cIl0ge1xuICAgICAgICAgICR7dmFsdWV9XG4gICAgICAgIH1cbiAgICAgICAgYCxcbiAgKX1cbmBcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9ICh7XG4gIGNoaWxkcmVuLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xvc2UsXG4gIGhpZGVPbkNsaWNrT3V0c2lkZSxcbiAgc2l6ZSxcbiAgaWQsXG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBwcmV2ZW50Qm9keVNjcm9sbCxcbiAgaGlkZU9uRXNjLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgZGlhbG9nQ3NzLFxuICBiYWNrZHJvcENzcyxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKSlcbiAgY29uc3QgZGlhbG9nUmVmID0gdXNlUmVmPEhUTUxEaWFsb2dFbGVtZW50PihudWxsKVxuICBjb25zdCBvbkNsb3NlUmVmID0gdXNlUmVmKG9uQ2xvc2UpXG5cbiAgLy8gUG9ydGFsIHRvIHB1dCB0aGUgbW9kYWwgaW5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICBpZiAob3Blbikge1xuICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlbGVtZW50KVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZG9jdW1lbnQuYm9keS5jb250YWlucyhlbGVtZW50KSkge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKGVsZW1lbnQpXG4gICAgICB9XG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gU2F2ZSB0aGUgcmVhc3NpZ25tZW50IG9mIGV2ZW50SGFuZGxlciBpbiB0aGUgdXNlRWZmZWN0IGJlbG93XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DbG9zZVJlZi5jdXJyZW50ID0gb25DbG9zZVxuICB9LCBbb25DbG9zZV0pXG5cbiAgLy8gT24gb3BlbiBmb2N1cyB0aGUgbW9kYWxcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob3Blbikge1xuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICB9XG4gIH0sIFtvcGVuXSlcblxuICAvLyBIYW5kbGUgYm9keSBzY3JvbGxcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBwcmV2aW91c092ZXJmbG93ID0gZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvd1xuXG4gICAgaWYgKG9wZW4gJiYgcHJldmVudEJvZHlTY3JvbGwpIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJ1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gcHJldmlvdXNPdmVyZmxvd1xuICAgIH1cbiAgfSwgW3ByZXZlbnRCb2R5U2Nyb2xsLCBvcGVuXSlcblxuICAvLyBTdG9wIGZvY3VzIHRvIHByZXZlbnQgdW5leHBlY3RlZCBib2R5IGxvb3NlIGZvY3VzXG4gIGNvbnN0IHN0b3BGb2N1czogRm9jdXNFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfSwgW10pXG5cbiAgLy8gU3RvcCBjbGljayB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgZGlhbG9nIGNsb3NlXG4gIGNvbnN0IHN0b3BDbGljazogTW91c2VFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfSwgW10pXG5cbiAgLy8gaGFuZGxlIGtleSB1cCA6IHVzZWQgd2hlbiBoYXZpbmcgaW5wdXRzIGluIG1vZGFscyAtIHVzZWZ1bCBmb3IgaGlkZU9uRXNjXG4gIGNvbnN0IGhhbmRsZUtleVVwOiBLZXlib2FyZEV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBoaWRlT25Fc2MpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBvbkNsb3NlUmVmLmN1cnJlbnQoKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2hpZGVPbkVzY10sXG4gIClcblxuICBjb25zdCBoYW5kbGVDbG9zZTogTW91c2VFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGhpZGVPbkNsaWNrT3V0c2lkZSkge1xuICAgICAgICBvbkNsb3NlUmVmLmN1cnJlbnQoKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gQmVjYXVzZSBvdmVybGF5IGlzIG5vdCBmb2N1c2FibGUgd2UgY2FuJ3QgaGFuZGxlIGhpZGVPbkVzYyBwcm9wZXJseVxuICAgICAgICBkaWFsb2dSZWYuY3VycmVudD8uZm9jdXMoKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2hpZGVPbkNsaWNrT3V0c2lkZV0sXG4gIClcblxuICAvLyBFbmFibGUgZm9jdXMgdHJhcCBpbnNpZGUgdGhlIG1vZGFsXG4gIGNvbnN0IGhhbmRsZUZvY3VzVHJhcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgaXNUYWJQcmVzc2VkID0gZXZlbnQua2V5ID09PSAnVGFiJ1xuXG4gICAgaWYgKCFpc1RhYlByZXNzZWQpIHtcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IGZvY3VzYWJsZUVscyA9XG4gICAgICBkaWFsb2dSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgJ2FbaHJlZl06bm90KFtkaXNhYmxlZF0pLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCB0ZXh0YXJlYTpub3QoW2Rpc2FibGVkXSksIGlucHV0Om5vdChbZGlzYWJsZWRdKSwgc2VsZWN0Om5vdChbZGlzYWJsZWRdKScsXG4gICAgICApID8/IFtdXG5cbiAgICAvLyBIYW5kbGUgY2FzZSB3aGVuIG5vIGludGVyYWN0aXZlIGVsZW1lbnQgYXJlIHdpdGhpbiB0aGUgbW9kYWwgKGluY2x1ZGluZyBjbG9zZSBpY29uKVxuICAgIGlmIChmb2N1c2FibGVFbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuXG4gICAgY29uc3QgZmlyc3RGb2N1c2FibGVFbCA9IGZvY3VzYWJsZUVsc1swXSBhcyBIVE1MRWxlbWVudFxuICAgIGNvbnN0IGxhc3RGb2N1c2FibGVFbCA9IGZvY3VzYWJsZUVsc1tmb2N1c2FibGVFbHMubGVuZ3RoIC0gMV0gYXMgSFRNTEVsZW1lbnRcblxuICAgIGlmIChldmVudC5zaGlmdEtleSkge1xuICAgICAgaWYgKFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBmaXJzdEZvY3VzYWJsZUVsIHx8XG4gICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGRpYWxvZ1JlZi5jdXJyZW50XG4gICAgICApIHtcbiAgICAgICAgbGFzdEZvY3VzYWJsZUVsLmZvY3VzKClcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoXG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBsYXN0Rm9jdXNhYmxlRWwgfHxcbiAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGRpYWxvZ1JlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBmaXJzdEZvY3VzYWJsZUVsLmZvY3VzKClcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB9XG4gIH0sIFtdKVxuXG4gIC8vIFByZXZlbnQgZGVmYXVsdCBiZWhhdmlvdXIgb24gRXNjYXBlXG4gIGNvbnN0IHN0b3BDYW5jZWw6IFJlYWN0RXZlbnRIYW5kbGVyID0gZXZlbnQgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9XG5cbiAgcmV0dXJuIG9wZW5cbiAgICA/IGNyZWF0ZVBvcnRhbChcbiAgICAgICAgPFN0eWxlZEJhY2tkcm9wXG4gICAgICAgICAgZGF0YS1vcGVuPXtvcGVufVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfVxuICAgICAgICAgIGNsYXNzTmFtZT17YmFja2Ryb3BDbGFzc05hbWV9XG4gICAgICAgICAgY3NzPXtiYWNrZHJvcENzc31cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWJhY2tkcm9wYCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkZvY3VzPXtzdG9wRm9jdXN9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkRGlhbG9nXG4gICAgICAgICAgICBjc3M9e2RpYWxvZ0Nzc31cbiAgICAgICAgICAgIG9uS2V5VXA9e2hhbmRsZUtleVVwfVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVGb2N1c1RyYXB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgZGF0YS1wbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBvbkNsaWNrPXtzdG9wQ2xpY2t9XG4gICAgICAgICAgICBvbkNhbmNlbD17c3RvcENhbmNlbH1cbiAgICAgICAgICAgIG9uQ2xvc2U9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBhcmlhLW1vZGFsXG4gICAgICAgICAgICByZWY9e2RpYWxvZ1JlZn1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcGVuID8gY2hpbGRyZW4gOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkRGlhbG9nPlxuICAgICAgICA8L1N0eWxlZEJhY2tkcm9wPixcbiAgICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQsXG4gICAgICApXG4gICAgOiBudWxsXG59XG4iXX0= */"));
+const StyledDialog = /* @__PURE__ */ _styled("dialog", process.env.NODE_ENV === "production" ? {
+  target: "e1cqen9h0"
+} : {
+  target: "e1cqen9h0",
+  label: "StyledDialog"
+})("background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakElevated, ";position:relative;border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0;padding:", ({
+  theme
+}) => theme.space["3"], ";width:", MODAL_WIDTH.medium, "px;box-shadow:", ({
+  theme
+}) => theme.shadows.modal, ";", Object.entries(MODAL_WIDTH).map(([size, value]) => `
+      &[data-size="${size}"] {
+        width: ${value}px;
+      }
+      `), " ", Object.entries(MODAL_PLACEMENT).map(([placement, value]) => `
+        &[data-placement="${placement}"] {
+          ${value}
+        }
+        `), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Nb2RhbC9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgTU9EQUxfUExBQ0VNRU5ULCBNT0RBTF9XSURUSCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dQcm9wcywgTW9kYWxQbGFjZW1lbnQsIE1vZGFsU2l6ZSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjx7ICdkYXRhLW9wZW4nOiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMDtcbiAgd2lkdGg6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm92ZXJsYXl9O1xuICB6LWluZGV4OiAxO1xuXG4gICZbZGF0YS1vcGVuPSd0cnVlJ10ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxudHlwZSBTdHlsZWREaWFsb2dQcm9wcyA9IHtcbiAgJ2RhdGEtc2l6ZSc6IE1vZGFsU2l6ZVxuICAnZGF0YS1wbGFjZW1lbnQnOiBNb2RhbFBsYWNlbWVudFxufVxuXG5jb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQuZGlhbG9nPFN0eWxlZERpYWxvZ1Byb3BzPmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRWxldmF0ZWR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgd2lkdGg6ICR7TU9EQUxfV0lEVEgubWVkaXVtfXB4O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MubW9kYWx9O1xuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfV0lEVEgpLm1hcChcbiAgICAoW3NpemUsIHZhbHVlXSkgPT4gYFxuICAgICAgJltkYXRhLXNpemU9XCIke3NpemV9XCJdIHtcbiAgICAgICAgd2lkdGg6ICR7dmFsdWV9cHg7XG4gICAgICB9XG4gICAgICBgLFxuICApfVxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfUExBQ0VNRU5UKS5tYXAoXG4gICAgKFtwbGFjZW1lbnQsIHZhbHVlXSkgPT4gYFxuICAgICAgICAmW2RhdGEtcGxhY2VtZW50PVwiJHtwbGFjZW1lbnR9XCJdIHtcbiAgICAgICAgICAke3ZhbHVlfVxuICAgICAgICB9XG4gICAgICAgIGAsXG4gICl9XG5gXG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbixcbiAgcGxhY2VtZW50LFxuICBvbkNsb3NlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIHNpemUsXG4gIGlkLFxuICBhcmlhTGFiZWwsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcHJldmVudEJvZHlTY3JvbGwsXG4gIGhpZGVPbkVzYyxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGRpYWxvZ0NzcyxcbiAgYmFja2Ryb3BDc3MsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYoZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JykpXG4gIGNvbnN0IGRpYWxvZ1JlZiA9IHVzZVJlZjxIVE1MRGlhbG9nRWxlbWVudD4obnVsbClcbiAgY29uc3Qgb25DbG9zZVJlZiA9IHVzZVJlZihvbkNsb3NlKVxuXG4gIC8vIFBvcnRhbCB0byBwdXQgdGhlIG1vZGFsIGluXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbWVudClcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChlbGVtZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIFNhdmUgdGhlIHJlYXNzaWdubWVudCBvZiBldmVudEhhbmRsZXIgaW4gdGhlIHVzZUVmZmVjdCBiZWxvd1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2xvc2VSZWYuY3VycmVudCA9IG9uQ2xvc2VcbiAgfSwgW29uQ2xvc2VdKVxuXG4gIC8vIE9uIG9wZW4gZm9jdXMgdGhlIG1vZGFsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gSGFuZGxlIGJvZHkgc2Nyb2xsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcHJldmlvdXNPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dcblxuICAgIGlmIChvcGVuICYmIHByZXZlbnRCb2R5U2Nyb2xsKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHByZXZpb3VzT3ZlcmZsb3dcbiAgICB9XG4gIH0sIFtwcmV2ZW50Qm9keVNjcm9sbCwgb3Blbl0pXG5cbiAgLy8gU3RvcCBmb2N1cyB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgYm9keSBsb29zZSBmb2N1c1xuICBjb25zdCBzdG9wRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIFN0b3AgY2xpY2sgdG8gcHJldmVudCB1bmV4cGVjdGVkIGRpYWxvZyBjbG9zZVxuICBjb25zdCBzdG9wQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIGhhbmRsZSBrZXkgdXAgOiB1c2VkIHdoZW4gaGF2aW5nIGlucHV0cyBpbiBtb2RhbHMgLSB1c2VmdWwgZm9yIGhpZGVPbkVzY1xuICBjb25zdCBoYW5kbGVLZXlVcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgaGlkZU9uRXNjKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25Fc2NdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2U6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChoaWRlT25DbGlja091dHNpZGUpIHtcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEJlY2F1c2Ugb3ZlcmxheSBpcyBub3QgZm9jdXNhYmxlIHdlIGNhbid0IGhhbmRsZSBoaWRlT25Fc2MgcHJvcGVybHlcbiAgICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25DbGlja091dHNpZGVdLFxuICApXG5cbiAgLy8gRW5hYmxlIGZvY3VzIHRyYXAgaW5zaWRlIHRoZSBtb2RhbFxuICBjb25zdCBoYW5kbGVGb2N1c1RyYXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IGlzVGFiUHJlc3NlZCA9IGV2ZW50LmtleSA9PT0gJ1RhYidcblxuICAgIGlmICghaXNUYWJQcmVzc2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBmb2N1c2FibGVFbHMgPVxuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICdhW2hyZWZdOm5vdChbZGlzYWJsZWRdKSwgYnV0dG9uOm5vdChbZGlzYWJsZWRdKSwgdGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAgICAgKSA/PyBbXVxuXG4gICAgLy8gSGFuZGxlIGNhc2Ugd2hlbiBubyBpbnRlcmFjdGl2ZSBlbGVtZW50IGFyZSB3aXRoaW4gdGhlIG1vZGFsIChpbmNsdWRpbmcgY2xvc2UgaWNvbilcbiAgICBpZiAoZm9jdXNhYmxlRWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cblxuICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbMF0gYXMgSFRNTEVsZW1lbnRcbiAgICBjb25zdCBsYXN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbZm9jdXNhYmxlRWxzLmxlbmd0aCAtIDFdIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAoZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RGb2N1c2FibGVFbCB8fFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICAgKSB7XG4gICAgICAgIGxhc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gbGFzdEZvY3VzYWJsZUVsIHx8XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICkge1xuICAgICAgZmlyc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuICB9LCBbXSlcblxuICAvLyBQcmV2ZW50IGRlZmF1bHQgYmVoYXZpb3VyIG9uIEVzY2FwZVxuICBjb25zdCBzdG9wQ2FuY2VsOiBSZWFjdEV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfVxuXG4gIHJldHVybiBvcGVuXG4gICAgPyBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgICAgIGRhdGEtb3Blbj17b3Blbn1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgIGNzcz17YmFja2Ryb3BDc3N9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1iYWNrZHJvcGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25Gb2N1cz17c3RvcEZvY3VzfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZERpYWxvZ1xuICAgICAgICAgICAgY3NzPXtkaWFsb2dDc3N9XG4gICAgICAgICAgICBvbktleVVwPXtoYW5kbGVLZXlVcH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlRm9jdXNUcmFwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17c3RvcENsaWNrfVxuICAgICAgICAgICAgb25DYW5jZWw9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBvbkNsb3NlPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgYXJpYS1tb2RhbFxuICAgICAgICAgICAgcmVmPXtkaWFsb2dSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3BlbiA/IGNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZERpYWxvZz5cbiAgICAgICAgPC9TdHlsZWRCYWNrZHJvcD4sXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgKVxuICAgIDogbnVsbFxufVxuIl19 */"));
+const Dialog = ({
+  children,
+  open,
+  placement,
+  onClose,
+  hideOnClickOutside,
+  size,
+  id,
+  ariaLabel,
+  className,
+  "data-testid": dataTestId,
+  preventBodyScroll,
+  hideOnEsc,
+  backdropClassName,
+  dialogCss,
+  backdropCss
+}) => {
+  const containerRef = useRef(document.createElement("div"));
+  const dialogRef = useRef(null);
+  const onCloseRef = useRef(onClose);
+  useEffect(() => {
+    const element = containerRef.current;
+    if (open) {
+      document.body.appendChild(element);
+    }
+    return () => {
+      if (document.body.contains(element)) {
+        document.body.removeChild(element);
+      }
+    };
+  }, [open]);
+  useEffect(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+  useEffect(() => {
+    if (open) {
+      dialogRef.current?.focus();
+    }
+  }, [open]);
+  useEffect(() => {
+    const previousOverflow = document.body.style.overflow;
+    if (open && preventBodyScroll) {
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [preventBodyScroll, open]);
+  const stopFocus = useCallback((event) => {
+    event.stopPropagation();
+  }, []);
+  const stopClick = useCallback((event) => {
+    event.stopPropagation();
+  }, []);
+  const handleKeyUp = useCallback((event) => {
+    event.stopPropagation();
+    if (event.key === "Escape" && hideOnEsc) {
+      event.preventDefault();
+      onCloseRef.current();
+    }
+  }, [hideOnEsc]);
+  const handleClose = useCallback((event) => {
+    event.stopPropagation();
+    if (hideOnClickOutside) {
+      onCloseRef.current();
+    } else {
+      dialogRef.current?.focus();
+    }
+  }, [hideOnClickOutside]);
+  const handleFocusTrap = useCallback((event) => {
+    event.stopPropagation();
+    if (event.key === "Escape") {
+      event.preventDefault();
+      return;
+    }
+    const isTabPressed = event.key === "Tab";
+    if (!isTabPressed) {
+      return;
+    }
+    const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
+    if (focusableEls.length === 0) {
+      event.preventDefault();
+    }
+    const firstFocusableEl = focusableEls[0];
+    const lastFocusableEl = focusableEls[focusableEls.length - 1];
+    if (event.shiftKey) {
+      if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
+        lastFocusableEl.focus();
+        event.preventDefault();
+      }
+    } else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
+      firstFocusableEl.focus();
+      event.preventDefault();
+    }
+  }, []);
+  const stopCancel = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return open ? createPortal(/* @__PURE__ */ jsx(StyledBackdrop, { "data-open": open, onClick: handleClose, className: backdropClassName, css: backdropCss, "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0, onFocus: stopFocus, children: /* @__PURE__ */ jsx(StyledDialog, { css: dialogCss, onKeyUp: handleKeyUp, onKeyDown: handleFocusTrap, className, id, "data-testid": dataTestId, "aria-label": ariaLabel, "data-placement": placement, "data-size": size, open, onClick: stopClick, onCancel: stopCancel, onClose: stopCancel, "aria-modal": true, ref: dialogRef, tabIndex: 0, children: open ? children : null }) }), containerRef.current) : null;
+};
+export {
+  Dialog
+};

package/dist/components/Modal/Disclosure.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DisclosureProps } from './types';
+export declare const Disclosure: ({ disclosure, handleOpen, visible, handleClose, toggle, id, }: DisclosureProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/{src/components → components}/Modal/Disclosure.js

@@ -1,5 +1,4 @@
-import { useEffect, useMemo, isValidElement, cloneElement, createRef } from 'react';
-
+import { createRef, useEffect, useMemo, isValidElement, cloneElement } from "react";
 const Disclosure = ({
   disclosure,
   handleOpen,
@@ -8,16 +7,16 @@ const Disclosure = ({
   toggle,
   id
 }) => {
-  const disclosureRef = /*#__PURE__*/createRef();
+  const disclosureRef = createRef();
   useEffect(() => {
     const element = disclosureRef.current;
-    element?.addEventListener('click', handleOpen);
+    element?.addEventListener("click", handleOpen);
     return () => {
-      element?.removeEventListener('click', handleOpen);
+      element?.removeEventListener("click", handleOpen);
     };
   }, [handleOpen, disclosureRef]);
   const finalDisclosure = useMemo(() => {
-    if (typeof disclosure === 'function') {
+    if (typeof disclosure === "function") {
       return disclosure({
         visible,
         onClose: handleClose,
@@ -31,14 +30,15 @@ const Disclosure = ({
     }
     return disclosure;
   }, [disclosure, handleOpen, handleClose, id, toggle, visible]);
-  if (! /*#__PURE__*/isValidElement(finalDisclosure)) {
+  if (!isValidElement(finalDisclosure)) {
     return null;
   }
-  return /*#__PURE__*/cloneElement(finalDisclosure, {
+  return cloneElement(finalDisclosure, {
     ref: disclosureRef,
-    'aria-controls': id,
-    'aria-haspopup': 'dialog'
+    "aria-controls": id,
+    "aria-haspopup": "dialog"
   });
 };
-
-export { Disclosure };
+export {
+  Disclosure
+};

package/dist/components/Modal/constants.d.ts

@@ -0,0 +1,3 @@
+import type { ModalPlacement, ModalSize } from './types';
+export declare const MODAL_WIDTH: Record<ModalSize, number>;
+export declare const MODAL_PLACEMENT: Record<ModalPlacement, string>;

package/dist/{src/components → components}/Modal/constants.js

@@ -10,12 +10,12 @@ const MODAL_PLACEMENT = {
     margin: auto;
     margin-bottom: 0;
   `,
-  'bottom-left': `
+  "bottom-left": `
     margin: auto;
     margin-left: 0;
     margin-bottom: 0;
   `,
-  'bottom-right': `
+  "bottom-right": `
     margin: auto;
     margin-right: 0;
     margin-bottom: 0;
@@ -35,16 +35,18 @@ const MODAL_PLACEMENT = {
     margin: auto;
     margin-top: 0px;
   `,
-  'top-left': `
+  "top-left": `
     margin: auto;
     margin-left: 0;
     margin-top: 0;
   `,
-  'top-right': `
+  "top-right": `
     margin: auto;
     margin-right: 0;
     margin-top: 0;
   `
 };
-
-export { MODAL_PLACEMENT, MODAL_WIDTH };
+export {
+  MODAL_PLACEMENT,
+  MODAL_WIDTH
+};

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,42 @@
+import type { ReactElement, ReactNode } from 'react';
+import type React from 'react';
+import type { ModalPlacement, ModalSize, ModalState } from './types';
+export type ModalProps = {
+    id?: string;
+    hideOnEsc?: boolean;
+    hideOnClickOutside?: boolean;
+    preventBodyScroll?: boolean;
+    ariaLabel?: string;
+    disclosure?: ReactElement | ((state: ModalState) => ReactElement);
+    isClosable?: boolean;
+    onClose?: () => void;
+    onBeforeClose?: () => Promise<void> | void;
+    open?: boolean;
+    /**
+     * @deprecated You should use open prop instead
+     */
+    opened?: boolean;
+    placement?: ModalPlacement;
+    size?: ModalSize;
+    /**
+     * @deprecated You should use size prop instead
+     */
+    width?: ModalSize;
+    children: ReactNode | ((args: ModalState) => ReactNode);
+    className?: string;
+    'data-testid'?: string;
+    backdropClassName?: string;
+    /**
+     * @deprecated You should use backdropClassName instead
+     */
+    customDialogBackdropStyles?: React.JSX.IntrinsicAttributes['css'];
+    /**
+     * @deprecated You should use className instead
+     */
+    customDialogStyles?: React.JSX.IntrinsicAttributes['css'];
+};
+/**
+ * Modal is a component that allows you to display content on top of other content.
+ * It is often used to display a dialog with additional information or to ask for a confirmation.
+ */
+export declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, open, opened, placement, preventBodyScroll, size, className, "data-testid": dataTestId, backdropClassName, width, customDialogStyles, customDialogBackdropStyles, }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;