@homebound/beam 2.378.1 → 2.379.1

package/dist/components/Banner.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Banner = Banner;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const IconButton_1 = require("./IconButton");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-function Banner(props) {
-    const { type, message, onClose = false, showIcon = true, ...others } = props;
-    const tid = (0, utils_1.useTestIds)(others, "banner");
-    return ((0, jsx_runtime_1.jsxs)("div", { css: { ...variantStyles[type], ...Css_1.Css.df.aic.w100.gap1.p2.gray900.base.bshBasic.$ }, ...tid, role: "alert", children: [showIcon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: typeToIcon[type], ...tid.type, color: Css_1.Palette.Gray900 }) })), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fg1.$, ...tid.message, children: message }), onClose && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lh(0).$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: onClose, ...tid.close, color: Css_1.Palette.Gray900 }) }))] }));
-}
-const typeToIcon = {
-    success: "checkCircle",
-    info: "infoCircle",
-    warning: "error",
-    alert: "errorCircle",
-    error: "xCircle",
-};
-const variantStyles = {
-    success: Css_1.Css.bgGreen100.gray900.$,
-    info: Css_1.Css.bgBlue100.gray900.$,
-    warning: Css_1.Css.bgYellow200.gray900.$,
-    alert: Css_1.Css.bgGray200.gray900.$,
-    error: Css_1.Css.bgRed100.gray900.$,
-};

package/dist/components/BeamContext.d.ts

@@ -1,32 +0,0 @@
-import { MutableRefObject, PropsWithChildren } from "react";
-import { ModalProps } from "./Modal/Modal";
-import { PresentationContextProps } from "./PresentationContext";
-import { ContentStack } from "./SuperDrawer/useSuperDrawer";
-import { CanCloseCheck, CheckFn } from "../types";
-/** The internal state of our Beam context; see useModal and useSuperDrawer for the public APIs. */
-export interface BeamContextState {
-    modalState: MutableRefObject<ModalProps | undefined>;
-    modalCanCloseChecks: MutableRefObject<CheckFn[]>;
-    /** The div for ModalHeader to portal into. */
-    modalHeaderDiv: HTMLDivElement;
-    /** The div for ModalBody to portal into; note this can't be a ref b/c Modal hasn't set the ref at the time ModalBody renders. */
-    modalBodyDiv: HTMLDivElement;
-    /** The div for ModalFooter to portal into. */
-    modalFooterDiv: HTMLDivElement;
-    /** SuperDrawer contentStack, i.e. the main/non-detail content + 0-N detail contents. */
-    drawerContentStack: MutableRefObject<readonly ContentStack[]>;
-    /** Checks when closing SuperDrawer, for the main/non-detail drawer content. */
-    drawerCanCloseChecks: MutableRefObject<CanCloseCheck[]>;
-    /** Checks when closing SuperDrawer Details, a double array to keep per-detail lists. */
-    drawerCanCloseDetailsChecks: MutableRefObject<CanCloseCheck[][]>;
-    /** The div for SuperDrawerHeader to portal into. */
-    sdHeaderDiv: HTMLDivElement;
-}
-/** This is only exported internally, for useModal and useSuperDrawer, it's not a public API. */
-export declare const BeamContext: import("react").Context<BeamContextState>;
-interface BeamProviderProps extends PropsWithChildren<PresentationContextProps> {
-}
-export declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function useBeamContext(): BeamContextState;
-export {};
-//# sourceMappingURL=BeamContext.d.ts.map

package/dist/components/BeamContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BeamContext.d.ts","sourceRoot":"","sources":["../../src/components/BeamContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,gBAAgB,EAAE,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAGpH,OAAO,EAAS,UAAU,EAAE,sBAAmC;AAC/D,OAAO,EAAE,wBAAwB,EAAwB,8BAA2C;AAGpG,OAAO,EAAE,YAAY,EAAE,qCAAkD;AACzE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,iBAAkB;AAKnD,mGAAmG;AACnG,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IACrD,mBAAmB,EAAE,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;IACjD,8CAA8C;IAC9C,cAAc,EAAE,cAAc,CAAC;IAC/B,iIAAiI;IACjI,YAAY,EAAE,cAAc,CAAC;IAC7B,8CAA8C;IAC9C,cAAc,EAAE,cAAc,CAAC;IAC/B,wFAAwF;IACxF,kBAAkB,EAAE,gBAAgB,CAAC,SAAS,YAAY,EAAE,CAAC,CAAC;IAC9D,+EAA+E;IAC/E,oBAAoB,EAAE,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC;IACxD,wFAAwF;IACxF,2BAA2B,EAAE,gBAAgB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACjE,oDAAoD;IACpD,WAAW,EAAE,cAAc,CAAC;CAC7B;AAED,gGAAgG;AAChG,eAAO,MAAM,WAAW,2CAUtB,CAAC;AAEH,UAAU,iBAAkB,SAAQ,iBAAiB,CAAC,wBAAwB,CAAC;CAAG;AAElF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,EAAE,iBAAiB,oDA2DjF;AAiBD,wBAAgB,cAAc,qBAE7B"}

package/dist/components/BeamContext.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BeamContext = void 0;
-exports.BeamProvider = BeamProvider;
-exports.useBeamContext = useBeamContext;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const index_1 = require("./AutoSaveStatus/index");
-const Modal_1 = require("./Modal/Modal");
-const PresentationContext_1 = require("./PresentationContext");
-const SnackbarContext_1 = require("./Snackbar/SnackbarContext");
-const SuperDrawer_1 = require("./SuperDrawer/SuperDrawer");
-const index_2 = require("../utils/index");
-const Layout_1 = require("./Layout");
-const ToastContext_1 = require("./Toast/ToastContext");
-/** This is only exported internally, for useModal and useSuperDrawer, it's not a public API. */
-exports.BeamContext = (0, react_1.createContext)({
-    modalState: new index_2.EmptyRef(),
-    modalCanCloseChecks: new index_2.EmptyRef(),
-    modalHeaderDiv: undefined,
-    modalBodyDiv: undefined,
-    modalFooterDiv: undefined,
-    drawerContentStack: new index_2.EmptyRef(),
-    drawerCanCloseChecks: new index_2.EmptyRef(),
-    drawerCanCloseDetailsChecks: new index_2.EmptyRef(),
-    sdHeaderDiv: undefined,
-});
-function BeamProvider({ children, ...presentationProps }) {
-    // We want the identity of these to be stable, b/c they end up being used as dependencies
-    // in both useModal's and useSuperDrawer's return values, which means the end-application's
-    // dependencies as well, i.e. things like GridTable rowStyles will memoize on openInDrawer.
-    // So we use refs + a tick.
-    const [, tick] = (0, react_1.useReducer)((prev) => prev + 1, 0);
-    const modalRef = (0, react_1.useRef)();
-    const modalHeaderDiv = (0, react_1.useMemo)(() => document.createElement("div"), []);
-    const modalBodyDiv = (0, react_1.useMemo)(() => {
-        const el = document.createElement("div");
-        // Ensure this wrapping div takes up the full height of its container in the case of a virtualized table within.
-        el.style.height = "100%";
-        return el;
-    }, []);
-    const modalCanCloseChecksRef = (0, react_1.useRef)([]);
-    const modalFooterDiv = (0, react_1.useMemo)(() => document.createElement("div"), []);
-    const drawerContentStackRef = (0, react_1.useRef)([]);
-    const drawerCanCloseChecks = (0, react_1.useRef)([]);
-    const drawerCanCloseDetailsChecks = (0, react_1.useRef)([]);
-    const sdHeaderDiv = (0, react_1.useMemo)(() => document.createElement("div"), []);
-    // We essentially expose the refs, but with our own getters/setters so that we can
-    // have the setters call `tick` to re-render this Provider
-    const context = (0, react_1.useMemo)(() => {
-        return {
-            // These two keys need to trigger re-renders on change
-            modalState: new PretendRefThatTicks(modalRef, tick),
-            drawerContentStack: new PretendRefThatTicks(drawerContentStackRef, tick),
-            // The rest we don't need to re-render when these are mutated, so just expose as-is
-            modalCanCloseChecks: modalCanCloseChecksRef,
-            modalHeaderDiv,
-            modalBodyDiv,
-            modalFooterDiv,
-            drawerCanCloseChecks,
-            drawerCanCloseDetailsChecks,
-            sdHeaderDiv,
-        };
-    }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
-    return ((0, jsx_runtime_1.jsx)(exports.BeamContext.Provider, { value: { ...context }, children: (0, jsx_runtime_1.jsx)(PresentationContext_1.PresentationProvider, { ...presentationProps, children: (0, jsx_runtime_1.jsx)(Layout_1.RightPaneProvider, { children: (0, jsx_runtime_1.jsx)(index_1.AutoSaveStatusProvider, { children: (0, jsx_runtime_1.jsx)(SnackbarContext_1.SnackbarProvider, { children: (0, jsx_runtime_1.jsxs)(ToastContext_1.ToastProvider, { children: [(0, jsx_runtime_1.jsxs)(react_aria_1.OverlayProvider, { children: [children, modalRef.current && (0, jsx_runtime_1.jsx)(Modal_1.Modal, { ...modalRef.current })] }), (0, jsx_runtime_1.jsx)(SuperDrawer_1.SuperDrawer, {})] }) }) }) }) }) }));
-}
-/** Looks like a ref, but invokes a re-render on set (w/o changing the setter identity). */
-class PretendRefThatTicks {
-    ref;
-    tick;
-    constructor(ref, tick) {
-        this.ref = ref;
-        this.tick = tick;
-    }
-    get current() {
-        return this.ref.current;
-    }
-    set current(value) {
-        this.ref.current = value;
-        this.tick();
-    }
-}
-function useBeamContext() {
-    return (0, react_1.useContext)(exports.BeamContext);
-}

package/dist/components/Button.d.ts

@@ -1,26 +0,0 @@
-import { AriaButtonProps } from "@react-types/button";
-import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
-import { IconProps } from "./";
-import { BeamButtonProps, BeamFocusableProps } from "../interfaces";
-export interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
-    label: ReactNode;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    icon?: IconProps["icon"] | null;
-    /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
-    endAdornment?: ReactNode;
-    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLElement>;
-    /** Allow for setting "submit" | "button" | "reset" on button element */
-    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
-    download?: boolean;
-    contrast?: boolean;
-    /** Additional text to further customize button during an async request is in progress. */
-    labelInFlight?: string;
-}
-export declare function Button(props: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type ButtonSize = "sm" | "md" | "lg";
-export type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "text" | "textSecondary";
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAQ,SAAS,EAAiD,WAAuB;AAGhG,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,sBAAuB;AAMrE,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,kBAAkB;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,sHAAsH;IACtH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,wEAAwE;IACxE,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IACvD,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAsFxC;AAuGD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,MAAM,GACN,eAAe,CAAC"}

package/dist/components/Button.js

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = Button;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const components_1 = require("./");
-const Css_1 = require("../Css");
-const useGetRef_1 = require("../hooks/useGetRef");
-const utils_1 = require("../utils");
-const getInteractiveElement_1 = require("../utils/getInteractiveElement");
-const useTestIds_1 = require("../utils/useTestIds");
-const OverlayTrigger_1 = require("./internal/OverlayTrigger");
-function Button(props) {
-    const { onClick: onPress, disabled, endAdornment, menuTriggerProps, tooltip, openInNew, download, contrast = false, forceFocusStyles = false, labelInFlight, ...otherProps } = props;
-    const asLink = typeof onPress === "string";
-    const showExternalLinkIcon = (asLink && (0, utils_1.isAbsoluteUrl)(onPress)) || openInNew;
-    const [asyncInProgress, setAsyncInProgress] = (0, react_1.useState)(false);
-    const isDisabled = !!disabled;
-    const ariaProps = { onPress, isDisabled: isDisabled || asyncInProgress, ...otherProps, ...menuTriggerProps };
-    const { label, 
-    // Default the icon based on other properties.
-    icon = download ? "download" : showExternalLinkIcon ? "linkExternal" : undefined, variant = "primary", size = "sm", buttonRef, } = ariaProps;
-    const ref = (0, useGetRef_1.useGetRef)(buttonRef);
-    const tid = (0, useTestIds_1.useTestIds)(props, (0, OverlayTrigger_1.labelOr)(ariaProps, "button"));
-    const { buttonProps, isPressed } = (0, react_aria_1.useButton)({
-        ...ariaProps,
-        onPress: asLink
-            ? utils_1.noop
-            : (e) => {
-                const result = onPress(e);
-                if ((0, utils_1.isPromise)(result)) {
-                    setAsyncInProgress(true);
-                    result.finally(() => setAsyncInProgress(false));
-                }
-                return result;
-            },
-        elementType: asLink ? "a" : "button",
-    }, ref);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)(ariaProps);
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)(ariaProps);
-    const { baseStyles, hoverStyles, disabledStyles, pressedStyles, focusStyles } = (0, react_1.useMemo)(() => getButtonStyles(variant, size, contrast), [variant, size, contrast]);
-    const buttonContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && (0, jsx_runtime_1.jsx)(components_1.Icon, { xss: iconStyles[size], icon: icon }), labelInFlight && asyncInProgress ? labelInFlight : label, (endAdornment || asyncInProgress) && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.ml1.$, children: asyncInProgress ? (0, jsx_runtime_1.jsx)(components_1.Loader, { size: "xs", contrast: contrast }) : endAdornment }))] }));
-    const buttonAttrs = {
-        ref: ref,
-        ...buttonProps,
-        ...focusProps,
-        ...hoverProps,
-        className: asLink ? components_1.navLink : undefined,
-        css: {
-            ...Css_1.Css.buttonBase.tt("inherit").$,
-            ...baseStyles,
-            ...(isHovered && !isPressed ? hoverStyles : {}),
-            ...(isPressed ? pressedStyles : {}),
-            ...(isDisabled || asyncInProgress ? { ...disabledStyles, ...Css_1.Css.cursorNotAllowed.$ } : {}),
-            ...(isFocusVisible || forceFocusStyles ? focusStyles : {}),
-        },
-        ...tid,
-    };
-    // If we're disabled b/c of a non-boolean ReactNode, or the caller specified tooltip text, then show it in a tooltip
-    return (0, components_1.maybeTooltip)({
-        title: (0, components_1.resolveTooltip)(disabled, tooltip),
-        placement: "top",
-        children: (0, getInteractiveElement_1.getButtonOrLink)(buttonContent, onPress, buttonAttrs, openInNew, download),
-    });
-}
-function getButtonStyles(variant, size, contrast) {
-    const styles = variantStyles(contrast)[variant];
-    if (variant === "text") {
-        // The text variant does not support the 'size'. The 'size' prop only effects the button's height and padding which is not relevant for this variant.
-        return styles;
-    }
-    return {
-        ...styles,
-        baseStyles: { ...styles.baseStyles, ...sizeStyles[size] },
-    };
-}
-const variantStyles = (contrast) => ({
-    primary: {
-        baseStyles: Css_1.Css.bgBlue600.white.$,
-        hoverStyles: Css_1.Css.bgBlue700.$,
-        pressedStyles: Css_1.Css.bgBlue800.$,
-        disabledStyles: Css_1.Css.bgBlue200.if(contrast).gray600.bgBlue900.$,
-        focusStyles: Css_1.Css.bshFocus.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.White}`).$,
-    },
-    secondary: {
-        baseStyles: Css_1.Css.bgWhite.bcGray300.bw1.ba.gray800.$,
-        hoverStyles: Css_1.Css.bgGray100.if(contrast).bgGray300.$,
-        pressedStyles: Css_1.Css.bgGray200.if(contrast).bgGray100.$,
-        disabledStyles: Css_1.Css.bgWhite.gray400.$,
-        focusStyles: Css_1.Css.bshFocus.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.White}`).$,
-    },
-    tertiary: {
-        baseStyles: Css_1.Css.bgTransparent.blue600.if(contrast).white.$,
-        hoverStyles: Css_1.Css.bgGray100.if(contrast).bgGray700.white.$,
-        pressedStyles: Css_1.Css.blue800.if(contrast).bgWhite.gray900.$,
-        disabledStyles: Css_1.Css.gray400.if(contrast).gray700.$,
-        focusStyles: Css_1.Css.bshFocus.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.Blue400}`).bgGray700.white.$,
-    },
-    tertiaryDanger: {
-        baseStyles: Css_1.Css.bgTransparent.red600.if(contrast).red400.$,
-        hoverStyles: Css_1.Css.bgGray100.if(contrast).bgGray700.white.$,
-        pressedStyles: Css_1.Css.red800.if(contrast).bgWhite.gray900.$,
-        disabledStyles: Css_1.Css.gray400.if(contrast).gray700.$,
-        focusStyles: Css_1.Css.boxShadow(`0px 0px 0px 2px ${Css_1.Palette.White}, 0px 0px 0px 4px ${Css_1.Palette.Red500}`)
-            .if(contrast)
-            .boxShadow(`0px 0px 0px 2px ${Css_1.Palette.Red500}`).$,
-    },
-    danger: {
-        baseStyles: Css_1.Css.bgRed600.white.$,
-        hoverStyles: Css_1.Css.bgRed700.$,
-        pressedStyles: Css_1.Css.bgRed800.$,
-        disabledStyles: Css_1.Css.bgRed200.if(contrast).bgRed900.gray600.$,
-        focusStyles: Css_1.Css.bshDanger.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.White}`).$,
-    },
-    caution: {
-        baseStyles: Css_1.Css.bgYellow200.gray900.$,
-        hoverStyles: Css_1.Css.bgYellow300.$,
-        pressedStyles: Css_1.Css.bgYellow400.$,
-        disabledStyles: Css_1.Css.bgYellow200.if(contrast).bgYellow900.white.$,
-        focusStyles: Css_1.Css.bshDanger.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.White}`).$,
-    },
-    text: {
-        baseStyles: Css_1.Css.blue700.add("fontSize", "inherit").if(contrast).blue400.$,
-        hoverStyles: Css_1.Css.blue600.if(contrast).blue300.$,
-        pressedStyles: Css_1.Css.blue700.if(contrast).blue200.$,
-        disabledStyles: Css_1.Css.blue300.if(contrast).blue700.$,
-        focusStyles: Css_1.Css.bshFocus.if(contrast).boxShadow(`0 0 0 2px ${Css_1.Palette.White}`).$,
-    },
-    // Todo: handle contrast variant
-    textSecondary: {
-        baseStyles: Css_1.Css.gray900.add("fontSize", "inherit").$,
-        hoverStyles: Css_1.Css.bgGray100.$,
-        pressedStyles: Css_1.Css.gray900.$,
-        disabledStyles: Css_1.Css.bgWhite.gray400.$,
-        focusStyles: Css_1.Css.gray900.$,
-    },
-});
-const sizeStyles = {
-    sm: Css_1.Css.hPx(32).pxPx(12).$,
-    md: Css_1.Css.hPx(40).px2.$,
-    lg: Css_1.Css.hPx(48).px3.$,
-};
-const iconStyles = {
-    sm: Css_1.Css.mrPx(4).$,
-    md: Css_1.Css.mr1.$,
-    lg: Css_1.Css.mrPx(10).$,
-};

package/dist/components/ButtonDatePicker.d.ts

@@ -1,8 +0,0 @@
-import { DatePickerProps } from "./internal/DatePicker/DatePicker";
-import { OverlayTriggerProps } from "./internal/OverlayTrigger";
-interface ButtonDatePickerProps extends DatePickerProps, Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
-    defaultOpen?: boolean;
-}
-export declare function ButtonDatePicker(props: ButtonDatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ButtonDatePicker.d.ts.map

package/dist/components/ButtonDatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonDatePicker.d.ts","sourceRoot":"","sources":["../../src/components/ButtonDatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,eAAe,EAAE,yCAAsD;AAE5F,OAAO,EAML,mBAAmB,EACpB,kCAA+C;AAIhD,UAAU,qBACR,SAAQ,eAAe,EACrB,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA8B5D"}

package/dist/components/ButtonDatePicker.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonDatePicker = ButtonDatePicker;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const DatePicker_1 = require("./internal/DatePicker/DatePicker");
-const DatePickerOverlay_1 = require("./internal/DatePicker/DatePickerOverlay");
-const OverlayTrigger_1 = require("./internal/OverlayTrigger");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function ButtonDatePicker(props) {
-    const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
-    const state = (0, react_stately_1.useMenuTriggerState)({ isOpen: defaultOpen });
-    const buttonRef = (0, react_1.useRef)(null);
-    const { menuTriggerProps, menuProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
-    const tid = (0, utils_1.useTestIds)(props, (0, OverlayTrigger_1.isTextButton)(trigger)
-        ? (0, defaultTestId_1.defaultTestId)((0, OverlayTrigger_1.labelOr)(trigger, "buttonDatePicker"))
-        : (0, OverlayTrigger_1.isNavLinkButton)(trigger)
-            ? (0, defaultTestId_1.defaultTestId)(trigger.navLabel)
-            : (0, OverlayTrigger_1.isIconButton)(trigger)
-                ? trigger.icon
-                : trigger.name);
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, { ...props, menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef, ...tid, children: (0, jsx_runtime_1.jsx)(DatePickerOverlay_1.DatePickerOverlay, { overlayProps: menuProps, children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { ...datePickerProps, onSelect: (d) => {
-                    onSelect(d);
-                    state.close();
-                }, ...tid.datePicker }) }) }));
-}

package/dist/components/ButtonGroup.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-import { IconProps } from "./Icon";
-export interface ButtonGroupProps {
-    buttons: ButtonGroupButton[];
-    /** Disables all buttons in ButtonGroup */
-    disabled?: boolean;
-    size?: ButtonGroupSize;
-}
-export type ButtonGroupButton = {
-    icon?: IconProps["icon"];
-    iconColor?: IconProps["color"];
-    iconInc?: IconProps["inc"];
-    text?: ReactNode;
-    onClick?: VoidFunction;
-    /** Disables the button. Pass a ReactNode to disable the button and show a tooltip */
-    disabled?: boolean | ReactNode;
-    /** Indicates the active/selected button, as in a tab or toggle. */
-    active?: boolean;
-    /** Adds tooltip to the button */
-    tooltip?: ReactNode;
-};
-export declare function ButtonGroup(props: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-type ButtonGroupSize = "xs" | "sm" | "md";
-export {};
-//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/ButtonGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAQ,SAAS,EAAE,eAA4B;AAMtD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAYlD;AA4ED,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/ButtonGroup.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroup = ButtonGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const Icon_1 = require("./Icon");
-const Tooltip_1 = require("./Tooltip");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function ButtonGroup(props) {
-    const { buttons, disabled = false, size = "sm" } = props;
-    const tid = (0, utils_1.useTestIds)(props, "buttonGroup");
-    return (
-    // Adding `line-height: 0` prevent inheriting line-heights that might throw off sizing within the button group.
-    (0, jsx_runtime_1.jsx)("div", { ...tid, css: Css_1.Css.df.lh(0).add({ ...sizeStyles[size] }).$, children: buttons.map(({ disabled: buttonDisabled, ...buttonProps }, i) => (
-        // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
-        (0, jsx_runtime_1.jsx)(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size: size, ...tid }, i))) }));
-}
-function GroupButton(props) {
-    const { icon, iconInc, iconColor, text, active, onClick: onPress, disabled, size, tooltip, ...otherProps } = props;
-    const ariaProps = { onPress, isDisabled: !!disabled, ...otherProps };
-    const ref = (0, react_1.useRef)(null);
-    const { buttonProps, isPressed } = (0, react_aria_1.useButton)(ariaProps, ref);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)();
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)(ariaProps);
-    const tid = (0, utils_1.useTestIds)(props);
-    return ((0, jsx_runtime_1.jsx)("span", { css: getButtonStyles(), children: (0, Tooltip_1.maybeTooltip)({
-            title: (0, Tooltip_1.resolveTooltip)(disabled, tooltip),
-            placement: "top",
-            children: ((0, jsx_runtime_1.jsxs)("button", { ref: ref, ...buttonProps, ...focusProps, ...hoverProps, css: {
-                    ...Css_1.Css.buttonBase.px2.br0.h100.$,
-                    "&:disabled": Css_1.Css.gray400.cursorNotAllowed.bcGray300.$,
-                    ...(isFocusVisible ? defaultFocusRingStyles : {}),
-                    ...(active ? activeStyles : {}),
-                    ...(isPressed ? pressedStyles : isHovered ? hoverStyles : {}),
-                    ...(icon ? iconStyles[size] : {}),
-                }, ...tid[(0, defaultTestId_1.defaultTestId)((typeof text === "string" && text) || icon || "button")], children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { xss: Css_1.Css.if(!!text).mrPx(4).$, icon: icon, color: disabled ? undefined : iconColor, inc: iconInc })), text] })),
-        }) }));
-}
-const pressedStyles = Css_1.Css.bgGray200.$;
-const activeStyles = Css_1.Css.bgGray300.$;
-const hoverStyles = Css_1.Css.bgGray100.$;
-const defaultFocusRingStyles = Css_1.Css.relative.z2.bshFocus.$;
-function getButtonStyles() {
-    return {
-        ...Css_1.Css.z1.bgWhite.bcGray300.bw1.ba.gray900.br0.oh.$,
-        // Our first button should have a rounded left border
-        "&:first-of-type": Css_1.Css.add("borderRadius", "4px 0 0 4px").$,
-        // Our last button should have a rounded right border
-        "&:last-of-type": Css_1.Css.add("borderRadius", "0 4px 4px 0").$,
-        // Nudge buttons one pixel to the left so they visually share a border
-        "&:not(:first-of-type)": Css_1.Css.mlPx(-1).$,
-    };
-}
-const sizeStyles = {
-    xs: Css_1.Css.hPx(28).$,
-    sm: Css_1.Css.hPx(32).$,
-    md: Css_1.Css.hPx(40).$,
-};
-const iconStyles = {
-    xs: Css_1.Css.pxPx(2).$,
-    sm: Css_1.Css.pxPx(4).$,
-    md: Css_1.Css.px1.$,
-};

package/dist/components/ButtonMenu.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from "react";
-import { IconProps } from "./Icon";
-import { OverlayTriggerProps } from "./internal/OverlayTrigger";
-interface ButtonMenuBaseProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
-    items: MenuItem[];
-    persistentItems?: MenuItem[];
-    searchable?: boolean;
-    defaultOpen?: boolean;
-    contrast?: boolean;
-}
-interface SelectionButtonMenuProps extends ButtonMenuBaseProps {
-    /** Display a menu item as selected based. Use the Menu Item's label to identify */
-    selectedItem: string | undefined;
-    onChange: (key: string) => void;
-}
-export declare function ButtonMenu(props: ButtonMenuBaseProps | SelectionButtonMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
-type MenuItemBase = {
-    label: string;
-    /** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
-    onClick: string | VoidFunction;
-    /** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    destructive?: boolean;
-    hasDivider?: boolean;
-};
-export type IconMenuItemType = MenuItemBase & {
-    icon: IconProps["icon"];
-};
-export type ImageMenuItemType = MenuItemBase & {
-    src: string;
-    size?: 24 | 48;
-    isAvatar?: boolean;
-};
-export type DividerMenuItemType = MenuItemBase & {
-    hasDivider: boolean;
-};
-export type MenuItem = MenuItemBase | IconMenuItemType | ImageMenuItemType | DividerMenuItemType;
-export type MenuSection = MenuItem & {
-    items?: MenuItem[];
-};
-export {};
-//# sourceMappingURL=ButtonMenu.d.ts.map

package/dist/components/ButtonMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonMenu.d.ts","sourceRoot":"","sources":["../../src/components/ButtonMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,eAA4B;AAEhD,OAAO,EAML,mBAAmB,EACpB,kCAA+C;AAIhD,UAAU,mBACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,kBAAkB,CAAC;IACxG,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,mFAAmF;IACnF,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB,GAAG,wBAAwB,oDA6C/E;AAED,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,0IAA0I;IAC1I,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,kIAAkI;IAClI,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEjG,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG;IAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;CAAE,CAAC"}

package/dist/components/ButtonMenu.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonMenu = ButtonMenu;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const Menu_1 = require("./internal/Menu");
-const OverlayTrigger_1 = require("./internal/OverlayTrigger");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function ButtonMenu(props) {
-    const { defaultOpen, disabled, items, persistentItems, trigger, searchable, contrast = false } = props;
-    let selectedItem, onChange;
-    if (isSelectionButtonMenuProps(props)) {
-        selectedItem = props.selectedItem;
-        onChange = props.onChange;
-    }
-    const state = (0, react_stately_1.useMenuTriggerState)({ isOpen: defaultOpen });
-    const buttonRef = (0, react_1.useRef)(null);
-    const { menuTriggerProps, menuProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
-    const tid = (0, utils_1.useTestIds)(props, (0, OverlayTrigger_1.isTextButton)(trigger)
-        ? (0, OverlayTrigger_1.labelOr)(trigger, "buttonMenu")
-        : (0, OverlayTrigger_1.isNavLinkButton)(trigger)
-            ? (0, defaultTestId_1.defaultTestId)(trigger.navLabel)
-            : (0, OverlayTrigger_1.isIconButton)(trigger)
-                ? trigger.icon
-                : trigger.name);
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, { ...props, menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef, ...tid, contrast: contrast, children: (0, jsx_runtime_1.jsx)(Menu_1.Menu, { ariaMenuProps: menuProps, onClose: () => state.close(), items: items, persistentItems: persistentItems, searchable: searchable, contrast: contrast, selectedItem: selectedItem, onChange: onChange, ...tid }) }));
-}
-function isSelectionButtonMenuProps(props) {
-    return typeof props === "object" && "selectedItem" in props && "onChange" in props;
-}

package/dist/components/ButtonModal.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from "react";
-import { OverlayTriggerProps } from "./internal/OverlayTrigger";
-import { ButtonVariant } from "./Button";
-export interface ButtonModalProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
-    content: ReactNode | ((close: () => void) => ReactNode);
-    title?: string;
-    variant?: ButtonVariant;
-    storybookDefaultOpen?: boolean;
-    hideEndAdornment?: boolean;
-}
-export declare function ButtonModal(props: ButtonModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonModal.d.ts.map

package/dist/components/ButtonModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonModal.d.ts","sourceRoot":"","sources":["../../src/components/ButtonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAG1C,OAAO,EAML,mBAAmB,EACpB,kCAA+C;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,kBAAkB,CAAC;IACxG,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAqBlD"}

package/dist/components/ButtonModal.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonModal = ButtonModal;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const OverlayTrigger_1 = require("./internal/OverlayTrigger");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-const ContextualModal_1 = require("./internal/ContextualModal");
-function ButtonModal(props) {
-    const { storybookDefaultOpen, trigger, disabled, content, title } = props;
-    const state = (0, react_stately_1.useMenuTriggerState)({ isOpen: storybookDefaultOpen });
-    const buttonRef = (0, react_1.useRef)(null);
-    const { menuTriggerProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
-    const tid = (0, utils_1.useTestIds)(props, (0, OverlayTrigger_1.isTextButton)(trigger)
-        ? (0, OverlayTrigger_1.labelOr)(trigger, "buttonModal")
-        : (0, OverlayTrigger_1.isNavLinkButton)(trigger)
-            ? (0, defaultTestId_1.defaultTestId)(trigger.navLabel)
-            : (0, OverlayTrigger_1.isIconButton)(trigger)
-                ? trigger.icon
-                : trigger.name);
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, { ...props, menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef, ...tid, children: (0, jsx_runtime_1.jsx)(ContextualModal_1.ContextualModal, { content: content, title: title, close: state.close }) }));
-}

package/dist/components/Chip.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-import { IconKey } from "./Icon";
-import { Margin, Only, Xss } from "../Css";
-export type ChipType = "caution" | "warning" | "success" | "light" | "dark" | "neutral" | "darkMode" | "info";
-export declare const ChipTypes: Record<ChipType, ChipType>;
-export interface ChipProps<X> {
-    text: ReactNode;
-    title?: ReactNode;
-    xss?: X;
-    type?: ChipType;
-    compact?: boolean;
-    icon?: IconKey;
-}
-/** Kinda like a chip, but read-only, so no `onClick` or `hover`. */
-export declare function Chip<X extends Only<Xss<Margin | "color" | "backgroundColor">, X>>({ type, ...props }: ChipProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,OAAO,EAAE,eAA4B;AAGpD,OAAO,EAAO,MAAM,EAAE,IAAI,EAAc,GAAG,EAAE,eAAgB;AAG7D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAG9G,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAShD,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,EACjF,IAAwB,EACxB,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,oDAsBd"}