@homebound/beam 2.369.3 → 2.369.5

package/dist/components/Table/utils/utils.js

@@ -1,6 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTableRefWidthStyles = exports.recursivelyGetContainingRow = exports.isCursorBelowMidpoint = exports.insertAtIndex = exports.loadArrayOrUndefined = exports.zIndices = exports.reservedRowKinds = exports.KEPT_GROUP = exports.EXPANDABLE_HEADER = exports.TOTALS = exports.HEADER = exports.matchesFilter = exports.maybeApplyFunction = exports.getJustification = exports.getAlignment = exports.isJSX = exports.getFirstOrLastCellCss = exports.emptyCell = exports.DESC = exports.ASC = exports.applyRowFn = exports.isGridCellContent = exports.toContent = void 0;
+exports.zIndices = exports.reservedRowKinds = exports.KEPT_GROUP = exports.EXPANDABLE_HEADER = exports.TOTALS = exports.HEADER = exports.emptyCell = exports.DESC = exports.ASC = void 0;
+exports.toContent = toContent;
+exports.isGridCellContent = isGridCellContent;
+exports.applyRowFn = applyRowFn;
+exports.getFirstOrLastCellCss = getFirstOrLastCellCss;
+exports.isJSX = isJSX;
+exports.getAlignment = getAlignment;
+exports.getJustification = getJustification;
+exports.maybeApplyFunction = maybeApplyFunction;
+exports.matchesFilter = matchesFilter;
+exports.loadArrayOrUndefined = loadArrayOrUndefined;
+exports.insertAtIndex = insertAtIndex;
+exports.isCursorBelowMidpoint = isCursorBelowMidpoint;
+exports.recursivelyGetContainingRow = recursivelyGetContainingRow;
+exports.getTableRefWidthStyles = getTableRefWidthStyles;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Icon_1 = require("../../Icon");
 const ExpandableHeader_1 = require("../components/ExpandableHeader");
@@ -62,11 +76,9 @@ function toContent(maybeContent, isHeader, canSortColumn, isClientSideSorting, s
     }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [content, tooltipEl] }));
 }
-exports.toContent = toContent;
 function isGridCellContent(content) {
     return typeof content === "object" && !!content && "content" in content;
 }
-exports.isGridCellContent = isGridCellContent;
 const emptyValues = ["", null, undefined];
 function isContentEmpty(content) {
     return emptyValues.includes(content);
@@ -83,7 +95,6 @@ function applyRowFn(column, row, api, level, expanded, dragData) {
         return maybeContent;
     }
 }
-exports.applyRowFn = applyRowFn;
 exports.ASC = "ASC";
 exports.DESC = "DESC";
 exports.emptyCell = { content: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), value: "" };
@@ -93,12 +104,10 @@ function getFirstOrLastCellCss(style, columnIndex, columns) {
         ...(columnIndex === columns.length - 1 ? style.lastCellCss : {}),
     };
 }
-exports.getFirstOrLastCellCss = getFirstOrLastCellCss;
 /** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
 function isJSX(content) {
     return typeof content === "object" && content && "type" in content && "props" in content;
 }
-exports.isJSX = isJSX;
 const alignmentToJustify = {
     left: "flex-start",
     center: "center",
@@ -112,7 +121,6 @@ const alignmentToTextAlign = {
 function getAlignment(column, maybeContent) {
     return (isGridCellContent(maybeContent) && maybeContent.alignment) || column.align || "left";
 }
-exports.getAlignment = getAlignment;
 // For alignment, use: 1) cell def, else 2) column def, else 3) left.
 function getJustification(column, maybeContent, as, alignment) {
     // Always apply text alignment.
@@ -122,7 +130,6 @@ function getJustification(column, maybeContent, as, alignment) {
     }
     return { ...Css_1.Css.jc(alignmentToJustify[alignment]).$, ...textAlign };
 }
-exports.getJustification = getJustification;
 /** Look at a row and get its filter value. */
 function filterValue(value) {
     let maybeFn = value;
@@ -143,7 +150,6 @@ function filterValue(value) {
 function maybeApplyFunction(row, maybeFn) {
     return typeof maybeFn === "function" ? maybeFn(row) : maybeFn;
 }
-exports.maybeApplyFunction = maybeApplyFunction;
 function matchesFilter(maybeContent, filter) {
     const value = filterValue(maybeContent);
     if (typeof value === "string") {
@@ -154,7 +160,6 @@ function matchesFilter(maybeContent, filter) {
     }
     return false;
 }
-exports.matchesFilter = matchesFilter;
 exports.HEADER = "header";
 exports.TOTALS = "totals";
 /** Tables expandable columns get an extra header. */
@@ -172,11 +177,9 @@ function loadArrayOrUndefined(key) {
     const ids = sessionStorage.getItem(key);
     return ids ? JSON.parse(ids) : undefined;
 }
-exports.loadArrayOrUndefined = loadArrayOrUndefined;
 function insertAtIndex(array, element, index) {
     return [...array.slice(0, index), element, ...array.slice(index, array.length)];
 }
-exports.insertAtIndex = insertAtIndex;
 function isCursorBelowMidpoint(target, clientY) {
     const style = window.getComputedStyle(target);
     const rect = target.getBoundingClientRect();
@@ -184,7 +187,6 @@ function isCursorBelowMidpoint(target, clientY) {
     const pb = parseFloat(style.getPropertyValue("padding-bottom"));
     return clientY > rect.top + pt + (rect.height - pb) / 2;
 }
-exports.isCursorBelowMidpoint = isCursorBelowMidpoint;
 function recursivelyGetContainingRow(rowId, rowArray, parent) {
     if (rowArray.some((row) => row.id === rowId)) {
         return { array: rowArray, parent };
@@ -200,10 +202,8 @@ function recursivelyGetContainingRow(rowId, rowArray, parent) {
     }
     return undefined;
 }
-exports.recursivelyGetContainingRow = recursivelyGetContainingRow;
 function getTableRefWidthStyles(isVirtual) {
     // If virtualized take some pixels off the width to accommodate when virtuoso's scrollbar is introduced.
     // Otherwise a horizontal scrollbar will _always_ appear once the vertical scrollbar is needed
     return Css_1.Css.w100.if(isVirtual).w("calc(100% - 20px)").$;
 }
-exports.getTableRefWidthStyles = getTableRefWidthStyles;

package/dist/components/Table/utils/visitor.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.visit = void 0;
+exports.visit = visit;
 function visit(rows, fn) {
     const todo = [...rows];
     while (todo.length > 0) {
@@ -11,4 +11,3 @@ function visit(rows, fn) {
         }
     }
 }
-exports.visit = visit;

package/dist/components/Tabs.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextTabValue = exports.getTabStyles = exports.Tabs = exports.TabContent = exports.TabsWithContent = void 0;
+exports.TabsWithContent = TabsWithContent;
+exports.TabContent = TabContent;
+exports.Tabs = Tabs;
+exports.getTabStyles = getTabStyles;
+exports.getNextTabValue = getNextTabValue;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const change_case_1 = require("change-case");
 const react_1 = require("react");
@@ -26,7 +30,6 @@ function TabsWithContent(props) {
     const styles = hideTabs(props) ? {} : Css_1.Css.pt3.$;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Tabs, { ...props }), (0, jsx_runtime_1.jsx)(TabContent, { ...props, contentXss: { ...styles, ...props.contentXss } })] }));
 }
-exports.TabsWithContent = TabsWithContent;
 function TabContent(props) {
     const tid = (0, utils_1.useTestIds)(props, "tab");
     const { tabs, contentXss = {} } = props;
@@ -43,7 +46,6 @@ function TabContent(props) {
     // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
     (0, jsx_runtime_1.jsx)(components_1.FullBleed, { omitPadding: "paddingLeft" in contentXss || "paddingRight" in contentXss, children: (0, jsx_runtime_1.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, css: contentXss, children: isRouteTab(selectedTab) ? (0, jsx_runtime_1.jsx)(react_router_1.Route, { path: selectedTab.path, render: selectedTab.render }) : selectedTab.render() }) }));
 }
-exports.TabContent = TabContent;
 /** The top list of tabs. */
 function Tabs(props) {
     const { ariaLabel, tabs, includeBottomBorder, right, ...others } = props;
@@ -85,7 +87,6 @@ function Tabs(props) {
                     return ((0, jsx_runtime_1.jsx)(TabImpl, { active: active === uniqueValue, focusProps: focusProps, isFocusVisible: isFocusVisible, onClick: onClick, onKeyUp: onKeyUp, onBlur: onBlur, tab: tab, ...tid[(0, defaultTestId_1.defaultTestId)(uniqueValue)] }, uniqueValue));
                 }) })), right && (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mla.df.aic.gap1.pb1.$, children: right })] }));
 }
-exports.Tabs = Tabs;
 function TabImpl(props) {
     const { tab, onClick, active, onKeyUp, onBlur, focusProps, isFocusVisible = false, ...others } = props;
     const { disabled = false, name: label, icon, endAdornment } = tab;
@@ -120,7 +121,7 @@ function TabImpl(props) {
         title: (0, components_1.resolveTooltip)(disabled),
         placement: "top",
         children: (0, jsx_runtime_1.jsx)("div", { ...tabProps, children: tabLabel }),
-    })) : isRouteTab(tab) ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { ...{ ...tabProps, ...interactiveProps }, className: "navLink", to: tab.href, children: tabLabel })) : ((0, jsx_runtime_1.jsx)("button", { ...{ ...tabProps, ...interactiveProps }, children: tabLabel }));
+    })) : isRouteTab(tab) ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { ...tabProps, ...interactiveProps, className: "navLink", to: tab.href, children: tabLabel })) : ((0, jsx_runtime_1.jsx)("button", { ...tabProps, ...interactiveProps, children: tabLabel }));
 }
 function getTabStyles() {
     const borderBottomWidthPx = 4;
@@ -139,7 +140,6 @@ function getTabStyles() {
         activeHoverStyles: Css_1.Css.bgBlue50.add(borderBottomStyles).bcBlue700.$,
     };
 }
-exports.getTabStyles = getTabStyles;
 function getNextTabValue(selected, key, tabs) {
     const enabledTabs = tabs.filter((tab) => tab.disabled !== true);
     const tabsToScan = key === "ArrowRight" ? enabledTabs : enabledTabs.reverse();
@@ -147,7 +147,6 @@ function getNextTabValue(selected, key, tabs) {
     const nextIndex = currentIndex === tabsToScan.length - 1 ? 0 : currentIndex + 1;
     return uniqueTabValue(tabsToScan[nextIndex]);
 }
-exports.getNextTabValue = getNextTabValue;
 function isRouteTabs(props) {
     const { tabs } = props;
     return tabs.length > 0 && isRouteTab(tabs[0]);

package/dist/components/Tag.d.ts

@@ -1,6 +1,6 @@
+import { ReactNode } from "react";
 import { IconKey } from "./";
 import { Margin, Only, Xss } from "../Css";
-import { ReactNode } from "react";
 type TagXss = Margin | "backgroundColor" | "color";
 export type TagType = "info" | "caution" | "warning" | "success" | "neutral";
 interface TagProps<X> {

package/dist/components/Tag.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
+exports.Tag = Tag;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const utils_1 = require("@react-aria/utils");
+const react_1 = require("react");
 const components_1 = require("./");
 const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const react_1 = require("react");
-const utils_2 = require("@react-aria/utils");
+const utils_2 = require("../utils");
 /** Tag used for indicating a status */
 function Tag(props) {
     const { text, type, xss, preventTooltip = false, ...otherProps } = props;
     const typeStyles = getStyles(type);
-    const tid = (0, utils_1.useTestIds)(otherProps);
+    const tid = (0, utils_2.useTestIds)(otherProps);
     const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
     const ref = (0, react_1.useRef)(null);
-    (0, utils_2.useResizeObserver)({
+    (0, utils_1.useResizeObserver)({
         ref,
         onResize: () => {
             if (ref.current) {
@@ -27,7 +27,6 @@ function Tag(props) {
         children: ((0, jsx_runtime_1.jsxs)("span", { ...tid, css: { ...Css_1.Css.dif.tinySb.ttu.aic.gapPx(4).pxPx(6).pyPx(2).gray900.br4.$, ...typeStyles, ...xss }, children: [otherProps.icon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: otherProps.icon, inc: 1.5 }) })), (0, jsx_runtime_1.jsx)("span", { ref: ref, css: Css_1.Css.lineClamp1.wbba.$, children: text })] })),
     });
 }
-exports.Tag = Tag;
 function getStyles(type) {
     switch (type) {
         case "info":

package/dist/components/Toast/Toast.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
+exports.Toast = Toast;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const components_1 = require("..");
 const utils_1 = require("../../utils");
@@ -10,4 +10,3 @@ function Toast() {
     const tid = (0, utils_1.useTestIds)({}, "toast");
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notice && (0, jsx_runtime_1.jsx)(components_1.Banner, { ...notice, ...tid, onClose: () => setNotice(undefined) }) });
 }
-exports.Toast = Toast;

package/dist/components/Toast/ToastContext.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToastContext = exports.ToastProvider = exports.ToastContext = void 0;
+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)({
@@ -16,8 +18,6 @@ function ToastProvider(props) {
     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 });
 }
-exports.ToastProvider = ToastProvider;
 function useToastContext() {
     return (0, react_1.useContext)(exports.ToastContext);
 }
-exports.useToastContext = useToastContext;

package/dist/components/Toast/useToast.js

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

package/dist/components/ToggleChip.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleChip = void 0;
+exports.ToggleChip = ToggleChip;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Icon_1 = require("./Icon");
 const PresentationContext_1 = require("./PresentationContext");
@@ -24,4 +24,3 @@ function ToggleChip(props) {
             ...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 }) }))] }));
 }
-exports.ToggleChip = ToggleChip;

package/dist/components/ToggleChips.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleChips = void 0;
+exports.ToggleChips = ToggleChips;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const ToggleChip_1 = require("./ToggleChip");
 const Css_1 = require("../Css");
@@ -11,4 +11,3 @@ function ToggleChips(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)))) }));
 }
-exports.ToggleChips = ToggleChips;

package/dist/components/Tooltip.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveTooltip = exports.maybeTooltip = exports.Tooltip = void 0;
+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");
@@ -26,7 +28,6 @@ function Tooltip(props) {
                 // 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 }))] }));
 }
-exports.Tooltip = Tooltip;
 function Popper({ triggerRef, content, placement = "auto", bgColor = Css_1.Palette.Gray900 }) {
     var _a;
     const popperRef = (0, react_1.useRef)(null);
@@ -34,7 +35,9 @@ function Popper({ triggerRef, content, placement = "auto", bgColor = Css_1.Palet
     // 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 ? (_a = triggerRef.current.children[0]) !== null && _a !== void 0 ? _a : triggerRef.current.parentElement : null;
+    const targetElement = triggerRef.current
+        ? ((_a = triggerRef.current.children[0]) !== null && _a !== void 0 ? _a : triggerRef.current.parentElement)
+        : null;
     const { styles, attributes } = (0, react_popper_1.usePopper)(targetElement, popperRef.current, {
         modifiers: [
             { name: "arrow", options: { element: arrowRef } },
@@ -48,7 +51,6 @@ function Popper({ triggerRef, content, placement = "auto", bgColor = Css_1.Palet
 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 });
 }
-exports.maybeTooltip = maybeTooltip;
 // 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`
@@ -56,6 +58,5 @@ function resolveTooltip(disabled, tooltip, readOnly) {
         ? disabled
         : typeof readOnly !== "boolean" && readOnly
             ? readOnly
-            : tooltip !== null && tooltip !== void 0 ? tooltip : undefined;
+            : (tooltip !== null && tooltip !== void 0 ? tooltip : undefined);
 }
-exports.resolveTooltip = resolveTooltip;

package/dist/components/index.d.ts

@@ -21,8 +21,8 @@ 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 { HbLoadingSpinner, HbSpinnerProvider, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION } from "./HbLoadingSpinner";
 export * from "./Icon";
 export * from "./IconButton";
 export * from "./Layout";

package/dist/components/index.js

@@ -14,7 +14,7 @@ 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.HB_QUIPS_MISSION = exports.HB_QUIPS_FLAVOR = exports.HbSpinnerProvider = exports.HbLoadingSpinner = exports.BeamProvider = void 0;
+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);
@@ -38,12 +38,12 @@ __exportStar(require("./CssReset"), exports);
 __exportStar(require("./DnDGrid"), exports);
 __exportStar(require("./Filters"), exports);
 __exportStar(require("./Grid"), exports);
-__exportStar(require("./HelperText"), exports);
 var HbLoadingSpinner_1 = require("./HbLoadingSpinner");
-Object.defineProperty(exports, "HbLoadingSpinner", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbLoadingSpinner; } });
-Object.defineProperty(exports, "HbSpinnerProvider", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbSpinnerProvider; } });
 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);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Internal component to help create compound fields */
 export declare function CompoundField({ children }: {
     children: JSX.Element[];

package/dist/components/internal/CompoundField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundField = void 0;
+exports.CompoundField = CompoundField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const Css_1 = require("../../Css");
@@ -28,4 +28,3 @@ function CompoundField({ children }) {
                     internalProps,
                 }) })] }));
 }
-exports.CompoundField = CompoundField;

package/dist/components/internal/ContextualModal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextualModal = void 0;
+exports.ContextualModal = ContextualModal;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_aria_1 = require("react-aria");
 const Css_1 = require("../../Css");
@@ -10,4 +10,3 @@ function ContextualModal(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 })] }) }));
 }
-exports.ContextualModal = ContextualModal;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
+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");
@@ -21,4 +21,3 @@ function DatePicker(props) {
                 onSelect(day);
             }, disabled: disabledDays, modifiers: { indicatorDot: dottedDays !== null && dottedDays !== void 0 ? dottedDays : [] } }) }));
 }
-exports.DatePicker = DatePicker;

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

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePickerOverlay = void 0;
+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 }));
 }
-exports.DatePickerOverlay = DatePickerOverlay;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
+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");
@@ -20,4 +20,3 @@ function DateRangePicker(props) {
                 onSelect(selection);
             }, disabled: disabledDays, modifiers: { indicatorDot: dottedDays !== null && dottedDays !== void 0 ? dottedDays : [] } }) }));
 }
-exports.DateRangePicker = DateRangePicker;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Day = void 0;
+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");
@@ -51,5 +51,4 @@ function Day(props) {
                         .hPx(4)
                         .bgBlue700.br4.if(selected && !range_middle).bgWhite.$, ...tid.indicatorDot }))] }) }));
 }
-exports.Day = Day;
 const rangeBaseStyles = Css_1.Css.absolute.topPx(2).contentEmpty.hPx(30).wPx(32).bgBlue100.$;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YearSkipHeader = exports.Header = void 0;
+exports.Header = Header;
+exports.YearSkipHeader = YearSkipHeader;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const date_fns_1 = require("date-fns");
 const react_day_picker_1 = require("react-day-picker");
@@ -11,11 +12,9 @@ function Header(props) {
     const { goToMonth } = (0, react_day_picker_1.useNavigation)();
     return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.aic.mlPx(12).mrPx(2).hPx(32).$, children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "MMMM yyyy") }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, 1)) })] })] }));
 }
-exports.Header = Header;
 // Header with year skip option
 function YearSkipHeader(props) {
     const { displayMonth } = props;
     const { goToMonth } = (0, react_day_picker_1.useNavigation)();
     return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.aic.mlPx(12).mrPx(12).hPx(32).$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdr.jcsb.$, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "MMM") }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, 1)) })] }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdr.jcsb.$, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addYears)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "yyyy") }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addYears)(displayMonth, 1)) })] })] }));
 }
-exports.YearSkipHeader = YearSkipHeader;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WeekHeader = void 0;
+exports.WeekHeader = WeekHeader;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const date_fns_1 = require("date-fns");
 const Css_1 = require("../../../Css");
@@ -13,4 +13,3 @@ function WeekHeader() {
     // Copies the existing structure and classes defined by React-Day-Picker. Adds in Beam styling and formatting.
     return ((0, jsx_runtime_1.jsx)("thead", { className: "rdp-head", children: (0, jsx_runtime_1.jsx)("tr", { className: "rdp-head_row", children: days.map((day) => ((0, jsx_runtime_1.jsxs)("th", { scope: "col", css: Css_1.Css.p1.pbPx(12).xs.gray400.$, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: (0, date_fns_1.format)(day, "EEEEE") }), (0, jsx_runtime_1.jsx)("span", { className: "rdp-vhidden", children: (0, date_fns_1.format)(day, "EEEE") })] }, (0, date_fns_1.format)(day, "EEEE")))) }) }));
 }
-exports.WeekHeader = WeekHeader;

package/dist/components/internal/Menu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
+exports.Menu = Menu;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const change_case_1 = require("change-case");
 const react_1 = require("react");
@@ -69,4 +69,3 @@ function Menu(props) {
                 "&:hover": Css_1.Css.bshHover.$,
             }, children: [searchable && ((0, jsx_runtime_1.jsx)(MenuSearchField_1.MenuSearchField, { label: "", value: search, placeholder: "Search...", labelStyle: "inline", onChange: setSearch, ...tid })), (0, jsx_runtime_1.jsx)("ul", { css: Css_1.Css.listReset.$, ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(MenuSection_1.MenuSectionImpl, { section: item, state: state, onClose: onClose, contrast: contrast, ...tid }, item.key))) })] }) }));
 }
-exports.Menu = Menu;

package/dist/components/internal/MenuItem.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItemImpl = void 0;
+exports.MenuItemImpl = MenuItemImpl;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -74,7 +74,6 @@ function MenuItemImpl(props) {
             children: renderMenuItem(menuItem, isSelected, isDisabled, contrast),
         }) }));
 }
-exports.MenuItemImpl = MenuItemImpl;
 function renderMenuItem(menuItem, isSelected, isDisabled, contrast) {
     return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.w100.aic.jcsb.gap2.$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.aic.$, children: maybeWrapInLink(menuItem.onClick, isIconMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(IconMenuItem, { ...menuItem })) : isImageMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(ImageMenuItem, { ...menuItem })) : (menuItem.label), isDisabled) }), isSelected && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "check", color: !contrast ? (isDisabled ? Css_1.Palette.Gray400 : Css_1.Palette.Blue700) : isDisabled ? Css_1.Palette.Gray500 : Css_1.Palette.White }))] }));
 }

package/dist/components/internal/MenuSection.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuSectionImpl = void 0;
+exports.MenuSectionImpl = MenuSectionImpl;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_aria_1 = require("react-aria");
 const internal_1 = require("./");
@@ -14,4 +14,3 @@ function MenuSectionImpl(props) {
     const tid = (0, utils_1.useTestIds)(props);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isPersistentSection && (0, jsx_runtime_1.jsx)("li", { ...separatorProps, css: Css_1.Css.bt.bcGray200.$ }), (0, jsx_runtime_1.jsx)("li", { ...itemProps, css: Css_1.Css.gray900.if(!isPersistentSection).oa.if(contrast).white.$, children: (0, jsx_runtime_1.jsx)("ul", { css: Css_1.Css.listReset.$, ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => ((0, jsx_runtime_1.jsx)(internal_1.MenuItemImpl, { item: item, state: state, onClose: onClose, contrast: contrast, ...tid }, item.key))) }) })] }));
 }
-exports.MenuSectionImpl = MenuSectionImpl;

package/dist/components/internal/OverlayTrigger.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelOr = exports.isNavLinkButton = exports.isIconButton = exports.isTextButton = exports.OverlayTrigger = void 0;
+exports.OverlayTrigger = OverlayTrigger;
+exports.isTextButton = isTextButton;
+exports.isIconButton = isIconButton;
+exports.isNavLinkButton = isNavLinkButton;
+exports.labelOr = labelOr;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -37,20 +41,15 @@ function OverlayTrigger(props) {
     // Add `line-height: 0` to prevent the Icon button and Avatar buttons from inheriting the line-height, causing them to be taller than they should.
     (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.dib.add("lineHeight", 0).$, children: [isTextButton(trigger) ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: variant ? variant : "secondary", contrast: contrast, ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, endAdornment: !hideEndAdornment ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled: disabled, tooltip: tooltip, onClick: (_a = menuTriggerProps.onPress) !== null && _a !== void 0 ? _a : utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid })) : isNavLinkButton(trigger) ? ((0, jsx_runtime_1.jsx)(NavLink_1.NavLink, { ...trigger, label: trigger.navLabel, disabled: !!disabled, contrast: contrast, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid })) : isIconButton(trigger) ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid, disabled: disabled, tooltip: tooltip, onClick: (_b = menuTriggerProps.onPress) !== null && _b !== void 0 ? _b : utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen })) : ((0, jsx_runtime_1.jsx)(AvatarButton_1.AvatarButton, { ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid, disabled: disabled, tooltip: tooltip, onClick: (_c = menuTriggerProps.onPress) !== null && _c !== void 0 ? _c : utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen })), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: buttonRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, children: children }))] }));
 }
-exports.OverlayTrigger = OverlayTrigger;
 function isTextButton(trigger) {
     return trigger && typeof trigger === "object" && "label" in trigger;
 }
-exports.isTextButton = isTextButton;
 function isIconButton(trigger) {
     return trigger && typeof trigger === "object" && "icon" in trigger;
 }
-exports.isIconButton = isIconButton;
 function isNavLinkButton(trigger) {
     return trigger && typeof trigger === "object" && "navLabel" in trigger;
 }
-exports.isNavLinkButton = isNavLinkButton;
 function labelOr(trigger, fallback) {
     return typeof trigger.label === "string" ? trigger.label : fallback;
 }
-exports.labelOr = labelOr;

package/dist/components/internal/Popover.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
+exports.Popover = Popover;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_aria_1 = require("react-aria");
 /** Popover is used for generating menus and list-boxes */
@@ -26,6 +26,5 @@ function Popover(props) {
         },
         ...others,
     }, popoverRef);
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.OverlayContainer, { children: (0, jsx_runtime_1.jsxs)("div", { ...{ ...overlayProps, ...positionProps }, ref: popoverRef, children: [children, (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: () => onClose() })] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_aria_1.OverlayContainer, { children: (0, jsx_runtime_1.jsxs)("div", { ...overlayProps, ...positionProps, ref: popoverRef, children: [children, (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: () => onClose() })] }) }));
 }
-exports.Popover = Popover;

package/dist/components/testData.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestTabContent = exports.testTabs = void 0;
+exports.testTabs = void 0;
+exports.TestTabContent = TestTabContent;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 exports.testTabs = [
     { name: "Tab 1", value: "tab1", render: () => (0, jsx_runtime_1.jsx)(TestTabContent, { content: "Tab 1 Content" }) },
@@ -11,4 +12,3 @@ exports.testTabs = [
 function TestTabContent({ content }) {
     return (0, jsx_runtime_1.jsx)("div", { children: content });
 }
-exports.TestTabContent = TestTabContent;