@homebound/beam 2.378.1 → 2.379.1

package/dist/components/Toast/ToastContext.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastContext = void 0;
-exports.ToastProvider = ToastProvider;
-exports.useToastContext = useToastContext;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-exports.ToastContext = (0, react_1.createContext)({
-    setNotice: () => {
-        throw new Error("Missing ToastProvider");
-    },
-    clear: () => { },
-    notice: undefined,
-});
-function ToastProvider(props) {
-    const [notice, setNotice] = (0, react_1.useState)();
-    const clear = (0, react_1.useCallback)(() => setNotice(undefined), [setNotice]);
-    const contextValue = (0, react_1.useMemo)(() => ({ setNotice, notice, clear }), [notice, clear]);
-    return (0, jsx_runtime_1.jsx)(exports.ToastContext.Provider, { value: contextValue, children: props.children });
-}
-function useToastContext() {
-    return (0, react_1.useContext)(exports.ToastContext);
-}

package/dist/components/Toast/useToast.d.ts

@@ -1,7 +0,0 @@
-import { ToastNoticeProps } from "./ToastContext";
-export interface UseToastProps {
-    showToast: (props: ToastNoticeProps) => void;
-    clear: () => void;
-}
-export declare function useToast(): UseToastProps;
-//# sourceMappingURL=useToast.d.ts.map

package/dist/components/Toast/useToast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,wBAAgB,QAAQ,IAAI,aAAa,CAKxC"}

package/dist/components/Toast/useToast.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToast = useToast;
-const react_1 = require("react");
-const ToastContext_1 = require("./ToastContext");
-function useToast() {
-    const { setNotice, clear } = (0, ToastContext_1.useToastContext)();
-    const showToast = (0, react_1.useCallback)((props) => setNotice(props), [setNotice]);
-    return { showToast, clear };
-}

package/dist/components/ToggleChip.d.ts

@@ -1,11 +0,0 @@
-import { Margin, Only, Xss } from "../Css";
-type ToggleChipXss = Xss<Margin>;
-export interface ToggleChipProps<X> {
-    text: string;
-    onClick: () => void;
-    xss?: X;
-    disabled?: boolean;
-}
-export declare function ToggleChip<X extends Only<ToggleChipXss, X>>(props: ToggleChipProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ToggleChip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleChip.d.ts","sourceRoot":"","sources":["../../src/components/ToggleChip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,MAAM,EAAE,IAAI,EAAW,GAAG,EAAE,eAAgB;AAG1D,KAAK,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AAEjC,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,oDAkCrF"}

package/dist/components/ToggleChip.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleChip = ToggleChip;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const PresentationContext_1 = require("./PresentationContext");
-const Css_1 = require("../Css");
-const useTestIds_1 = require("../utils/useTestIds");
-function ToggleChip(props) {
-    const { text, onClick, xss = {}, disabled = false } = props;
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    // If compact, then use a smaller type scale
-    const compact = fieldProps?.compact;
-    const tid = (0, useTestIds_1.useTestIds)(props, "chip");
-    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", css: {
-            ...Css_1.Css[compact ? "xs" : "sm"].dif.aic.br16.pl1
-                // Use a lower right-padding to get closer to the `X` circle when not disabled
-                .prPx(2)
-                .pyPx(2)
-                .gray900.bgGray200.if(disabled)
-                .gray600.pr1.mhPx(compact ? 20 : 28).$,
-            ":hover:not(:disabled)": Css_1.Css.bgGray300.$,
-            ":disabled": Css_1.Css.cursorNotAllowed.$,
-            ...xss,
-        }, disabled: disabled, onClick: onClick, ...tid, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.prPx(6).tal.lineClamp1.wbba.if(disabled).pr0.$, title: text, children: text }), !disabled && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.br16.bgGray400.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "x", color: Css_1.Palette.Gray700, inc: compact ? 2 : undefined }) }))] }));
-}

package/dist/components/ToggleChips.d.ts

@@ -1,12 +0,0 @@
-import { Margin, Only, Xss } from "../Css";
-type ToggleChipXss = Xss<Margin>;
-export interface ToggleChipsProps<T, X> {
-    values: T[];
-    getLabel: (value: T) => string;
-    onRemove: (value: T) => void;
-    xss?: X;
-}
-/** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
-export declare function ToggleChips<T, X extends Only<ToggleChipXss, X>>(props: ToggleChipsProps<T, X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ToggleChips.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleChips.d.ts","sourceRoot":"","sources":["../../src/components/ToggleChips.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,eAAgB;AAGjD,KAAK,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AAEjC,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;CACT;AAED,yFAAyF;AACzF,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,oDAU7F"}

package/dist/components/ToggleChips.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleChips = ToggleChips;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const ToggleChip_1 = require("./ToggleChip");
-const Css_1 = require("../Css");
-const useTestIds_1 = require("../utils/useTestIds");
-/** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
-function ToggleChips(props) {
-    const { values, getLabel, onRemove, xss } = props;
-    const tid = (0, useTestIds_1.useTestIds)(props, "toggleChips");
-    return ((0, jsx_runtime_1.jsx)("div", { css: { ...Css_1.Css.df.add("flexWrap", "wrap").gap1.$, ...xss }, ...tid, children: values.map((value) => ((0, jsx_runtime_1.jsx)(ToggleChip_1.ToggleChip, { text: getLabel(value), onClick: () => onRemove(value), ...tid.chip }, getLabel(value)))) }));
-}

package/dist/components/Tooltip.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from "react";
-import { Palette } from "../Css";
-interface TooltipProps {
-    /** The content that shows up when hovered */
-    title: ReactNode;
-    children: ReactNode;
-    placement?: Placement;
-    delay?: number;
-    disabled?: boolean;
-    bgColor?: Palette;
-}
-export declare function Tooltip(props: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type Placement = "top" | "bottom" | "left" | "right" | "auto";
-export declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
-    children: ReactNode;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
-export {};
-//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAO,OAAO,EAAE,eAAgB;AAOvC,UAAU,YAAY;IACpB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAuC1C;AAID,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AA0CrE,wBAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,oDAE3F;AAGD,wBAAgB,cAAc,CAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,EAC9B,OAAO,CAAC,EAAE,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAC7B,SAAS,GAAG,SAAS,CAOvB"}

package/dist/components/Tooltip.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = Tooltip;
-exports.maybeTooltip = maybeTooltip;
-exports.resolveTooltip = resolveTooltip;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_dom_1 = require("react-dom");
-const react_popper_1 = require("react-popper");
-const react_stately_1 = require("react-stately");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-function Tooltip(props) {
-    const { placement, children, title, disabled, delay = 0, bgColor } = props;
-    const state = (0, react_stately_1.useTooltipTriggerState)({ delay, isDisabled: disabled });
-    const triggerRef = (0, react_1.useRef)(null);
-    const { triggerProps, tooltipProps: _tooltipProps } = (0, react_aria_1.useTooltipTrigger)({ isDisabled: disabled }, state, triggerRef);
-    const { tooltipProps } = (0, react_aria_1.useTooltip)(_tooltipProps, state);
-    const tid = (0, utils_1.useTestIds)(props, "tooltip");
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { ref: triggerRef, ...triggerProps, ...(!state.isOpen && typeof title === "string" ? { title } : {}), ...tid, 
-                // Add display contents to prevent the tooltip wrapping element from short-circuiting inherited styles (i.e. flex item positioning)
-                // Once the element is `:active`, allow pointer events (i.e. click events) to pass through to the children.
-                css: Css_1.Css.display("contents").addIn(":active", Css_1.Css.add("pointerEvents", "none").$).$, 
-                // Adding `draggable` as a hack to allow focus to continue through this element and into its children.
-                // This is due to some code in React-Aria that prevents default due ot mobile browser inconsistencies,
-                // and the only way they don't prevent default is if the element is draggable.
-                // See https://github.com/adobe/react-spectrum/discussions/3058 for discussion related to this issue.
-                draggable: true, onDragStart: (e) => e.preventDefault(), children: children }), state.isOpen && ((0, jsx_runtime_1.jsx)(Popper, { ...(0, react_aria_1.mergeProps)(_tooltipProps, tooltipProps), triggerRef: triggerRef, content: title, placement: placement, bgColor: bgColor }))] }));
-}
-function Popper({ triggerRef, content, placement = "auto", bgColor = Css_1.Palette.Gray900 }) {
-    const popperRef = (0, react_1.useRef)(null);
-    const [arrowRef, setArrowRef] = (0, react_1.useState)(null);
-    // Since we use `display: contents;` on the `triggerRef`, then the element.offsetTop/Left/etc all equal `0`. This would make
-    // the tooltip show in the top left of the document. So instead, we target either the first child, if available, or the parent element as the tooltip target.
-    // It is possible there are no children if the element only has text content, which is the reasoning for the parentElement fallback.
-    const targetElement = triggerRef.current
-        ? (triggerRef.current.children[0] ?? triggerRef.current.parentElement)
-        : null;
-    const { styles, attributes } = (0, react_popper_1.usePopper)(targetElement, popperRef.current, {
-        modifiers: [
-            { name: "arrow", options: { element: arrowRef } },
-            { name: "offset", options: { offset: [0, 5] } },
-        ],
-        placement,
-    });
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ref: popperRef, style: styles.popper, ...attributes.popper, css: Css_1.Css.maxw("320px").bgColor(bgColor).bshBasic.white.px1.py("4px").br4.xs.add("zIndex", 999999).$, children: [(0, jsx_runtime_1.jsx)("div", { ref: setArrowRef, style: { ...styles.arrow }, id: "arrow" }), content] }), document.body);
-}
-// Helper function to conditionally wrap component with Tooltip if necessary.
-function maybeTooltip(props) {
-    return props.title ? (0, jsx_runtime_1.jsx)(Tooltip, { ...props }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
-}
-// Helper function for resolving showing the Tooltip text via a 'disabled' prop, or the 'tooltip' prop.
-function resolveTooltip(disabled, tooltip, readOnly) {
-    // If `disabled` is a ReactNode, then return that. Otherwise, return `tooltip`
-    return typeof disabled !== "boolean" && disabled
-        ? disabled
-        : typeof readOnly !== "boolean" && readOnly
-            ? readOnly
-            : (tooltip ?? undefined);
-}

package/dist/components/index.d.ts

@@ -1,51 +0,0 @@
-export * from "./AutoSaveStatus";
-export * from "./Chip";
-export * from "./Chips";
-export * from "./Table/GridTable";
-export * from "./ToggleChip";
-export * from "./ToggleChips";
-export * from "./Accordion";
-export * from "./AccordionList";
-export * from "./AutoSaveIndicator";
-export * from "./Avatar";
-export * from "./Banner";
-export type { BannerProps } from "./Banner";
-export { BeamProvider } from "./BeamContext";
-export * from "./Button";
-export * from "./ButtonDatePicker";
-export * from "./ButtonGroup";
-export * from "./ButtonMenu";
-export * from "./ButtonModal";
-export * from "./Copy";
-export * from "./CssReset";
-export * from "./DnDGrid";
-export * from "./Filters";
-export * from "./Grid";
-export { HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HbLoadingSpinner, HbSpinnerProvider } from "./HbLoadingSpinner";
-export * from "./HelperText";
-export * from "./Icon";
-export * from "./IconButton";
-export * from "./Layout";
-export * from "./Loader";
-export * from "./LoadingSkeleton";
-export * from "./MaxLines";
-export * from "./Modal";
-export * from "./Modal/useModal";
-export { NavLink } from "./NavLink";
-export * from "./Pagination";
-export { PresentationProvider } from "./PresentationContext";
-export type { InputStylePalette, PresentationFieldProps } from "./PresentationContext";
-export * from "./ScrollShadows";
-export * from "./Snackbar";
-export * from "./Stepper";
-export type { Step, StepperProps } from "./Stepper";
-export * from "./SuperDrawer";
-export * from "./Table";
-export { TabContent, Tabs, TabsWithContent } from "./Tabs";
-export type { RouteTab, RouteTabWithContent, Tab, TabWithContent } from "./Tabs";
-export * from "./Tag";
-export * from "./Toast/Toast";
-export { useToast } from "./Toast/useToast";
-export type { UseToastProps } from "./Toast/useToast";
-export * from "./Tooltip";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAA8C;AAC9C,uBAAoC;AACpC,wBAAqC;AACrC,kCAA+C;AAC/C,6BAA0C;AAC1C,8BAA2C;AAC3C,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5G,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACvF,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3D,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACjF,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,cAAc,WAAW,CAAC"}

package/dist/components/index.js

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToast = exports.TabsWithContent = exports.Tabs = exports.TabContent = exports.PresentationProvider = exports.NavLink = exports.HbSpinnerProvider = exports.HbLoadingSpinner = exports.HB_QUIPS_MISSION = exports.HB_QUIPS_FLAVOR = exports.BeamProvider = void 0;
-__exportStar(require("./AutoSaveStatus"), exports);
-__exportStar(require("./Chip"), exports);
-__exportStar(require("./Chips"), exports);
-__exportStar(require("./Table/GridTable"), exports);
-__exportStar(require("./ToggleChip"), exports);
-__exportStar(require("./ToggleChips"), exports);
-__exportStar(require("./Accordion"), exports);
-__exportStar(require("./AccordionList"), exports);
-__exportStar(require("./AutoSaveIndicator"), exports);
-__exportStar(require("./Avatar"), exports);
-__exportStar(require("./Banner"), exports);
-var BeamContext_1 = require("./BeamContext");
-Object.defineProperty(exports, "BeamProvider", { enumerable: true, get: function () { return BeamContext_1.BeamProvider; } });
-__exportStar(require("./Button"), exports);
-__exportStar(require("./ButtonDatePicker"), exports);
-__exportStar(require("./ButtonGroup"), exports);
-__exportStar(require("./ButtonMenu"), exports);
-__exportStar(require("./ButtonModal"), exports);
-__exportStar(require("./Copy"), exports);
-__exportStar(require("./CssReset"), exports);
-__exportStar(require("./DnDGrid"), exports);
-__exportStar(require("./Filters"), exports);
-__exportStar(require("./Grid"), exports);
-var HbLoadingSpinner_1 = require("./HbLoadingSpinner");
-Object.defineProperty(exports, "HB_QUIPS_FLAVOR", { enumerable: true, get: function () { return HbLoadingSpinner_1.HB_QUIPS_FLAVOR; } });
-Object.defineProperty(exports, "HB_QUIPS_MISSION", { enumerable: true, get: function () { return HbLoadingSpinner_1.HB_QUIPS_MISSION; } });
-Object.defineProperty(exports, "HbLoadingSpinner", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbLoadingSpinner; } });
-Object.defineProperty(exports, "HbSpinnerProvider", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbSpinnerProvider; } });
-__exportStar(require("./HelperText"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./IconButton"), exports);
-__exportStar(require("./Layout"), exports);
-__exportStar(require("./Loader"), exports);
-__exportStar(require("./LoadingSkeleton"), exports);
-__exportStar(require("./MaxLines"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./Modal/useModal"), exports);
-var NavLink_1 = require("./NavLink");
-Object.defineProperty(exports, "NavLink", { enumerable: true, get: function () { return NavLink_1.NavLink; } });
-__exportStar(require("./Pagination"), exports);
-var PresentationContext_1 = require("./PresentationContext");
-Object.defineProperty(exports, "PresentationProvider", { enumerable: true, get: function () { return PresentationContext_1.PresentationProvider; } });
-__exportStar(require("./ScrollShadows"), exports);
-__exportStar(require("./Snackbar"), exports);
-__exportStar(require("./Stepper"), exports);
-__exportStar(require("./SuperDrawer"), exports);
-__exportStar(require("./Table"), exports);
-var Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "TabContent", { enumerable: true, get: function () { return Tabs_1.TabContent; } });
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
-Object.defineProperty(exports, "TabsWithContent", { enumerable: true, get: function () { return Tabs_1.TabsWithContent; } });
-__exportStar(require("./Tag"), exports);
-__exportStar(require("./Toast/Toast"), exports);
-var useToast_1 = require("./Toast/useToast");
-Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });
-__exportStar(require("./Tooltip"), exports);

package/dist/components/internal/CompoundField.d.ts

@@ -1,5 +0,0 @@
-/** Internal component to help create compound fields */
-export declare function CompoundField({ children }: {
-    children: JSX.Element[];
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CompoundField.d.ts.map

package/dist/components/internal/CompoundField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompoundField.d.ts","sourceRoot":"","sources":["../../../src/components/internal/CompoundField.tsx"],"names":[],"mappings":"AAIA,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;CAAE,oDAyCtE"}

package/dist/components/internal/CompoundField.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundField = CompoundField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Css_1 = require("../../Css");
-/** Internal component to help create compound fields */
-function CompoundField({ children }) {
-    if (children?.length !== 2) {
-        throw new Error("CompoundField requires two children components");
-    }
-    const commonStyles = Css_1.Css.df.aic.fs1.maxwPx(550).bt.bb.bcGray300.$;
-    const internalProps = { compound: true };
-    return ((0, jsx_runtime_1.jsxs)("div", { css: {
-            ...Css_1.Css.df.$,
-            "&:focus-within > div:nth-of-type(2)": Css_1.Css.bgBlue700.$, // Separation line when inputs are focused
-        }, children: [(0, jsx_runtime_1.jsx)("div", { css: {
-                    ...commonStyles,
-                    ...Css_1.Css.bl.borderRadius("4px 0 0 4px").$,
-                    "&:focus-within": Css_1.Css.bcBlue700.$,
-                }, children: (0, react_1.cloneElement)(children[0], {
-                    internalProps,
-                }) }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(1).fn.bgGray300.$ }), (0, jsx_runtime_1.jsx)("div", { css: {
-                    ...commonStyles,
-                    ...Css_1.Css.fg1.br.borderRadius("0 4px 4px 0").$,
-                    "&:focus-within": Css_1.Css.bcBlue700.$,
-                }, children: (0, react_1.cloneElement)(children[1], {
-                    internalProps,
-                }) })] }));
-}

package/dist/components/internal/ContextualModal.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-export interface ContextualModalProps {
-    content: ReactNode | ((close: () => void) => ReactNode);
-    title?: string;
-    close: () => void;
-}
-export declare function ContextualModal(props: ContextualModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ContextualModal.d.ts.map

package/dist/components/internal/ContextualModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextualModal.d.ts","sourceRoot":"","sources":["../../../src/components/internal/ContextualModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,oDAe1D"}

package/dist/components/internal/ContextualModal.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextualModal = ContextualModal;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-function ContextualModal(props) {
-    const { content, title, close } = props;
-    const tid = (0, utils_1.useTestIds)(props, "popup");
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, { restoreFocus: true, autoFocus: true, children: (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.p3.df.fdc.gap3.bgWhite.bshModal.br4.maxh("inherit").oa.$, ...tid, children: [title && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.lg.tac.$, ...tid.title, children: title })), (0, jsx_runtime_1.jsx)("div", { ...tid.content, children: typeof content === "function" ? content(close) : content })] }) }));
-}

package/dist/components/internal/DatePicker/DatePicker.d.ts

@@ -1,11 +0,0 @@
-import { Matcher } from "react-day-picker";
-import "./DatePicker.css";
-export interface DatePickerProps {
-    value?: Date;
-    onSelect: (value: Date) => void;
-    disabledDays?: Matcher | Matcher[];
-    dottedDays?: Matcher[];
-    useYearPicker?: boolean;
-}
-export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/internal/DatePicker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAMtD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAqBhD"}

package/dist/components/internal/DatePicker/DatePicker.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = DatePicker;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_day_picker_1 = require("react-day-picker");
-const Day_1 = require("./Day");
-const Header_1 = require("./Header");
-const WeekHeader_1 = require("./WeekHeader");
-const Css_1 = require("../../../Css");
-const utils_1 = require("../../../utils");
-require("./DatePicker.css");
-function DatePicker(props) {
-    const { value, onSelect, disabledDays, dottedDays, useYearPicker } = props;
-    const tid = (0, utils_1.useTestIds)(props, "datePicker");
-    return ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dib.bgWhite.xs.$, ...tid, children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { components: { Caption: useYearPicker ? Header_1.YearSkipHeader : Header_1.Header, Head: WeekHeader_1.WeekHeader, Day: Day_1.Day }, 
-            // DatePicker only allows for a single date to be `selected` (per our props) though DayPicker expects an array of dates
-            selected: value ? [value] : [], defaultMonth: value ?? new Date(), onDayClick: (day, modifiers) => {
-                if (modifiers.disabled)
-                    return;
-                // Set the day value
-                onSelect(day);
-            }, disabled: disabledDays, modifiers: { indicatorDot: dottedDays ?? [] } }) }));
-}

package/dist/components/internal/DatePicker/DatePickerOverlay.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from "react";
-interface DatePickerOverlayProps {
-    overlayProps: HTMLAttributes<HTMLElement>;
-}
-export declare function DatePickerOverlay({ overlayProps, children }: PropsWithChildren<DatePickerOverlayProps>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DatePickerOverlay.d.ts.map

package/dist/components/internal/DatePicker/DatePickerOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/DatePickerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1D,UAAU,sBAAsB;IAC9B,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C;AAGD,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,oDAMtG"}

package/dist/components/internal/DatePicker/DatePickerOverlay.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePickerOverlay = DatePickerOverlay;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Css_1 = require("../../../Css");
-// Small wrapper around DatePicker to provide necessary styling and state handling when displayed as an overlay.
-function DatePickerOverlay({ overlayProps, children }) {
-    return ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.br4.bshModal.$, ...overlayProps, children: children }));
-}

package/dist/components/internal/DatePicker/DateRangePicker.d.ts

@@ -1,12 +0,0 @@
-import { Matcher } from "react-day-picker";
-import { DateRange } from "../../../types";
-import "./DatePicker.css";
-export interface DateRangePickerProps {
-    range: DateRange | undefined;
-    onSelect: (range: DateRange | undefined) => void;
-    disabledDays?: Matcher | Matcher[];
-    dottedDays?: Matcher[];
-    useYearPicker?: boolean;
-}
-export declare function DateRangePicker(props: DateRangePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/internal/DatePicker/DateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD,OAAO,EAAE,SAAS,EAAE,uBAAkB;AAEtC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,oDAqB1D"}

package/dist/components/internal/DatePicker/DateRangePicker.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = DateRangePicker;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_day_picker_1 = require("react-day-picker");
-const Day_1 = require("./Day");
-const Header_1 = require("./Header");
-const WeekHeader_1 = require("./WeekHeader");
-const Css_1 = require("../../../Css");
-const utils_1 = require("../../../utils");
-require("./DatePicker.css");
-function DateRangePicker(props) {
-    const { range, onSelect, disabledDays, dottedDays, useYearPicker } = props;
-    const tid = (0, utils_1.useTestIds)(props, "datePicker");
-    return ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dib.bgWhite.xs.$, ...tid, children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { mode: "range", selected: range, components: { Caption: useYearPicker ? Header_1.YearSkipHeader : Header_1.Header, Head: WeekHeader_1.WeekHeader, Day: Day_1.Day }, defaultMonth: range?.to ?? new Date(), onSelect: (selection, day, activeModifiers) => {
-                // Disallow returning disabled dates.
-                if (activeModifiers.disabled)
-                    return;
-                onSelect(selection);
-            }, disabled: disabledDays, modifiers: { indicatorDot: dottedDays ?? [] } }) }));
-}

package/dist/components/internal/DatePicker/Day.d.ts

@@ -1,4 +0,0 @@
-import { DayProps } from "react-day-picker";
-/** Follows the same pattern as defined by the React-Day-Picker 'Day' component, plus sprinkling our own styling */
-export declare function Day(props: DayProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Day.d.ts.map

package/dist/components/internal/DatePicker/Day.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/Day.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,kBAAkB,CAAC;AAI1D,mHAAmH;AACnH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,oDAgFlC"}

package/dist/components/internal/DatePicker/Day.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Day = Day;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_day_picker_1 = require("react-day-picker");
-const Css_1 = require("../../../Css");
-const utils_1 = require("../../../utils");
-/** Follows the same pattern as defined by the React-Day-Picker 'Day' component, plus sprinkling our own styling */
-function Day(props) {
-    // Was hoping we could pass the `datePicker` testid through, but was breaking something.
-    const tid = (0, utils_1.useTestIds)(props, "datePickerDay");
-    const buttonRef = (0, react_1.useRef)(null);
-    const { isHidden, isButton, activeModifiers, buttonProps, divProps } = (0, react_day_picker_1.useDayRender)(props.date, props.displayMonth, buttonRef);
-    if (isHidden) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    if (!isButton) {
-        return (0, jsx_runtime_1.jsx)("div", { ...divProps });
-    }
-    const { className, children, ...otherProps } = buttonProps;
-    const { selected = false, indicatorDot = false, disabled = false, today = false, range_middle = false, range_start = false, range_end = false, } = activeModifiers;
-    // It is possible that we have selected only one day for the range. In this case the date will be both the start and end.
-    // When this happens, do not show styling as if there is an existing range.
-    const showRangeStyles = !(range_end === true && range_start === true);
-    const showActiveStyles = !disabled;
-    return ((0, jsx_runtime_1.jsx)("button", { ...otherProps, ref: buttonRef, type: "button", css: {
-            ...Css_1.Css.relative.pbPx(4).outline0.if(disabled).cursorNotAllowed.$,
-            // Do not apply interaction styles for disabled or already selected days.
-            ...(!selected &&
-                !disabled && {
-                "&:hover:not(:active) > div": Css_1.Css.bgGray100.$,
-            }),
-            ...(!disabled && { "&:active > div": Css_1.Css.bgGray400.gray900.$ }),
-            "&:focus:not(:active) > div": Css_1.Css.ba.bcBlue700.if(selected).bcBlue900.$,
-            ...(showRangeStyles &&
-                range_start &&
-                Css_1.Css.addIn(":after", { ...rangeBaseStyles, ...Css_1.Css.rightPx(-2).wPx(8).$ }).$),
-            ...(showRangeStyles && range_end && Css_1.Css.addIn(":after", { ...rangeBaseStyles, ...Css_1.Css.wPx(8).leftPx(-2).$ }).$),
-            ...(showRangeStyles && range_middle && Css_1.Css.addIn(":after", { ...rangeBaseStyles, ...Css_1.Css.leftPx(-2).$ }).$),
-        }, ...tid, children: (0, jsx_runtime_1.jsxs)("div", { css: {
-                ...Css_1.Css.oh.gray900.relative.z1.br4.df.aic.jcc.wPx(28).hPx(30).mtPx(2).br4.$,
-                ...(today && !range_middle && Css_1.Css.bgGray100.$),
-                ...(selected && !range_middle && Css_1.Css.white.bgBlue700.$),
-                ...(disabled && Css_1.Css.gray500.$),
-            }, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mtPx(-2).$, children: children }), indicatorDot && ((0, jsx_runtime_1.jsx)("div", { 
-                    // Using `absolute` position as to not change the placement of the day's number when this is introduced
-                    css: Css_1.Css.absolute
-                        .bottomPx(4)
-                        .wPx(4)
-                        .hPx(4)
-                        .bgBlue700.br4.if(selected && !range_middle).bgWhite.$, ...tid.indicatorDot }))] }) }));
-}
-const rangeBaseStyles = Css_1.Css.absolute.topPx(2).contentEmpty.hPx(30).wPx(32).bgBlue100.$;

package/dist/components/internal/DatePicker/Header.d.ts

@@ -1,4 +0,0 @@
-import { CaptionProps } from "react-day-picker";
-export declare function Header(props: CaptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function YearSkipHeader(props: CaptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Header.d.ts.map

package/dist/components/internal/DatePicker/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAI/D,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,oDAazC;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,oDAkBjD"}