@homebound/beam 3.0.0 → 3.0.2

package/dist/index.js

@@ -3868,6 +3868,10 @@ var CssBuilder = class _CssBuilder {
     }
     return new _CssBuilder({ ...this.opts, enabled: !this.enabled, elseApplied: true });
   }
+  /** Reset active conditional modifiers for subsequent styles. */
+  get end() {
+    return this.newCss({ selector: void 0, elseApplied: false });
+  }
   add(propOrStyles, value) {
     if (!this.enabled) {
       return this;
@@ -3885,6 +3889,11 @@ var CssBuilder = class _CssBuilder {
     void className;
     return this.unsupportedRuntime("className() cannot be used in RuntimeStyle css expressions.");
   }
+  /** Marker for the build-time transform to append raw inline styles. */
+  style(inlineStyle) {
+    void inlineStyle;
+    return this.unsupportedRuntime("style() cannot be used in RuntimeStyle css expressions.");
+  }
   /** Convert a style hash into `{ className, style }` props for manual spreading into non-`css=` contexts. */
   props(styles) {
     return trussProps(styles);
@@ -4876,7 +4885,7 @@ function Chips(props) {
 // src/components/Table/GridTable.tsx
 import memoizeOne from "memoize-one";
 import { runInAction } from "mobx";
-import React13, { useEffect as useEffect19, useMemo as useMemo24, useRef as useRef38, useState as useState28 } from "react";
+import React13, { useEffect as useEffect19, useMemo as useMemo24, useRef as useRef38, useState as useState29 } from "react";
 import { Virtuoso as Virtuoso2 } from "react-virtuoso";
 
 // src/components/Layout/ScrollableContent.tsx
@@ -12467,7 +12476,7 @@ function MultiSelectField(props) {
 
 // src/inputs/NumberField.tsx
 import { NumberParser } from "@internationalized/number";
-import { useMemo as useMemo18, useRef as useRef27 } from "react";
+import { useMemo as useMemo18, useRef as useRef27, useState as useState23 } from "react";
 import { mergeProps as mergeProps15, useLocale, useNumberField } from "react-aria";
 import { useNumberFieldState } from "react-stately";
 import { jsx as jsx68 } from "react/jsx-runtime";
@@ -12558,6 +12567,7 @@ function NumberField(props) {
     wip: false
   });
   const lastSentRef = useRef27(void 0);
+  const [, forceRender] = useState23(0);
   const propValue = value === void 0 ? Number.NaN : value / factor;
   if (valueRef.current.wip && !Object.is(valueRef.current.value, propValue)) {
     const lastSentInternal = lastSentRef.current === void 0 ? Number.NaN : lastSentRef.current / factor;
@@ -12571,7 +12581,9 @@ function NumberField(props) {
     value: valueRef.current.wip ? valueRef.current.value : value === void 0 ? Number.NaN : value / factor,
     // // This is called on blur with the final/committed value.
     onChange: (value2) => {
-      onChange(formatValue(value2, factor, numFractionDigits, numIntegerDigits, positiveOnly));
+      const formatted = formatValue(value2, factor, numFractionDigits, numIntegerDigits, positiveOnly);
+      if (formatted !== lastSentRef.current) return;
+      onChange(formatted);
     },
     onFocus: () => {
       valueRef.current = {
@@ -12585,6 +12597,7 @@ function NumberField(props) {
         wip: false
       };
       lastSentRef.current = void 0;
+      forceRender((c) => c + 1);
     },
     onKeyDown: (e) => {
       if (e.key === "Enter") {
@@ -12898,17 +12911,17 @@ var radioDisabled = {
 
 // src/inputs/RichTextField.tsx
 import DOMPurify from "dompurify";
-import { createElement, useEffect as useEffect16, useMemo as useMemo20, useRef as useRef29, useState as useState24 } from "react";
+import { createElement, useEffect as useEffect16, useMemo as useMemo20, useRef as useRef29, useState as useState25 } from "react";
 
 // src/inputs/RichTextField.mock.tsx
 import { camelCase as camelCase3 } from "change-case";
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 import { jsx as jsx70 } from "react/jsx-runtime";
 function RichTextFieldMock(props) {
   const { onBlur = () => {
   }, onFocus = () => {
   }, readOnly } = props;
-  const [value, setValue] = useState23(props.value || "");
+  const [value, setValue] = useState24(props.value || "");
   const tid = useTestIds(props, defaultTestId2(props.label || "richTextField"));
   return /* @__PURE__ */ jsx70(
     "input",
@@ -12953,7 +12966,7 @@ function RichTextFieldImpl(props) {
     readOnly,
     fullWidth = fieldProps?.fullWidth ?? false
   } = props;
-  const [editor, setEditor] = useState24();
+  const [editor, setEditor] = useState25();
   const editorElement = useRef29();
   const currentHtml = useRef29(void 0);
   const onChangeRef = useRef29(onChange);
@@ -13417,7 +13430,7 @@ function TextField(props) {
 }
 
 // src/inputs/ToggleButton.tsx
-import { useRef as useRef33, useState as useState25 } from "react";
+import { useRef as useRef33, useState as useState26 } from "react";
 import { useFocusRing as useFocusRing8, useHover as useHover14, usePress, useSwitch as useSwitch2, VisuallyHidden as VisuallyHidden6 } from "react-aria";
 import { useToggleState as useToggleState3 } from "react-stately";
 import { trussProps as trussProps47 } from "@homebound/truss/runtime";
@@ -13432,7 +13445,7 @@ function ToggleButton(props) {
     __storyState,
     ...otherProps
   } = props;
-  const [asyncInProgress, setAsyncInProgress] = useState25(false);
+  const [asyncInProgress, setAsyncInProgress] = useState26(false);
   const isDisabled = !!disabled || asyncInProgress;
   const ariaProps = {
     "aria-label": label,
@@ -14792,13 +14805,13 @@ function useScrollStorage(tableId, enabled = true) {
 
 // src/components/Table/hooks/useSetupColumnSizes.ts
 import { useResizeObserver } from "@react-aria/utils";
-import { useCallback as useCallback14, useEffect as useEffect18, useRef as useRef36, useState as useState27 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect18, useRef as useRef36, useState as useState28 } from "react";
 
 // src/components/Table/hooks/useColumnResizing.ts
-import { useCallback as useCallback13, useEffect as useEffect17, useState as useState26 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect17, useState as useState27 } from "react";
 import { useDebouncedCallback as useDebouncedCallback3 } from "use-debounce";
 function useColumnResizing(storageKey) {
-  const [resizedWidths, setResizedWidths] = useState26(() => {
+  const [resizedWidths, setResizedWidths] = useState27(() => {
     if (!storageKey) return {};
     try {
       const stored = sessionStorage.getItem(`columnWidths_${storageKey}`);
@@ -14852,9 +14865,9 @@ function useSetupColumnSizes(style, columns, resizeRef, expandedColumnIds, visib
     disableColumnResizing ? void 0 : visibleColumnsStorageKey
   );
   const calculateImmediately = useRef36(true);
-  const [tableWidth, setTableWidth] = useState27();
+  const [tableWidth, setTableWidth] = useState28();
   const prevTableWidthRef = useRef36(tableWidth);
-  const [columnSizes, setColumnSizes] = useState27(
+  const [columnSizes, setColumnSizes] = useState28(
     calcColumnSizes(columns, tableWidth, style.minWidthPx, expandedColumnIds, resizedWidths)
   );
   const setTableAndColumnWidths = useCallback14(
@@ -14996,7 +15009,7 @@ function GridTable(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [props.api]
   );
-  const [draggedRow, _setDraggedRow] = useState28(void 0);
+  const [draggedRow, _setDraggedRow] = useState29(void 0);
   const draggedRowRef = useRef38(draggedRow);
   const setDraggedRow = (row) => {
     draggedRowRef.current = row;
@@ -15300,7 +15313,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, firs
 }
 function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, _stickyOffset, infiniteScroll, _tableContainerRef, persistScrollPosition = infiniteScroll === void 0) {
   const customScrollParent = useVirtualizedScrollParent();
-  const [fetchMoreInProgress, setFetchMoreInProgress] = useState28(false);
+  const [fetchMoreInProgress, setFetchMoreInProgress] = useState29(false);
   const {
     getScrollIndex,
     setScrollIndex
@@ -15509,7 +15522,7 @@ function ToggleChips(props) {
 
 // src/components/Accordion.tsx
 import { useId, useResizeObserver as useResizeObserver2 } from "@react-aria/utils";
-import { useCallback as useCallback16, useEffect as useEffect20, useMemo as useMemo25, useState as useState29 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect20, useMemo as useMemo25, useState as useState30 } from "react";
 import { useFocusRing as useFocusRing10 } from "react-aria";
 import { trussProps as trussProps52 } from "@homebound/truss/runtime";
 import { jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -15535,16 +15548,16 @@ function Accordion(props) {
   } = props;
   const tid = useTestIds(props, "accordion");
   const id = useId();
-  const [expanded, setExpanded] = useState29(defaultExpanded && !disabled);
+  const [expanded, setExpanded] = useState30(defaultExpanded && !disabled);
   const {
     isFocusVisible,
     focusProps
   } = useFocusRing10();
-  const [contentEl, setContentEl] = useState29(null);
+  const [contentEl, setContentEl] = useState30(null);
   const contentRef = useMemo25(() => ({
     current: contentEl
   }), [contentEl]);
-  const [contentHeight, setContentHeight] = useState29(expanded ? "auto" : "0");
+  const [contentHeight, setContentHeight] = useState30(expanded ? "auto" : "0");
   useEffect20(() => {
     setExpanded(defaultExpanded && !disabled);
   }, [defaultExpanded, disabled]);
@@ -15694,11 +15707,11 @@ var accordionSizes = {
 };
 
 // src/components/AccordionList.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { Fragment as Fragment20, jsx as jsx84 } from "react/jsx-runtime";
 function AccordionList(props) {
   const { accordions, size, allowMultipleExpanded = true, compact = false } = props;
-  const [expandedIndex, setExpandedIndex] = useState30(
+  const [expandedIndex, setExpandedIndex] = useState31(
     accordions.findIndex((a) => a.defaultExpanded)
   );
   const tid = useTestIds(props, "accordionList");
@@ -15848,7 +15861,7 @@ import { OverlayProvider } from "react-aria";
 
 // src/components/Modal/Modal.tsx
 import { useResizeObserver as useResizeObserver3 } from "@react-aria/utils";
-import { useCallback as useCallback17, useEffect as useEffect23, useRef as useRef40, useState as useState31 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect23, useRef as useRef40, useState as useState32 } from "react";
 import { FocusScope as FocusScope4, OverlayContainer as OverlayContainer2, useDialog, useModal as useModal2, useOverlay as useOverlay2, usePreventScroll } from "react-aria";
 import { createPortal as createPortal3 } from "react-dom";
 
@@ -15955,7 +15968,7 @@ function Modal(props) {
   } = useDialog({
     role: "dialog"
   }, ref);
-  const [[width2, height], setSize] = useState31(getSize(size));
+  const [[width2, height], setSize] = useState32(getSize(size));
   const modalBodyRef = useRef40(null);
   const modalFooterRef = useRef40(null);
   const modalHeaderRef = useRef40(null);
@@ -15969,7 +15982,7 @@ function Modal(props) {
       setSize: (size2 = "md") => setSize(getSize(size2))
     };
   }
-  const [hasScroll, setHasScroll] = useState31(forceScrolling ?? false);
+  const [hasScroll, setHasScroll] = useState32(forceScrolling ?? false);
   useResizeObserver3({
     ref: modalBodyRef,
     onResize: useCallback17(
@@ -16123,7 +16136,7 @@ function getSize(size) {
 }
 
 // src/components/Snackbar/SnackbarContext.tsx
-import { createContext as createContext5, useContext as useContext14, useMemo as useMemo28, useState as useState32 } from "react";
+import { createContext as createContext5, useContext as useContext14, useMemo as useMemo28, useState as useState33 } from "react";
 
 // src/components/Snackbar/SnackbarNotice.tsx
 import { trussProps as trussProps55 } from "@homebound/truss/runtime";
@@ -16240,8 +16253,8 @@ var SnackbarContext = createContext5({ setNotices: () => {
 }, setOffset: () => {
 } });
 function SnackbarProvider(props) {
-  const [notices, setNotices] = useState32([]);
-  const [offset, setOffset] = useState32({});
+  const [notices, setNotices] = useState33([]);
+  const [offset, setOffset] = useState33({});
   const contextValue = useMemo28(() => ({ setNotices, setOffset }), []);
   return /* @__PURE__ */ jsxs55(SnackbarContext.Provider, { value: contextValue, children: [
     props.children,
@@ -16371,7 +16384,7 @@ function SuperDrawer() {
 }
 
 // src/components/Layout/FormPageLayout.tsx
-import React16, { createRef, useCallback as useCallback21, useEffect as useEffect25, useMemo as useMemo33, useRef as useRef42, useState as useState38 } from "react";
+import React16, { createRef, useCallback as useCallback21, useEffect as useEffect25, useMemo as useMemo33, useRef as useRef42, useState as useState39 } from "react";
 import { useButton as useButton9, useFocusRing as useFocusRing11 } from "react-aria";
 
 // src/forms/BoundCheckboxField.tsx
@@ -16626,7 +16639,7 @@ function BoundIconCardField(props) {
 import { Observer as Observer7 } from "mobx-react";
 
 // src/inputs/IconCardGroup.tsx
-import { useCallback as useCallback18, useMemo as useMemo29, useState as useState33 } from "react";
+import { useCallback as useCallback18, useMemo as useMemo29, useState as useState34 } from "react";
 import { mergeProps as mergeProps19, useField } from "react-aria";
 import { trussProps as trussProps58 } from "@homebound/truss/runtime";
 import { jsx as jsx99, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -16644,7 +16657,7 @@ function IconCardGroup(props) {
     disabled: isDisabled = false,
     onChange
   } = props;
-  const [selected, setSelected] = useState33(values);
+  const [selected, setSelected] = useState34(values);
   const exclusiveOptions = useMemo29(() => options.filter((o) => o.exclusive), [options]);
   const toggleValue = useCallback18((value) => {
     if (isDisabled) return;
@@ -17481,7 +17494,7 @@ function boundTreeSelectField(props) {
 }
 
 // src/components/internal/CompoundField.tsx
-import { cloneElement as cloneElement2, useState as useState34 } from "react";
+import { cloneElement as cloneElement2, useState as useState35 } from "react";
 import { trussProps as trussProps61 } from "@homebound/truss/runtime";
 import { jsx as jsx115, jsxs as jsxs59 } from "react/jsx-runtime";
 function CompoundField({
@@ -17504,7 +17517,7 @@ function CompoundField({
   const internalProps = {
     compound: true
   };
-  const [hasFocusWithin, setHasFocusWithin] = useState34(false);
+  const [hasFocusWithin, setHasFocusWithin] = useState35(false);
   function onFocusCapture() {
     setHasFocusWithin(true);
   }
@@ -17680,7 +17693,7 @@ import { useDebouncedCallback as useDebouncedCallback5 } from "use-debounce";
 
 // src/components/RightSidebar.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-motion";
-import { useState as useState35 } from "react";
+import { useState as useState36 } from "react";
 import { trussProps as trussProps64 } from "@homebound/truss/runtime";
 import { Fragment as Fragment24, jsx as jsx120, jsxs as jsxs62 } from "react/jsx-runtime";
 var RIGHT_SIDEBAR_MIN_WIDTH = "250px";
@@ -17688,7 +17701,7 @@ function RightSidebar({
   content,
   headerHeightPx: headerHeightPx2
 }) {
-  const [selectedIcon, setSelectedIcon] = useState35(void 0);
+  const [selectedIcon, setSelectedIcon] = useState36(void 0);
   const tid = useTestIds({}, "rightSidebar");
   return /* @__PURE__ */ jsxs62(Fragment24, { children: [
     /* @__PURE__ */ jsx120("div", { className: "df jcfe absolute right0 pr3", children: /* @__PURE__ */ jsx120(AnimatePresence2, { children: !selectedIcon && /* @__PURE__ */ jsx120(motion2.div, { className: "df fdc gap2 z1", initial: {
@@ -17775,7 +17788,7 @@ function IconButtonList({
 }
 
 // src/components/Toast/ToastContext.tsx
-import { createContext as createContext6, useCallback as useCallback20, useContext as useContext15, useMemo as useMemo31, useState as useState36 } from "react";
+import { createContext as createContext6, useCallback as useCallback20, useContext as useContext15, useMemo as useMemo31, useState as useState37 } from "react";
 import { jsx as jsx121 } from "react/jsx-runtime";
 var ToastContext = createContext6({
   setNotice: () => {
@@ -17786,7 +17799,7 @@ var ToastContext = createContext6({
   notice: void 0
 });
 function ToastProvider(props) {
-  const [notice, setNotice] = useState36();
+  const [notice, setNotice] = useState37();
   const clear = useCallback20(() => setNotice(void 0), [setNotice]);
   const contextValue = useMemo31(() => ({ setNotice, notice, clear }), [notice, clear]);
   return /* @__PURE__ */ jsx121(ToastContext.Provider, { value: contextValue, children: props.children });
@@ -17804,7 +17817,7 @@ function Toast() {
 }
 
 // src/components/Layout/PageHeaderBreadcrumbs.tsx
-import { Fragment as Fragment26, useMemo as useMemo32, useState as useState37 } from "react";
+import { Fragment as Fragment26, useMemo as useMemo32, useState as useState38 } from "react";
 import { Link as Link4 } from "react-router-dom";
 import { mergeProps as mergeProps20 } from "@homebound/truss/runtime";
 import { Fragment as Fragment27, jsx as jsx123, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -17813,7 +17826,7 @@ function PageHeaderBreadcrumbs({
 }) {
   const tids = useTestIds({}, "pageHeaderBreadcrumbs");
   const breadcrumbs = useMemo32(() => Array.isArray(breadcrumb) ? breadcrumb : [breadcrumb], [breadcrumb]);
-  const [collapsed, setCollapsed] = useState37(true);
+  const [collapsed, setCollapsed] = useState38(true);
   function renderBreadcrumb(bc, index, hideDivisor) {
     return (
       // Adding index to key to prevent rendering issues when multiple items have the same label
@@ -18079,7 +18092,7 @@ function SectionNavLink(props) {
   }), ...tids.sectionNavLink, children: section.title });
 }
 function useActiveSection(sectionsWithRefs) {
-  const [activeSection, setActiveSection] = useState38(null);
+  const [activeSection, setActiveSection] = useState39(null);
   const debouncedIntersectionCallback = useDebouncedCallback5((entries) => {
     const sectionsInView = entries.filter((entry) => entry.isIntersecting && entry.intersectionRatio > 0.2).sort((a, b) => {
       const ratioDiff = b.intersectionRatio - a.intersectionRatio;
@@ -18186,7 +18199,7 @@ function invertSpacing(value) {
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
-import React17, { useEffect as useEffect27, useMemo as useMemo38, useState as useState41 } from "react";
+import React17, { useEffect as useEffect27, useMemo as useMemo38, useState as useState42 } from "react";
 
 // src/components/ButtonMenu.tsx
 import { useRef as useRef43 } from "react";
@@ -18238,7 +18251,7 @@ function isSelectionButtonMenuProps(props) {
 }
 
 // src/components/Filters/FilterDropdownMenu.tsx
-import { memo as memo2, useMemo as useMemo35, useState as useState40 } from "react";
+import { memo as memo2, useMemo as useMemo35, useState as useState41 } from "react";
 
 // src/components/CountBadge.tsx
 import { trussProps as trussProps66 } from "@homebound/truss/runtime";
@@ -18633,7 +18646,7 @@ var CheckboxFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/FilterModal.tsx
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 
 // src/components/Modal/OpenModal.tsx
 import { useEffect as useEffect26 } from "react";
@@ -18666,7 +18679,7 @@ function FilterModal(props) {
   const {
     closeModal
   } = useModal();
-  const [modalFilter, setModalFilter] = useState39(filter);
+  const [modalFilter, setModalFilter] = useState40(filter);
   return /* @__PURE__ */ jsxs68(Fragment31, { children: [
     /* @__PURE__ */ jsx136(ModalHeader, { children: "More Filters" }),
     /* @__PURE__ */ jsx136(ModalBody, { children: /* @__PURE__ */ jsx136("div", { className: "df fdc", children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx136(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(modalFilter[key], (value) => setModalFilter(updateFilter(modalFilter, key, value)), testId, true, false) }, key)) }) }),
@@ -18807,7 +18820,7 @@ function FilterDropdownMenu(props) {
     groupBy
   } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
-  const [isOpen, setIsOpen] = useState40(false);
+  const [isOpen, setIsOpen] = useState41(false);
   const activeFilterCount = useMemo35(() => getActiveFilterCount(filter), [filter]);
   const filterImpls = useMemo35(() => buildFilterImpls(filterDefs), [filterDefs]);
   const renderFilters = () => {
@@ -19166,7 +19179,7 @@ function useGridTableLayoutState({
   const groupBy = useGroupBy(maybeGroupBy ?? {
     none: "none"
   });
-  const [searchString, setSearchString] = useState41("");
+  const [searchString, setSearchString] = useState42("");
   const columnsFallback = "unset-columns";
   const [visibleColumnIds, setVisibleColumnIds] = useSessionStorage(persistedColumns?.storageKey ?? columnsFallback, void 0);
   const paginationFallbackKey = "unset-pagination";
@@ -19176,7 +19189,7 @@ function useGridTableLayoutState({
     100
     // default page size
   );
-  const [page, setPage] = useState41({
+  const [page, setPage] = useState42({
     offset: 0,
     limit: persistedPageSize
   });
@@ -19253,7 +19266,7 @@ function SearchBox({
   }, setQueryParams] = useQueryParams3({
     search: StringParam2
   });
-  const [value, setValue] = useState41(initialValue || "");
+  const [value, setValue] = useState42(initialValue || "");
   const [debouncedSearch] = useDebounce2(value, 300);
   useEffect27(() => {
     onSearch(debouncedSearch);
@@ -19278,7 +19291,7 @@ function PreventBrowserScroll({
 }
 
 // src/components/Layout/RightPaneLayout/RightPaneContext.tsx
-import React18, { useCallback as useCallback23, useContext as useContext16, useMemo as useMemo39, useState as useState42 } from "react";
+import React18, { useCallback as useCallback23, useContext as useContext16, useMemo as useMemo39, useState as useState43 } from "react";
 import { jsx as jsx147 } from "react/jsx-runtime";
 var RightPaneContext = React18.createContext({
   openInPane: () => {
@@ -19291,8 +19304,8 @@ var RightPaneContext = React18.createContext({
   rightPaneContent: null
 });
 function RightPaneProvider({ children }) {
-  const [rightPaneContent, setRightPaneContent] = useState42(void 0);
-  const [isRightPaneOpen, setIsRightPaneOpen] = useState42(false);
+  const [rightPaneContent, setRightPaneContent] = useState43(void 0);
+  const [isRightPaneOpen, setIsRightPaneOpen] = useState43(false);
   const openInPane = useCallback23(
     (opts) => {
       setRightPaneContent(opts?.content);
@@ -19701,7 +19714,7 @@ import { useHover as useHover16 } from "react-aria";
 
 // src/components/Tag.tsx
 import { useResizeObserver as useResizeObserver4 } from "@react-aria/utils";
-import { useRef as useRef48, useState as useState43 } from "react";
+import { useRef as useRef48, useState as useState44 } from "react";
 import { trussProps as trussProps74 } from "@homebound/truss/runtime";
 import { jsx as jsx152, jsxs as jsxs79 } from "react/jsx-runtime";
 function Tag(props) {
@@ -19714,7 +19727,7 @@ function Tag(props) {
   } = props;
   const typeStyles2 = getStyles(type);
   const tid = useTestIds(otherProps);
-  const [showTooltip, setShowTooltip] = useState43(false);
+  const [showTooltip, setShowTooltip] = useState44(false);
   const ref = useRef48(null);
   useResizeObserver4({
     ref,
@@ -20414,7 +20427,7 @@ function HbSpinnerProvider({
 
 // src/components/MaxLines.tsx
 import { useLayoutEffect as useLayoutEffect2, useResizeObserver as useResizeObserver5 } from "@react-aria/utils";
-import { useCallback as useCallback25, useEffect as useEffect30, useRef as useRef50, useState as useState44 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect30, useRef as useRef50, useState as useState45 } from "react";
 import { trussProps as trussProps80 } from "@homebound/truss/runtime";
 import { jsx as jsx160, jsxs as jsxs82 } from "react/jsx-runtime";
 function MaxLines({
@@ -20422,8 +20435,8 @@ function MaxLines({
   children
 }) {
   const elRef = useRef50(null);
-  const [hasMore, setHasMore] = useState44(false);
-  const [expanded, setExpanded] = useState44(false);
+  const [hasMore, setHasMore] = useState45(false);
+  const [expanded, setExpanded] = useState45(false);
   useLayoutEffect2(() => {
     if (!elRef.current) return;
     setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
@@ -20457,7 +20470,7 @@ function MaxLines({
 
 // src/components/ScrollShadows.tsx
 import { useResizeObserver as useResizeObserver6 } from "@react-aria/utils";
-import { useCallback as useCallback26, useMemo as useMemo47, useRef as useRef51, useState as useState45 } from "react";
+import { useCallback as useCallback26, useMemo as useMemo47, useRef as useRef51, useState as useState46 } from "react";
 import { trussProps as trussProps81 } from "@homebound/truss/runtime";
 import { jsx as jsx161, jsxs as jsxs83 } from "react/jsx-runtime";
 function ScrollShadows(props) {
@@ -20475,8 +20488,8 @@ function ScrollShadows(props) {
   if (!bgColor.includes("rgba")) {
     throw new Error("ScrollShadows: bgColor prop must be in the format 'rgba(255, 255, 255, 1)'");
   }
-  const [showStartShadow, setShowStartShadow] = useState45(false);
-  const [showEndShadow, setShowEndShadow] = useState45(false);
+  const [showStartShadow, setShowStartShadow] = useState46(false);
+  const [showEndShadow, setShowEndShadow] = useState46(false);
   const scrollRef = useRef51(null);
   const [startShadowStyles, endShadowStyles] = useMemo47(() => {
     const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
@@ -21122,7 +21135,7 @@ function visit(rows, fn) {
 
 // src/components/Tabs.tsx
 import { camelCase as camelCase5 } from "change-case";
-import { useEffect as useEffect32, useMemo as useMemo49, useRef as useRef53, useState as useState46 } from "react";
+import { useEffect as useEffect32, useMemo as useMemo49, useRef as useRef53, useState as useState47 } from "react";
 import { mergeProps as mergeProps26, useFocusRing as useFocusRing15, useHover as useHover19 } from "react-aria";
 import { matchPath, Route } from "react-router";
 import { Link as Link5, useLocation } from "react-router-dom";
@@ -21180,7 +21193,7 @@ function Tabs(props) {
     focusProps
   } = useFocusRing15();
   const tid = useTestIds(others, "tabs");
-  const [active, setActive] = useState46(selected);
+  const [active, setActive] = useState47(selected);
   const ref = useRef53(null);
   useEffect32(() => setActive(selected), [selected]);
   function onKeyUp(e) {