@vuu-ui/vuu-ui-controls 0.8.14-debug → 0.8.15-debug

package/esm/index.js

@@ -345,7 +345,7 @@ var useCollectionItems = ({
   // revealSelected = false,
   source
 }) => {
-  var _a2;
+  var _a2, _b;
   const { getItemId } = options;
   const [, forceUpdate] = useState2(null);
   const inheritedCollectionHook = useCollection();
@@ -353,6 +353,7 @@ var useCollectionItems = ({
   const flattenedDataRef = useRef2([]);
   const EMPTY_COLLECTION = useMemo(() => [], []);
   const filterPattern = useRef2((_a2 = options.filterPattern) != null ? _a2 : "");
+  const disableFilter = (_b = options.disableFilter) != null ? _b : false;
   const {
     getFilterRegex = getDefaultFilterRegex,
     noChildrenLabel,
@@ -364,14 +365,14 @@ var useCollectionItems = ({
   const addMetadataToItems = useCallback2(
     (items, indexer, level = 1, path = "", results = [], flattenedCollection2 = [], flattenedSource2 = []) => {
       items.forEach((item, i, all) => {
-        var _a3, _b;
+        var _a3, _b2;
         const isCollapsibleHeader = item.header && options.collapsibleHeaders;
         const isNonCollapsibleGroupNode = item.childNodes && options.collapsibleHeaders === false;
         const isLeaf3 = !item.childNodes || item.childNodes.length === 0;
         const nonCollapsible = isNonCollapsibleGroupNode || isLeaf3 && !isCollapsibleHeader;
         const childPath = path ? `${path}.${i}` : `item-${i}`;
         const id = (_a3 = item.id) != null ? _a3 : getItemId ? getItemId(i) : `${idRoot}-${childPath}`;
-        const expanded = nonCollapsible ? void 0 : (_b = item.expanded) != null ? _b : isExpanded2();
+        const expanded = nonCollapsible ? void 0 : (_b2 = item.expanded) != null ? _b2 : isExpanded2();
         const normalisedItem = {
           ...item,
           childNodes: void 0,
@@ -406,12 +407,12 @@ var useCollectionItems = ({
     [options.collapsibleHeaders, getItemId, idRoot, isExpanded2]
   );
   const getFilter = useCallback2(() => {
-    if (filterPattern.current) {
+    if (filterPattern.current && !disableFilter) {
       return getDefaultFilter(filterPattern.current, getFilterRegex);
     } else {
       return null;
     }
-  }, [getFilterRegex]);
+  }, [disableFilter, getFilterRegex]);
   const collectVisibleItems = useCallback2(
     (items, filter = getFilter(), results = [], idx = { value: 0 }) => {
       let skipToNextHeader = false;
@@ -2091,14 +2092,14 @@ import { forwardRef as forwardRef3 } from "react";
 import cx4 from "classnames";
 
 // src/list/CheckboxIcon.tsx
-import React from "react";
 import cx3 from "classnames";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var classBase3 = "vuuCheckboxIcon";
 var CheckboxIcon = ({
   checked = false,
   disabled = false,
   ...htmlAttributes
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx5(
   "span",
   {
     ...htmlAttributes,
@@ -2109,13 +2110,13 @@ var CheckboxIcon = ({
 );
 
 // src/list/ListItem.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var classBase4 = "vuuListItem";
 var ListItemProxy = forwardRef3(function ListItemNextProxy({
   height,
   ...htmlAttributes
 }, forwardedRef) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       ...htmlAttributes,
@@ -2160,8 +2161,8 @@ var ListItem = forwardRef3(
         ref: forwardedRef,
         style,
         children: [
-          showCheckbox && /* @__PURE__ */ jsx5(CheckboxIcon, { "aria-hidden": true, checked: selected }),
-          children && typeof children !== "string" ? children : itemTextHighlightPattern == null ? /* @__PURE__ */ jsx5("span", { className: `${classBase4}-textWrapper`, children: label || children }) : /* @__PURE__ */ jsx5(
+          showCheckbox && /* @__PURE__ */ jsx6(CheckboxIcon, { "aria-hidden": true, checked: selected }),
+          children && typeof children !== "string" ? children : itemTextHighlightPattern == null ? /* @__PURE__ */ jsx6("span", { className: `${classBase4}-textWrapper`, children: label || children }) : /* @__PURE__ */ jsx6(
             Highlighter,
             {
               matchPattern: itemTextHighlightPattern,
@@ -2296,7 +2297,7 @@ var useGlobalDragDrop = ({
 };
 
 // src/drag-drop/DragDropProvider.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var NO_DRAG_CONTEXT = {
   isDragSource: void 0,
   isDropTarget: void 0,
@@ -2408,7 +2409,7 @@ var DragDropProvider = ({
       registerDragDropParty
     ]
   );
-  return /* @__PURE__ */ jsx6(DragDropContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx7(DragDropContext.Provider, { value: contextValue, children });
 };
 var useDragDropProvider = (id) => {
   var _a2, _b;
@@ -2480,7 +2481,7 @@ import {
   useMemo as useMemo5
 } from "react";
 import { PopupComponent as Popup2, Portal as Portal2 } from "@vuu-ui/vuu-popups";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var makeClassNames = (classNames) => classNames.split(" ").map((className) => `vuuDraggable-${className}`);
 var Draggable = forwardRef4(
   function Draggable2({ wrapperClassName, element, onDropped, onTransitionEnd, style, scale = 1 }, forwardedRef) {
@@ -2508,13 +2509,13 @@ var Draggable = forwardRef4(
       }),
       []
     );
-    return /* @__PURE__ */ jsx7(Portal2, { children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(Portal2, { children: /* @__PURE__ */ jsx8(
       Popup2,
       {
         anchorElement: { current: document.body },
         placement: "absolute",
         position,
-        children: /* @__PURE__ */ jsx7(
+        children: /* @__PURE__ */ jsx8(
           "div",
           {
             className: cx5("vuuDraggable", ...makeClassNames(wrapperClassName)),
@@ -2899,7 +2900,7 @@ var useDropIndicator = () => {
 };
 
 // src/drag-drop/useDragDropIndicator.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var NOT_OVERFLOWED2 = ':not([data-overflowed="true"])';
 var NOT_HIDDEN2 = ':not([aria-hidden="true"])';
 var useDragDropIndicator = ({
@@ -3021,7 +3022,7 @@ var useDragDropIndicator = ({
             height: 2
           };
           setDropIndicator(
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               Draggable,
               {
                 wrapperClassName: "dropIndicatorContainer",
@@ -3548,7 +3549,7 @@ var useDragDropNaturalMovement = ({
 };
 
 // src/drag-drop/useDragDropNext.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var NULL_DRAG_DROP_RESULT = {
   beginDrag: () => void 0,
   drag: () => void 0,
@@ -3893,7 +3894,7 @@ var useDragDropNext = ({
         } = dragElement;
         setDraggableStatus({
           isDragging: true,
-          draggable: /* @__PURE__ */ jsx9(
+          draggable: /* @__PURE__ */ jsx10(
             Draggable,
             {
               element: cloneElement3(dragElement),
@@ -4510,7 +4511,7 @@ var useScrollPosition = ({
 };
 
 // src/list/List.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 import { createElement } from "react";
 var defaultEmptyMessage = "No data to display";
 var classBase5 = "vuuList";
@@ -4707,7 +4708,7 @@ var List = forwardRef5(function List2({
       showCheckbox: checkable
     };
     list.push(
-      isChildItem ? cloneElement4(value, listItemProps) : /* @__PURE__ */ jsx10(ListItem4, { ...listItemProps })
+      isChildItem ? cloneElement4(value, listItemProps) : /* @__PURE__ */ jsx11(ListItem4, { ...listItemProps })
     );
     idx.value += 1;
   }
@@ -4718,7 +4719,7 @@ var List = forwardRef5(function List2({
       renderCollectionItems(items, idx, idx.value + count) || []
     ) : header;
     list.push(
-      /* @__PURE__ */ jsx10("div", { role: "group", children: childItems2 }, id2)
+      /* @__PURE__ */ jsx11("div", { role: "group", children: childItems2 }, id2)
     );
   };
   const renderCollectionItems = (items, idx = { value: 0 }, end = items.length) => {
@@ -4739,7 +4740,7 @@ var List = forwardRef5(function List2({
   };
   function renderEmpty() {
     if (emptyMessage || showEmptyMessage) {
-      return /* @__PURE__ */ jsx10("span", { className: `${classBase5}-empty-message`, children: emptyMessage != null ? emptyMessage : defaultEmptyMessage });
+      return /* @__PURE__ */ jsx11("span", { className: `${classBase5}-empty-message`, children: emptyMessage != null ? emptyMessage : defaultEmptyMessage });
     } else {
       return null;
     }
@@ -4785,8 +4786,8 @@ var List = forwardRef5(function List2({
       style: { ...styleProp, ...sizeStyles },
       tabIndex: listDisabled || disableFocus ? void 0 : tabIndex,
       children: [
-        /* @__PURE__ */ jsx10(ListItemProxy, { ref: rowHeightProxyRef, height: itemHeightProp }),
-        collectionHook.data.length === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx10(Fragment2, { children: /* @__PURE__ */ jsx10(ListPlaceholder, {}) }) : /* @__PURE__ */ jsx10("div", { className: `${classBase5}-viewport`, ref: scrollContainerRef, children: /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsx11(ListItemProxy, { ref: rowHeightProxyRef, height: itemHeightProp }),
+        collectionHook.data.length === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx11(Fragment2, { children: /* @__PURE__ */ jsx11(ListPlaceholder, {}) }) : /* @__PURE__ */ jsx11("div", { className: `${classBase5}-viewport`, ref: scrollContainerRef, children: /* @__PURE__ */ jsxs4(
           "div",
           {
             className: `${classBase5}-scrollingContentContainer`,
@@ -4897,7 +4898,7 @@ var useVirtualization = ({
 };
 
 // src/list/VirtualizedList.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultEmptyMessage2 = "No data to display";
 var withBaseName2 = makePrefixer2("saltList");
 var ListItem3 = memo(ListItem);
@@ -5022,7 +5023,7 @@ var VirtualizedList = forwardRef6(function List3({
     const [key, offset, pos, item] = row;
     const index = pos - 1;
     list.push(
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         ListItem3,
         {
           "aria-setsize": collectionHook.data.length,
@@ -5055,7 +5056,7 @@ var VirtualizedList = forwardRef6(function List3({
   }
   function renderEmpty() {
     if (emptyMessage || showEmptyMessage) {
-      return /* @__PURE__ */ jsx11("span", { className: withBaseName2("empty-message"), children: emptyMessage != null ? emptyMessage : defaultEmptyMessage2 });
+      return /* @__PURE__ */ jsx12("span", { className: withBaseName2("empty-message"), children: emptyMessage != null ? emptyMessage : defaultEmptyMessage2 });
     } else {
       return null;
     }
@@ -5076,7 +5077,7 @@ var VirtualizedList = forwardRef6(function List3({
     maxWidth: maxWidth != null ? maxWidth : width,
     maxHeight: maxHeight != null ? maxHeight : listHeight
   };
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ...htmlAttributes,
@@ -5095,7 +5096,7 @@ var VirtualizedList = forwardRef6(function List3({
           className: withBaseName2("scrollingContentContainer"),
           style: { height: contentHeight },
           children: [
-            /* @__PURE__ */ jsx11(ListItemProxy, { ref: rowHeightProxyRef }),
+            /* @__PURE__ */ jsx12(ListItemProxy, { ref: rowHeightProxyRef }),
             renderContent()
           ]
         }
@@ -5106,12 +5107,12 @@ var VirtualizedList = forwardRef6(function List3({
 
 // src/list/RadioIcon.tsx
 import cx7 from "classnames";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var classBase6 = "vuuRadioIcon";
 var RadioIcon = ({
   checked = false,
   ...htmlAttributes
-}) => /* @__PURE__ */ jsx12(
+}) => /* @__PURE__ */ jsx13(
   "span",
   {
     ...htmlAttributes,
@@ -5219,7 +5220,7 @@ var useDropdown = ({
 };
 
 // src/dropdown/Dropdown.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var Dropdown2 = forwardRef7(function Dropdown3({
   "aria-label": ariaLabel,
   children,
@@ -5301,7 +5302,7 @@ var Dropdown2 = forwardRef7(function Dropdown3({
         })
       );
     } else {
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         DropdownButton,
         {
           label: triggerLabel,
@@ -5311,7 +5312,7 @@ var Dropdown2 = forwardRef7(function Dropdown3({
       );
     }
   };
-  return /* @__PURE__ */ jsx13(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx14(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs6(
     DropdownBase,
     {
       ...props,
@@ -5323,7 +5324,7 @@ var Dropdown2 = forwardRef7(function Dropdown3({
       width,
       children: [
         getTriggerComponent(),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           List,
           {
             ListItem: ListItem4,
@@ -5353,6 +5354,7 @@ import {
 } from "react";
 var EnterOnly = ["Enter"];
 var useCombobox = ({
+  allowBackspaceClearsSelection,
   allowFreeText,
   ariaLabel,
   collectionHook,
@@ -5362,6 +5364,7 @@ var useCombobox = ({
   onBlur,
   onFocus,
   onChange,
+  onDeselect,
   onSelect,
   id,
   initialHighlightedIndex = -1,
@@ -5374,6 +5377,7 @@ var useCombobox = ({
   onSelectionChange,
   onSetSelectedText,
   selected: selectedProp,
+  selectionKeys = EnterOnly,
   selectionStrategy,
   value: valueProp,
   InputProps: inputProps = {
@@ -5384,7 +5388,7 @@ var useCombobox = ({
   }
 }) => {
   const isMultiSelect = isMultiSelection(selectionStrategy);
-  const { setFilterPattern } = collectionHook;
+  const { data, setFilterPattern } = collectionHook;
   const setHighlightedIndexRef = useRef26(null);
   const selectedRef = useRef26(isMultiSelect ? [] : null);
   const ignoreSelectOnFocus = useRef26(true);
@@ -5403,7 +5407,6 @@ var useCombobox = ({
   const highlightSelectedItem = useCallback28((selected2) => {
     var _a2;
     if (Array.isArray(selected2)) {
-      console.log("TODO multi selection");
     } else if (selected2 == null) {
       (_a2 = setHighlightedIndexRef.current) == null ? void 0 : _a2.call(setHighlightedIndexRef, -1);
     }
@@ -5501,7 +5504,7 @@ var useCombobox = ({
         setTextValue("", false);
       }
       setIsOpen(open);
-      onOpenChange == null ? void 0 : onOpenChange(open);
+      onOpenChange == null ? void 0 : onOpenChange(open, closeReason);
       if (!open && closeReason !== "Escape") {
         if (!selectFreeTextInputValue()) {
           applySelection();
@@ -5544,11 +5547,11 @@ var useCombobox = ({
     disableAriaActiveDescendant,
     disableHighlightOnFocus: true,
     disableTypeToSelect: true,
+    label: "combobox",
     onKeyboardNavigation: handleKeyboardNavigation,
-    // onKeyDown: handleInputKeyDown,
     onSelectionChange: handleSelectionChange,
     selected: collectionHook.itemToCollectionItemId(selectedProp),
-    selectionKeys: EnterOnly,
+    selectionKeys,
     selectionStrategy,
     tabToSelect: !isMultiSelect
   });
@@ -5575,6 +5578,15 @@ var useCombobox = ({
     },
     [setFilterPattern, setIsOpen, setValue]
   );
+  const handleInputKeyDown = useCallback28(
+    (e) => {
+      if (e.key === "Backspace" && allowBackspaceClearsSelection) {
+        selectedRef.current = null;
+        onDeselect == null ? void 0 : onDeselect();
+      }
+    },
+    [allowBackspaceClearsSelection, onDeselect]
+  );
   const { onFocus: inputOnFocus = onFocus } = inputProps;
   const { onFocus: listOnFocus } = listControlProps;
   const handleInputFocus = useCallback28(
@@ -5636,7 +5648,8 @@ var useCombobox = ({
     ...inputProps.inputProps,
     // "aria-owns": listId,
     "aria-label": ariaLabel,
-    autoComplete: "off"
+    autoComplete: "off",
+    onKeyDown: handleInputKeyDown
   };
   return {
     focusVisible,
@@ -5668,27 +5681,29 @@ var useCombobox = ({
 
 // src/list/ChevronIcon.tsx
 import cx8 from "classnames";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var classBase7 = "vuuChevronIcon";
 var ChevronIcon = (props) => {
   const { direction, ...htmlAttributes } = props;
-  return /* @__PURE__ */ jsx14("span", { ...htmlAttributes, className: cx8(classBase7, direction) });
+  return /* @__PURE__ */ jsx15("span", { ...htmlAttributes, className: cx8(classBase7, direction) });
 };
 
 // src/combo-box/ComboBox.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var ComboBox = forwardRef8(function Combobox({
   InputProps: InputProps4,
   ListProps: ListProps3,
   PopupProps,
   ListItem: ListItem4,
   "aria-label": ariaLabel,
+  allowBackspaceClearsSelection,
   allowFreeText,
   children,
   defaultIsOpen,
   defaultSelected,
   defaultValue,
   disabled,
+  disableFilter,
   onBlur,
   onFocus,
   onChange,
@@ -5700,9 +5715,11 @@ var ComboBox = forwardRef8(function Combobox({
   isOpen: isOpenProp,
   itemToString: itemToString2 = itemToString,
   itemsToString,
+  onDeselect,
   onOpenChange: onOpenChangeProp,
   onSelectionChange,
   selected: selectedProp,
+  selectionKeys,
   selectionStrategy,
   source,
   value: valueProp,
@@ -5724,6 +5741,7 @@ var ComboBox = forwardRef8(function Combobox({
     source,
     children,
     options: {
+      disableFilter,
       filterPattern: initialValue,
       getFilterRegex,
       itemToString: itemToString2
@@ -5740,6 +5758,7 @@ var ComboBox = forwardRef8(function Combobox({
     selected
   } = useCombobox({
     InputProps: InputProps4,
+    allowBackspaceClearsSelection,
     allowFreeText,
     ariaLabel,
     collectionHook,
@@ -5752,6 +5771,7 @@ var ComboBox = forwardRef8(function Combobox({
     label: props.title,
     listRef,
     onBlur,
+    onDeselect,
     onFocus,
     onChange,
     onSelect,
@@ -5763,6 +5783,7 @@ var ComboBox = forwardRef8(function Combobox({
     onSelectionChange,
     onSetSelectedText,
     selected: selectedProp,
+    selectionKeys,
     selectionStrategy,
     value: initialValue
   });
@@ -5773,14 +5794,14 @@ var ComboBox = forwardRef8(function Combobox({
       onOpenChange(true);
     }
   }, [isOpen, onOpenChange]);
-  const endAdornment = endAdornmentProp === null ? null : /* @__PURE__ */ jsx15(
+  const endAdornment = endAdornmentProp === null ? null : /* @__PURE__ */ jsx16(
     ChevronIcon,
     {
       direction: isOpen ? "up" : "down",
       onClick: handleDropdownIconClick
     }
   );
-  return /* @__PURE__ */ jsx15(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx16(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs7(
     DropdownBase,
     {
       ...props,
@@ -5792,7 +5813,7 @@ var ComboBox = forwardRef8(function Combobox({
       ref: forwardedRef,
       width,
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           Input,
           {
             ...inputProps,
@@ -5801,7 +5822,7 @@ var ComboBox = forwardRef8(function Combobox({
             endAdornment
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           List,
           {
             ...ListProps3,
@@ -5810,7 +5831,6 @@ var ComboBox = forwardRef8(function Combobox({
             focusVisible,
             highlightedIndex,
             itemTextHighlightPattern: String(inputProps.value) || void 0,
-            id: `${id}-list`,
             listHandlers,
             onSelectionChange,
             ref: listRef,
@@ -5828,7 +5848,7 @@ var ComboBox = forwardRef8(function Combobox({
 import { Button as Button2 } from "@salt-ds/core";
 import cx9 from "classnames";
 import { forwardRef as forwardRef9, useCallback as useCallback30 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var classBase8 = "vuuCycleStateButton";
 var getNextValue = (value, valueList) => {
   const index = valueList.indexOf(value.toUpperCase());
@@ -5856,7 +5876,7 @@ var CycleStateButton = forwardRef9(function CycleStateButton2({
     },
     [onCommit, value, values]
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Button2,
     {
       ...buttonProps,
@@ -6020,7 +6040,7 @@ import {
   useRef as useRef29
 } from "react";
 import { Input as Input2, useControlled as useControlled6 } from "@salt-ds/core";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var classBase9 = "vuuEditableLabel";
 var EditableLabel = forwardRef10(function EditableLabel2({
   className: classNameProp,
@@ -6107,7 +6127,7 @@ var EditableLabel = forwardRef10(function EditableLabel2({
   const className = cx10(classBase9, classNameProp, {
     [`${classBase9}-editing`]: editing
   });
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ...restProps,
@@ -6115,7 +6135,7 @@ var EditableLabel = forwardRef10(function EditableLabel2({
       onDoubleClick: handleDoubleClick,
       "data-text": value,
       ref: forwardedRef,
-      children: editing ? /* @__PURE__ */ jsx17(
+      children: editing ? /* @__PURE__ */ jsx18(
         Input2,
         {
           inputProps: { className: `${classBase9}-input`, spellCheck: false },
@@ -6128,7 +6148,7 @@ var EditableLabel = forwardRef10(function EditableLabel2({
           textAlign: "left",
           variant: "secondary"
         }
-      ) : /* @__PURE__ */ jsx17("span", { className: `${classBase9}-label`, children: value })
+      ) : /* @__PURE__ */ jsx18("span", { className: `${classBase9}-label`, children: value })
     }
   );
 });
@@ -6136,7 +6156,7 @@ var EditableLabel = forwardRef10(function EditableLabel2({
 // src/expando-input/ExpandoInput.tsx
 import cx11 from "classnames";
 import { forwardRef as forwardRef11 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var classBase10 = "vuuExpandoInput";
 var noop = () => void 0;
 var ExpandoInput = forwardRef11(function ExpandoInput2({
@@ -6147,14 +6167,14 @@ var ExpandoInput = forwardRef11(function ExpandoInput2({
   onCommit = noop,
   ...props
 }, forwardedRef) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cx11(classBase10, classNameProp, {
         [`${classBase10}-error`]: errorMessage
       }),
       "data-text": value,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         VuuInput,
         {
           ...props,
@@ -6173,7 +6193,7 @@ var ExpandoInput = forwardRef11(function ExpandoInput2({
 });
 
 // src/inputs/Checkbox.tsx
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 var Checkbox = (props) => {
   const { onToggle, checked, label } = props;
   return /* @__PURE__ */ jsxs8(
@@ -6183,7 +6203,7 @@ var Checkbox = (props) => {
       onClick: onToggle,
       onKeyUp: (e) => e.key === " " && onToggle(),
       children: [
-        /* @__PURE__ */ jsx19(CheckboxIcon, { tabIndex: 0, checked }),
+        /* @__PURE__ */ jsx20(CheckboxIcon, { tabIndex: 0, checked }),
         label
       ]
     }
@@ -6191,13 +6211,13 @@ var Checkbox = (props) => {
 };
 
 // src/inputs/RadioButton.tsx
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var RadioButton = (props) => {
   const { onClick, checked, label, groupName } = props;
   return /* @__PURE__ */ jsxs9("div", { className: "vuuRadioButton", onClick, children: [
     /* @__PURE__ */ jsxs9("div", { className: "radio", children: [
-      /* @__PURE__ */ jsx20("input", { type: "radio", name: groupName }),
-      /* @__PURE__ */ jsx20(RadioIcon, { checked })
+      /* @__PURE__ */ jsx21("input", { type: "radio", name: groupName }),
+      /* @__PURE__ */ jsx21(RadioIcon, { checked })
     ] }),
     label
   ] });
@@ -6211,7 +6231,7 @@ import { forwardRef as forwardRef12, useMemo as useMemo15 } from "react";
 
 // src/instrument-picker/SearchCell.tsx
 import { registerComponent } from "@vuu-ui/vuu-utils";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 var classBase11 = "vuuSearchCell";
 var SearchCell = ({
   column,
@@ -6221,7 +6241,7 @@ var SearchCell = ({
   const key = columnMap[column.name];
   const value = row[key];
   return /* @__PURE__ */ jsxs10("div", { className: classBase11, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx21("span", { "data-icon": "draggable" }),
+    /* @__PURE__ */ jsx22("span", { "data-icon": "draggable" }),
     value
   ] });
 };
@@ -6316,7 +6336,7 @@ var useInstrumentPicker = ({
 };
 
 // src/instrument-picker/InstrumentPicker.tsx
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
 var classBase12 = "vuuInstrumentPicker";
 var InstrumentPicker = forwardRef12(function InstrumentPicker2({
   TableProps: { dataSource, ...TableProps3 },
@@ -6350,7 +6370,7 @@ var InstrumentPicker = forwardRef12(function InstrumentPicker2({
     onSelect,
     searchColumns
   });
-  const endAdornment = useMemo15(() => /* @__PURE__ */ jsx22("span", { "data-icon": "chevron-down" }), []);
+  const endAdornment = useMemo15(() => /* @__PURE__ */ jsx23("span", { "data-icon": "chevron-down" }), []);
   const tableProps = {
     ...TableProps3,
     config: {
@@ -6371,7 +6391,7 @@ var InstrumentPicker = forwardRef12(function InstrumentPicker2({
       ref: forwardedRef,
       width,
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           Input3,
           {
             ...inputProps,
@@ -6380,7 +6400,7 @@ var InstrumentPicker = forwardRef12(function InstrumentPicker2({
             value
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           Table,
           {
             rowHeight: 25,
@@ -6413,7 +6433,7 @@ import { useCallback as useCallback51 } from "react";
 
 // src/instrument-search/SearchCell.tsx
 import { registerComponent as registerComponent2 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var classBase13 = "vuuSearchCell";
 var SearchCell2 = ({
   column,
@@ -6423,7 +6443,7 @@ var SearchCell2 = ({
   const key = columnMap[column.name];
   const value = row[key];
   return /* @__PURE__ */ jsxs12("div", { className: classBase13, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx23("span", { "data-icon": "draggable" }),
+    /* @__PURE__ */ jsx24("span", { "data-icon": "draggable" }),
     value
   ] });
 };
@@ -6458,37 +6478,37 @@ import { Button as Button3, FormField, FormFieldLabel } from "@salt-ds/core";
 
 // ../vuu-shell/src/login/VuuLogo.tsx
 import { useMemo as useMemo17 } from "react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/login/LoginPanel.tsx
 import cx12 from "classnames";
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/login/login-utils.ts
 import { getCookieValue } from "@vuu-ui/vuu-utils";
 
 // ../vuu-shell/src/app-header/AppHeader.tsx
 import { Button as Button4 } from "@salt-ds/core";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/connection-status/ConnectionStatusIcon.tsx
-import React3, { useEffect as useEffect8, useState as useState17 } from "react";
+import React2, { useEffect as useEffect8, useState as useState17 } from "react";
 import cx14 from "classnames";
-import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/density-switch/DensitySwitch.tsx
 import { useCallback as useCallback37 } from "react";
 import cx15 from "classnames";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/feature/Feature.tsx
-import React5, { Suspense, useEffect as useEffect9 } from "react";
+import React4, { Suspense, useEffect as useEffect9 } from "react";
 import { registerComponent as registerComponent3 } from "@vuu-ui/vuu-layout";
 
 // ../vuu-shell/src/feature/FeatureErrorBoundary.tsx
-import React4 from "react";
-import { Fragment as Fragment4, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
-var FeatureErrorBoundary = class extends React4.Component {
+import React3 from "react";
+import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+var FeatureErrorBoundary = class extends React3.Component {
   constructor(props) {
     super(props);
     this.state = { errorMessage: null };
@@ -6503,8 +6523,8 @@ var FeatureErrorBoundary = class extends React4.Component {
   render() {
     if (this.state.errorMessage) {
       return /* @__PURE__ */ jsxs17(Fragment4, { children: [
-        /* @__PURE__ */ jsx29("h1", { children: "An error occured while creating component." }),
-        /* @__PURE__ */ jsx29("p", { children: this.state.errorMessage })
+        /* @__PURE__ */ jsx30("h1", { children: "An error occured while creating component." }),
+        /* @__PURE__ */ jsx30("p", { children: this.state.errorMessage })
       ] });
     }
     return this.props.children;
@@ -6512,8 +6532,8 @@ var FeatureErrorBoundary = class extends React4.Component {
 };
 
 // ../vuu-shell/src/feature/Loader.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Loader = () => /* @__PURE__ */ jsx30("div", { className: "hwLoader" });
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Loader = () => /* @__PURE__ */ jsx31("div", { className: "hwLoader" });
 
 // ../vuu-shell/src/feature/css-module-loader.ts
 var importCSS = async (path) => {
@@ -6522,7 +6542,7 @@ var importCSS = async (path) => {
 };
 
 // ../vuu-shell/src/feature/Feature.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var componentsMap = /* @__PURE__ */ new Map();
 var useCachedFeature = (url) => {
   useEffect9(
@@ -6534,7 +6554,7 @@ var useCachedFeature = (url) => {
   if (!componentsMap.has(url)) {
     componentsMap.set(
       url,
-      React5.lazy(() => import(
+      React4.lazy(() => import(
         /* @vite-ignore */
         url
       ))
@@ -6562,9 +6582,9 @@ function RawFeature({
     });
   }
   const LazyFeature = useCachedFeature(url);
-  return /* @__PURE__ */ jsx31(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx31(Suspense, { fallback: /* @__PURE__ */ jsx31(Loader, {}), children: /* @__PURE__ */ jsx31(LazyFeature, { ...props, ...params }) }) });
+  return /* @__PURE__ */ jsx32(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx32(Suspense, { fallback: /* @__PURE__ */ jsx32(Loader, {}), children: /* @__PURE__ */ jsx32(LazyFeature, { ...props, ...params }) }) });
 }
-var Feature = React5.memo(RawFeature);
+var Feature = React4.memo(RawFeature);
 Feature.displayName = "Feature";
 registerComponent3("Feature", Feature, "view");
 
@@ -6572,12 +6592,12 @@ registerComponent3("Feature", Feature, "view");
 import { useEffect as useEffect10, useState as useState18 } from "react";
 import { Input as Input4, Button as Button5, FormField as FormField2, FormFieldLabel as FormFieldLabel2, Text } from "@salt-ds/core";
 import { takeScreenshot } from "@vuu-ui/vuu-utils";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var classBase14 = "saveLayoutPanel";
 var formField = `${classBase14}-formField`;
 
 // ../vuu-shell/src/layout-management/useLayoutManager.tsx
-import React6, {
+import React5, {
   useCallback as useCallback38,
   useContext as useContext3,
   useEffect as useEffect11,
@@ -6591,8 +6611,9 @@ import {
   defaultApplicationJson
 } from "@vuu-ui/vuu-layout";
 import { NotificationLevel, useNotifications } from "@vuu-ui/vuu-popups";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var LayoutManagementContext = React6.createContext({
+import { jsx as jsx34 } from "react/jsx-runtime";
+var LayoutManagementContext = React5.createContext({
+  getApplicationSettings: () => void 0,
   layoutMetadata: [],
   saveLayout: () => void 0,
   // The default Application JSON will be served if no LayoutManagementProvider
@@ -6603,11 +6624,11 @@ var LayoutManagementContext = React6.createContext({
 });
 
 // ../vuu-shell/src/layout-management/LayoutList.tsx
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // ../vuu-icons/src/VuuLogo.tsx
 import { memo as memo2 } from "react";
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 var VuuLogo2 = memo2(() => {
   return /* @__PURE__ */ jsxs20(
     "svg",
@@ -6619,21 +6640,21 @@ var VuuLogo2 = memo2(() => {
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ jsxs20("g", { clipPath: "url(#clip0_217_6990)", children: [
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "path",
             {
               d: "M39.8642 15.5509L35.9196 7.58974L34.3369 6.85464L24.6235 22.0825L39.1628 30.618L42.3152 25.6347L39.8642 15.5509Z",
               fill: "url(#paint0_linear_217_6990)"
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "path",
             {
               d: "M42.6246 24.8716C41.9199 25.9157 40.9625 26.824 39.767 27.4905C38.424 28.2396 36.9563 28.597 35.5081 28.597C32.7541 28.597 30.0715 27.3094 28.4466 24.9855L15.772 3.90967L15.7655 3.9206C13.3615 0.137431 8.25372 -1.13143 4.24754 1.10507C0.178173 3.37435 -1.20852 8.39359 1.14854 12.3125L18.3445 40.9095C19.1108 42.1846 20.1816 43.1834 21.4144 43.8764C21.4241 43.8826 21.4338 43.8889 21.4435 43.8951C21.4484 43.8982 21.4549 43.9013 21.4597 43.9045C22.0332 44.2228 22.6423 44.471 23.2725 44.6536C23.3194 44.6677 23.368 44.6817 23.415 44.6942C23.6418 44.7551 23.8702 44.8097 24.1019 44.8534C24.1456 44.8612 24.1894 44.8659 24.2331 44.8737C24.4194 44.9049 24.6073 44.9314 24.7952 44.9501C24.8698 44.9579 24.9443 44.9658 25.0188 44.9704C25.2342 44.9876 25.4497 44.9985 25.6668 45.0001C25.6781 45.0001 25.6895 45.0001 25.6992 45.0001C25.7024 45.0001 25.704 45.0001 25.7073 45.0001C25.7105 45.0001 25.7121 45.0001 25.7154 45.0001C25.9503 45.0001 26.1868 44.9876 26.4217 44.9689C26.4751 44.9642 26.5286 44.9595 26.5837 44.9533C26.8137 44.9299 27.0438 44.9002 27.2738 44.8596C27.277 44.8596 27.2803 44.8596 27.2835 44.8596C27.5362 44.8144 27.7889 44.7551 28.0384 44.6864C28.0546 44.6817 28.0692 44.677 28.0854 44.6723C28.4483 44.5709 28.8063 44.4445 29.1594 44.2931C29.1659 44.29 29.174 44.2868 29.1805 44.2837C29.4494 44.1682 29.7151 44.0418 29.9759 43.8967C30.24 43.75 30.491 43.5908 30.7308 43.4206C30.9398 43.2739 31.1407 43.1179 31.3367 42.9524C31.5748 42.7495 31.8 42.5373 32.009 42.3141C32.1661 42.1471 32.3168 41.9723 32.4609 41.7913C32.5079 41.732 32.5517 41.6711 32.5954 41.6118C32.6942 41.4807 32.7882 41.3465 32.8789 41.2091C32.9259 41.1373 32.9728 41.0671 33.0182 40.9953C33.036 40.9672 33.0555 40.9407 33.0717 40.9126L42.7153 24.8763H42.6214L42.6246 24.8716Z",
               fill: "url(#paint1_linear_217_6990)"
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "path",
             {
               d: "M42.8402 16.4218L42.1112 15.2232L38.9636 9.58433L37.504 7.19644C37.2286 6.56123 36.579 6.11331 35.8176 6.11331C34.8083 6.11331 33.9919 6.90147 33.9919 7.87223C33.9919 8.20154 34.0907 8.50432 34.2543 8.76808L34.2349 8.78056L39.9048 18.0808C40.5884 19.2186 40.7715 20.5437 40.4199 21.8141C40.0684 23.0845 39.226 24.1458 38.045 24.806C37.2675 25.2398 36.3846 25.4693 35.4936 25.4693C33.6727 25.4693 31.9766 24.5281 31.0662 23.0143L22.9161 9.63271H22.9323L19.4899 3.90958L19.4834 3.92051C19.4235 3.8253 19.3538 3.73947 19.2907 3.64738L19.1935 3.48663C19.1935 3.48663 19.1854 3.49131 19.1821 3.49443C17.5654 1.27666 14.9799 0.0390178 12.3118 0.00936427V0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.961 26.8255 41.9168 25.9156 42.6231 24.8731H42.717L42.6846 24.9261C43.1366 24.2347 43.4833 23.4731 43.7068 22.6615C44.2916 20.5452 43.9871 18.3352 42.8369 16.4234L42.8402 16.4218Z",
@@ -6641,21 +6662,21 @@ var VuuLogo2 = memo2(() => {
             }
           ),
           /* @__PURE__ */ jsxs20("g", { opacity: "0.86", children: [
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "path",
               {
                 d: "M34.2332 8.78212L39.9031 18.0824C40.5868 19.2202 40.7698 20.5452 40.4183 21.8156C40.2044 22.5897 39.8059 23.2858 39.2616 23.8617C39.9744 23.2343 40.4879 22.4243 40.7423 21.5035C41.0938 20.2331 40.9107 18.908 40.2271 17.7703L34.5572 8.46998L34.5767 8.4575C34.413 8.19374 34.3142 7.89096 34.3142 7.56165C34.3142 7.15586 34.4584 6.78285 34.6982 6.48476C34.2672 6.80626 33.9902 7.30881 33.9902 7.87379C33.9902 8.2031 34.0891 8.50588 34.2527 8.76964L34.2332 8.78212Z",
                 fill: "white"
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "path",
               {
                 d: "M42.6917 24.9169L42.6863 24.9256C42.6863 24.9256 42.6899 24.9187 42.6935 24.9152C42.6935 24.9152 42.6935 24.9152 42.6935 24.9169H42.6917Z",
                 fill: "white"
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "path",
               {
                 d: "M40.0911 27.1798C38.7481 27.9289 37.2804 28.2863 35.8322 28.2863C33.0782 28.2863 30.3955 26.9988 28.7707 24.6749L16.0961 3.59744L16.0896 3.60837C14.9281 1.78077 13.1364 0.543128 11.1422 0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.4815 27.0924 41.1084 26.6055 41.6511 26.0561C41.1862 26.479 40.6662 26.8583 40.0894 27.1798H40.0911Z",
@@ -6675,8 +6696,8 @@ var VuuLogo2 = memo2(() => {
               y2: "18.7363",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx35("stop", { stopColor: "#4906A5" }),
-                /* @__PURE__ */ jsx35("stop", { offset: "1", stopColor: "#D3423A" })
+                /* @__PURE__ */ jsx36("stop", { stopColor: "#4906A5" }),
+                /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#D3423A" })
               ]
             }
           ),
@@ -6690,12 +6711,12 @@ var VuuLogo2 = memo2(() => {
               y2: "22.5009",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx35("stop", { stopColor: "#7C06A5" }),
-                /* @__PURE__ */ jsx35("stop", { offset: "1", stopColor: "#D3423A" })
+                /* @__PURE__ */ jsx36("stop", { stopColor: "#7C06A5" }),
+                /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#D3423A" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx35("clipPath", { id: "clip0_217_6990", children: /* @__PURE__ */ jsx35("rect", { width: "44", height: "45", fill: "white" }) })
+          /* @__PURE__ */ jsx36("clipPath", { id: "clip0_217_6990", children: /* @__PURE__ */ jsx36("rect", { width: "44", height: "45", fill: "white" }) })
         ] })
       ]
     }
@@ -6710,7 +6731,7 @@ import { useCallback as useCallback39, useState as useState20 } from "react";
 
 // ../vuu-shell/src/feature-list/FeatureList.tsx
 import { Palette, PaletteItem } from "@vuu-ui/vuu-layout";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/theme-provider/ThemeProvider.tsx
 import {
@@ -6720,7 +6741,7 @@ import {
   useContext as useContext4
 } from "react";
 import cx16 from "classnames";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var DEFAULT_DENSITY = "medium";
 var DEFAULT_THEME = "salt-theme";
 var DEFAULT_THEME_MODE = "light";
@@ -6769,12 +6790,12 @@ var ThemeProvider = ({
   const themeMode = (_b = themeModeProp != null ? themeModeProp : inheritedThemeMode) != null ? _b : DEFAULT_THEME_MODE;
   const theme = (_c = themeProp != null ? themeProp : inheritedTheme) != null ? _c : DEFAULT_THEME;
   const themedChildren = applyThemeClasses ? createThemedChildren(children, theme, themeMode, density) : children;
-  return /* @__PURE__ */ jsx37(ThemeContext.Provider, { value: { themeMode, density, theme }, children: themedChildren });
+  return /* @__PURE__ */ jsx38(ThemeContext.Provider, { value: { themeMode, density, theme }, children: themedChildren });
 };
 ThemeProvider.displayName = "ThemeProvider";
 
 // ../vuu-shell/src/left-nav/LeftNav.tsx
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/session-editing-form/SessionEditingForm.tsx
 import {
@@ -6797,7 +6818,7 @@ import {
   isValidNumber as isValidNumber2,
   shallowEquals
 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell.tsx
 import { connectToServer } from "@vuu-ui/vuu-data";
@@ -6824,7 +6845,7 @@ import {
   View,
   useLayoutProviderDispatch as useLayoutProviderDispatch2
 } from "@vuu-ui/vuu-layout";
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/useFullHeightLeftPanel.tsx
 import { DraggableLayout, Flexbox } from "@vuu-ui/vuu-layout";
@@ -6832,10 +6853,10 @@ import { DraggableLayout, Flexbox } from "@vuu-ui/vuu-layout";
 // ../vuu-shell/src/shell-layouts/side-panel/SidePanel.tsx
 import { useMemo as useMemo20 } from "react";
 import cx20 from "classnames";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/useFullHeightLeftPanel.tsx
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/useInlayLeftPanel.tsx
 import {
@@ -6846,16 +6867,16 @@ import {
   View as View2
 } from "@vuu-ui/vuu-layout";
 import { useCallback as useCallback42, useRef as useRef34, useState as useState22 } from "react";
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell.tsx
 import { ContextMenuProvider, useDialog } from "@vuu-ui/vuu-popups";
-import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 var { error } = logger("Shell");
 
 // ../vuu-shell/src/ShellContextProvider.tsx
 import { createContext as createContext4, useContext as useContext5 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var defaultConfig = {};
 var ShellContext = createContext4(defaultConfig);
 
@@ -6863,7 +6884,7 @@ var ShellContext = createContext4(defaultConfig);
 import cx22 from "classnames";
 import { ToggleButton, ToggleButtonGroup, useControlled as useControlled7 } from "@salt-ds/core";
 import { useCallback as useCallback44 } from "react";
-import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 
 // ../vuu-data-react/src/hooks/useLookupValues.ts
 import {
@@ -10028,7 +10049,7 @@ var useInstrumentSearch = ({
 };
 
 // src/instrument-search/InstrumentSearch.tsx
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 var classBase15 = "vuuInstrumentSearch";
 var defaultTableConfig = {
   columns: [
@@ -10046,7 +10067,7 @@ var defaultTableConfig = {
   ],
   rowSeparators: true
 };
-var searchIcon = /* @__PURE__ */ jsx47("span", { "data-icon": "search" });
+var searchIcon = /* @__PURE__ */ jsx48("span", { "data-icon": "search" });
 var InstrumentSearch = ({
   TableProps: TableProps3,
   autoFocus = false,
@@ -10071,7 +10092,7 @@ var InstrumentSearch = ({
     }, 100);
   }, []);
   return /* @__PURE__ */ jsxs29("div", { ...htmlAttributes, className: cx23(classBase15, className), children: [
-    /* @__PURE__ */ jsx47("div", { className: `${classBase15}-inputField`, children: /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48("div", { className: `${classBase15}-inputField`, children: /* @__PURE__ */ jsx48(
       Input5,
       {
         inputProps: { onKeyDown },
@@ -10082,7 +10103,7 @@ var InstrumentSearch = ({
         onChange
       }
     ) }),
-    dataSource ? /* @__PURE__ */ jsx47(
+    dataSource ? /* @__PURE__ */ jsx48(
       Table2,
       {
         disableFocus: true,
@@ -10113,7 +10134,7 @@ import {
 } from "@vuu-ui/vuu-utils";
 import { memo as memo3, useMemo as useMemo24, useRef as useRef36 } from "react";
 import cx24 from "classnames";
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
 var classBase16 = "vuuPriceTicker";
 var getValueFormatter = (decimals) => numericFormatter({
   type: {
@@ -10140,7 +10161,7 @@ var PriceTicker = memo3(
     ref.current = [price, direction];
     return /* @__PURE__ */ jsxs30("div", { ...htmlAttributes, className: cx24(classBase16, className, direction), children: [
       formatNumber(price),
-      showArrow ? /* @__PURE__ */ jsx48("span", { "data-icon": "price-arrow" }) : null
+      showArrow ? /* @__PURE__ */ jsx49("span", { "data-icon": "price-arrow" }) : null
     ] });
   }
 );
@@ -10150,7 +10171,7 @@ PriceTicker.displayName = "PriceTicker";
 import { asReactElements, OverflowContainer, useId as useId6 } from "@vuu-ui/vuu-layout";
 import { Button as Button8 } from "@salt-ds/core";
 import cx25 from "classnames";
-import React8, { useMemo as useMemo26, useRef as useRef40 } from "react";
+import React7, { useMemo as useMemo26, useRef as useRef40 } from "react";
 
 // src/tabstrip/useTabstrip.ts
 import { dispatchMouseEvent as dispatchMouseEvent3 } from "@vuu-ui/vuu-utils";
@@ -10835,7 +10856,7 @@ var useTabstrip = ({
 };
 
 // src/tabstrip/Tabstrip.tsx
-import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var classBase17 = "vuuTabstrip";
 var Tabstrip = ({
@@ -10900,7 +10921,7 @@ var Tabstrip = ({
         showMenuButton = showTabMenuButton
       } = child.props;
       const selected = index === activeTabIndex;
-      return React8.cloneElement(child, {
+      return React7.cloneElement(child, {
         ...tabProps,
         ...tabstripHook.navigationProps,
         className: cx25(className2, tabClassName),
@@ -10951,7 +10972,7 @@ var Tabstrip = ({
     ]
   );
   return /* @__PURE__ */ jsxs31(Fragment6, { children: [
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       OverflowContainer,
       {
         ...htmlAttributes,
@@ -10983,7 +11004,7 @@ import {
 import { PopupMenu } from "@vuu-ui/vuu-popups";
 import { useMemo as useMemo27 } from "react";
 import cx26 from "classnames";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var classBase18 = "vuuTabMenu";
 var TabMenu = ({
   allowClose,
@@ -11015,7 +11036,7 @@ var TabMenu = ({
     ],
     [allowClose, allowRename, controlledComponentId, index]
   );
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     PopupMenu,
     {
       className: classBase18,
@@ -11030,7 +11051,7 @@ var TabMenu = ({
 };
 
 // src/tabstrip/Tab.tsx
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 var classBase19 = "vuuTab";
 var noop2 = () => void 0;
 var Tab = forwardRef13(function Tab2({
@@ -11090,7 +11111,7 @@ var Tab = forwardRef13(function Tab2({
   };
   const getLabel = () => {
     if (editable) {
-      return /* @__PURE__ */ jsx51(
+      return /* @__PURE__ */ jsx52(
         EditableLabel,
         {
           editing,
@@ -11136,7 +11157,7 @@ var Tab = forwardRef13(function Tab2({
       role: "tab",
       tabIndex,
       children: [
-        /* @__PURE__ */ jsx51("div", { className: `${classBase19}-main`, children: /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52("div", { className: `${classBase19}-main`, children: /* @__PURE__ */ jsx52(
           "span",
           {
             className: `${classBase19}-text`,
@@ -11144,7 +11165,7 @@ var Tab = forwardRef13(function Tab2({
             children: children != null ? children : getLabel()
           }
         ) }),
-        showMenuButton ? /* @__PURE__ */ jsx51(
+        showMenuButton ? /* @__PURE__ */ jsx52(
           TabMenu,
           {
             allowClose: closeable,
@@ -12031,12 +12052,12 @@ var useTree = ({
 };
 
 // src/tree/Tree.tsx
-import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 import { createElement as createElement3 } from "react";
 var classBase20 = "vuuTree";
 var isExpanded = (node) => node.expanded === true;
 var TreeNode2 = ({ children, idx, ...props }) => {
-  return /* @__PURE__ */ jsx52("li", { ...props, children });
+  return /* @__PURE__ */ jsx53("li", { ...props, children });
 };
 var Tree2 = forwardRef14(function Tree3({
   allowDragDrop,
@@ -12103,8 +12124,8 @@ var Tree2 = forwardRef14(function Tree3({
           ...propsCommonToAllListItems,
           ...getListItemProps(item, idx, highlightedIdx, selected, focusVisible),
           children: [
-            item.icon ? /* @__PURE__ */ jsx52("span", { className: `${classBase20}Node-icon`, "data-icon": item.icon }) : null,
-            /* @__PURE__ */ jsx52("span", { children: item.label })
+            item.icon ? /* @__PURE__ */ jsx53("span", { className: `${classBase20}Node-icon`, "data-icon": item.icon }) : null,
+            /* @__PURE__ */ jsx53("span", { children: item.label })
           ]
         }
       )
@@ -12133,19 +12154,19 @@ var Tree2 = forwardRef14(function Tree3({
           key: `header-${i}`
         },
         allowGroupSelect ? /* @__PURE__ */ jsxs33("div", { className: `${classBase20}Node-label`, children: [
-          /* @__PURE__ */ jsx52("span", { className: `${classBase20}Node-toggle` }),
+          /* @__PURE__ */ jsx53("span", { className: `${classBase20}Node-toggle` }),
           title
         ] }) : /* @__PURE__ */ jsxs33("div", { className: `${classBase20}Node-label`, children: [
-          child.icon ? /* @__PURE__ */ jsx52(
+          child.icon ? /* @__PURE__ */ jsx53(
             "span",
             {
               className: `${classBase20}Node-icon`,
               "data-icon": child.icon
             }
           ) : null,
-          /* @__PURE__ */ jsx52("span", { children: title })
+          /* @__PURE__ */ jsx53("span", { children: title })
         ] }),
-        /* @__PURE__ */ jsx52("ul", { role: "group", children: isExpanded(child) ? renderSourceContent(child.childNodes, idx) : "" })
+        /* @__PURE__ */ jsx53("ul", { role: "group", children: isExpanded(child) ? renderSourceContent(child.childNodes, idx) : "" })
       )
     );
   }
@@ -12162,7 +12183,7 @@ var Tree2 = forwardRef14(function Tree3({
       return listItems;
     }
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "ul",
     {
       ...htmlAttributes,
@@ -12200,7 +12221,7 @@ import {
 } from "react";
 import { Tooltip, useTooltip } from "@vuu-ui/vuu-popups";
 import { useId as useId8 } from "@vuu-ui/vuu-layout";
-import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 var classBase21 = "vuuInput";
 var constantInputProps = {
   autoComplete: "off"
@@ -12255,7 +12276,7 @@ var VuuInput = forwardRef15(function VuuInput2({
     },
     [commitValue]
   );
-  const endAdornment = errorMessage ? /* @__PURE__ */ jsx53(
+  const endAdornment = errorMessage ? /* @__PURE__ */ jsx54(
     "span",
     {
       ...anchorProps,
@@ -12264,7 +12285,7 @@ var VuuInput = forwardRef15(function VuuInput2({
     }
   ) : void 0;
   return /* @__PURE__ */ jsxs34(Fragment7, { children: [
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       Input6,
       {
         ...props,
@@ -12282,7 +12303,7 @@ var VuuInput = forwardRef15(function VuuInput2({
         onKeyDown: handleKeyDown
       }
     ),
-    tooltipProps ? /* @__PURE__ */ jsx53(Tooltip, { ...tooltipProps, status: "error" }) : null
+    tooltipProps ? /* @__PURE__ */ jsx54(Tooltip, { ...tooltipProps, status: "error" }) : null
   ] });
 });
 export {