@vuu-ui/vuu-ui-controls 0.0.26

package/cjs/expando-input/ExpandoInput.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var expandoInputCss = ".vuuExpandoInput {\n\n    --salt-editable-secondary-background: white;\n    --expandoInput-height: var(--vuuExpandoInput-height, 26px);\n    --expandoInput-padding: var(--vuuExpandoInput-padding, 6px);\n\n    --saltInput-height: var(--expandoInput-height);\n    --saltInput-minHeight: var(--saltInput-height);\n    --saltInput-minWidth: var(--vuuExpandoInput-minWidth, 8px);\n  \n    border: var(--vuuExpandoInput-border, none);\n    border-radius: var(--vuuExpandoInput-borderRadius, 0);\n    color: inherit;\n    cursor: default;\n    display: inline-block;\n    font-size: var(--salt-text-fontSize);\n    height: var(--expandoInput-height);\n    min-width: calc(var(--saltInput-minWidth) + 2 * var(--expandoInput-padding));\n    outline: none;\n    padding: 0 var(--expandoInput-padding);\n    position: relative;\n\n}\n\n.vuuExpandoInput:before {\n    content: attr(data-text);\n    display: block;\n    height: 0px;\n    visibility: hidden;\n    white-space: pre-wrap;\n  }\n  .vuuExpandoInput-error {\n    border-color: var(--vuu-color-red-50);\n  }\n\n  .vuuExpandoInput .saltInput {\n    font-weight: var(--salt-text-fontWeight);\n    left: var(--expandoInput-padding, 0);\n    padding: 0;\n    outline-style: none;\n    position: absolute;\n    right: var(--expandoInput-padding, 0);\n    top: var(--vuuExpandoInput-top, 2px);\n    width: auto;\n  }\n  \n  .vuuExpandoInput .saltInput-activationIndicator {\n    display: none;\n  }\n  \n  .vuuExpandoInput-input {\n    background-color: transparent;\n    border: none;\n    box-sizing: content-box;\n    display: block;\n    flex: 1;\n    font: inherit;\n    height: 20px;\n    margin:0;\n    min-width:0;\n    outline: none;\n    padding: 0;\n  }\n  ";
+
+module.exports = expandoInputCss;
+//# sourceMappingURL=ExpandoInput.css.js.map

package/cjs/expando-input/ExpandoInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandoInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/expando-input/ExpandoInput.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var React = require('react');
+var VuuInput = require('../vuu-input/VuuInput.js');
+var ExpandoInput$1 = require('./ExpandoInput.css.js');
+
+const classBase = "vuuExpandoInput";
+const noop = () => void 0;
+const ExpandoInput = React.forwardRef(function ExpandoInput2({
+  className: classNameProp,
+  errorMessage,
+  value,
+  inputProps,
+  onCommit = noop,
+  ...props
+}, forwardedRef) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-expando-input",
+    css: ExpandoInput$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cx(classBase, classNameProp, {
+        [`${classBase}-error`]: errorMessage
+      }),
+      "data-text": value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        VuuInput.VuuInput,
+        {
+          ...props,
+          errorMessage,
+          inputProps: { ...inputProps, className: `${classBase}-input` },
+          onCommit,
+          ref: forwardedRef,
+          style: { padding: 0 },
+          textAlign: "left",
+          value,
+          variant: "secondary"
+        }
+      )
+    }
+  );
+});
+
+exports.ExpandoInput = ExpandoInput;
+//# sourceMappingURL=ExpandoInput.js.map

package/cjs/expando-input/ExpandoInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandoInput.js","sources":["../../src/expando-input/ExpandoInput.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ForwardedRef, forwardRef } from \"react\";\nimport { VuuInput, VuuInputProps } from \"../vuu-input\";\n\nimport expandoInputCss from \"./ExpandoInput.css\";\n\nconst classBase = \"vuuExpandoInput\";\n\nconst noop = () => undefined;\n\nexport interface ExpandoInputProps extends Omit<VuuInputProps, \"onCommit\"> {\n  onCommit?: VuuInputProps[\"onCommit\"];\n}\n\nexport const ExpandoInput = forwardRef(function ExpandoInput(\n  {\n    className: classNameProp,\n    errorMessage,\n    value,\n    inputProps,\n    onCommit = noop,\n    ...props\n  }: ExpandoInputProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-expando-input\",\n    css: expandoInputCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={cx(classBase, classNameProp, {\n        [`${classBase}-error`]: errorMessage,\n      })}\n      data-text={value}\n    >\n      <VuuInput\n        {...props}\n        errorMessage={errorMessage}\n        inputProps={{ ...inputProps, className: `${classBase}-input` }}\n        onCommit={onCommit}\n        ref={forwardedRef}\n        style={{ padding: 0 }}\n        textAlign=\"left\"\n        value={value}\n        variant=\"secondary\"\n      />\n    </div>\n  );\n});\n"],"names":["forwardRef","ExpandoInput","useWindow","useComponentCssInjection","expandoInputCss","jsx","VuuInput"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAY,GAAA,iBAAA,CAAA;AAElB,MAAM,OAAO,MAAM,KAAA,CAAA,CAAA;AAMN,MAAA,YAAA,GAAeA,gBAAW,CAAA,SAASC,aAC9C,CAAA;AAAA,EACE,SAAW,EAAA,aAAA;AAAA,EACX,YAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAW,GAAA,IAAA;AAAA,EACX,GAAG,KAAA;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,aAAe,EAAA;AAAA,QACtC,CAAC,CAAA,EAAG,SAAS,CAAA,MAAA,CAAQ,GAAG,YAAA;AAAA,OACzB,CAAA;AAAA,MACD,WAAW,EAAA,KAAA;AAAA,MAEX,QAAA,kBAAAA,cAAA;AAAA,QAACC,iBAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,YAAA;AAAA,UACA,YAAY,EAAE,GAAG,YAAY,SAAW,EAAA,CAAA,EAAG,SAAS,CAAS,MAAA,CAAA,EAAA;AAAA,UAC7D,QAAA;AAAA,UACA,GAAK,EAAA,YAAA;AAAA,UACL,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,UACpB,SAAU,EAAA,MAAA;AAAA,UACV,KAAA;AAAA,UACA,OAAQ,EAAA,WAAA;AAAA,SAAA;AAAA,OACV;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC;;;;"}

package/cjs/icon-button/Icon.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var iconCss = ".vuuIcon {\n    --vuu-icon-left: 0;\n}";
+
+module.exports = iconCss;
+//# sourceMappingURL=Icon.css.js.map

package/cjs/icon-button/Icon.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/icon-button/Icon.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Icon$1 = require('./Icon.css.js');
+
+const classBase = "vuuIcon";
+const Icon = ({
+  className,
+  name,
+  size,
+  style: styleProp,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-icon",
+    css: Icon$1,
+    window: targetWindow
+  });
+  const style = typeof size === "number" ? { ...styleProp, "--vuu-icon-size": `${size}px` } : styleProp;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...htmlAttributes,
+      className: cx(classBase, className),
+      "data-icon": name,
+      role: "img",
+      style
+    }
+  );
+};
+
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

package/cjs/icon-button/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../src/icon-button/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport iconCss from \"./Icon.css\";\n\nconst classBase = \"vuuIcon\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  name: string;\n  size?: number;\n}\n\nexport const Icon = ({\n  className,\n  name,\n  size,\n  style: styleProp,\n  ...htmlAttributes\n}: IconProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-icon\",\n    css: iconCss,\n    window: targetWindow,\n  });\n\n  const style =\n    typeof size === \"number\"\n      ? { ...styleProp, \"--vuu-icon-size\": `${size}px` }\n      : styleProp;\n  return (\n    <span\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      data-icon={name}\n      role=\"img\"\n      style={style}\n    />\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","iconCss","jsx"],"mappings":";;;;;;;;AAOA,MAAM,SAAY,GAAA,SAAA,CAAA;AAOX,MAAM,OAAO,CAAC;AAAA,EACnB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,GAAG,cAAA;AACL,CAAiB,KAAA;AACf,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,UAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,KAAA,GACJ,OAAO,IAAA,KAAS,QACZ,GAAA,EAAE,GAAG,SAAA,EAAW,iBAAmB,EAAA,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAC1C,GAAA,SAAA,CAAA;AACN,EACE,uBAAAC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,WAAW,EAAA,IAAA;AAAA,MACX,IAAK,EAAA,KAAA;AAAA,MACL,KAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/cjs/icon-button/IconButton.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var iconButtonCss = ".vuuIconButton{\n    --saltButton-padding: var(--salt-size-unit);\n    --saltButton-minWidth: var(--salt-size-base);\n}";
+
+module.exports = iconButtonCss;
+//# sourceMappingURL=IconButton.css.js.map

package/cjs/icon-button/IconButton.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/icon-button/IconButton.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Icon = require('./Icon.js');
+var React = require('react');
+var IconButton$1 = require('./IconButton.css.js');
+
+const classBase = "vuuIconButton";
+const IconButton = React.forwardRef(
+  function IconButton2({ "aria-label": ariaLabel, className, icon, size, ...buttonProps }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "vuu-icon-button",
+      css: IconButton$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Button, { ...buttonProps, className: cx(classBase, className), ref, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { "aria-label": ariaLabel, name: icon, size }) });
+  }
+);
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton.js.map

package/cjs/icon-button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../src/icon-button/IconButton.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { Button, ButtonProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Icon } from \"./Icon\";\nimport { forwardRef } from \"react\";\n\nimport iconButtonCss from \"./IconButton.css\";\n\nconst classBase = \"vuuIconButton\";\n\nexport interface IconButtonProps extends Omit<ButtonProps, \"children\"> {\n  icon: string;\n  size?: number;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    { \"aria-label\": ariaLabel, className, icon, size, ...buttonProps },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-icon-button\",\n      css: iconButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Button {...buttonProps} className={cx(classBase, className)} ref={ref}>\n        <Icon aria-label={ariaLabel} name={icon} size={size} />\n      </Button>\n    );\n  }\n);\n"],"names":["forwardRef","IconButton","useWindow","useComponentCssInjection","iconButtonCss","Button","Icon"],"mappings":";;;;;;;;;;;AASA,MAAM,SAAY,GAAA,eAAA,CAAA;AAOX,MAAM,UAAa,GAAAA,gBAAA;AAAA,EACxB,SAASC,WACP,CAAA,EAAE,YAAc,EAAA,SAAA,EAAW,SAAW,EAAA,IAAA,EAAM,IAAM,EAAA,GAAG,WAAY,EAAA,EACjE,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,sCACGC,WAAQ,EAAA,EAAA,GAAG,WAAa,EAAA,SAAA,EAAW,GAAG,SAAW,EAAA,SAAS,CAAG,EAAA,GAAA,EAC5D,yCAACC,SAAK,EAAA,EAAA,YAAA,EAAY,WAAW,IAAM,EAAA,IAAA,EAAM,MAAY,CACvD,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/cjs/index.js

@@ -0,0 +1,231 @@
+'use strict';
+
+var Calendar = require('./calendar/Calendar.js');
+var useCalendarDay = require('./calendar/useCalendarDay.js');
+var useCalendar = require('./calendar/useCalendar.js');
+var useSelection = require('./calendar/useSelection.js');
+var ComboBox = require('./combo-box/ComboBox.js');
+var collectionProvider = require('./common-hooks/collectionProvider.js');
+var itemToString = require('./common-hooks/itemToString.js');
+var useCollectionItems = require('./common-hooks/useCollectionItems.js');
+var useControlled = require('./common-hooks/useControlled.js');
+var useResizeObserver = require('./common-hooks/use-resize-observer.js');
+var selectionTypes = require('./common-hooks/selectionTypes.js');
+var useStateRef = require('./common-hooks/useStateRef.js');
+var CycleStateButton = require('./cycle-state-button/CycleStateButton.js');
+var DateInput = require('./date-input/DateInput.js');
+var DateRangeInput = require('./date-input/DateRangeInput.js');
+var dragDropTypes = require('./drag-drop/dragDropTypes.js');
+var DragDropProvider = require('./drag-drop/DragDropProvider.js');
+var DragDropState = require('./drag-drop/DragDropState.js');
+var useDragDrop = require('./drag-drop/useDragDrop.js');
+var dropTargetUtils = require('./drag-drop/drop-target-utils.js');
+var useGlobalDragDrop = require('./drag-drop/useGlobalDragDrop.js');
+var DatePopup = require('./date-popup/DatePopup.js');
+var DropdownBase = require('./dropdown/DropdownBase.js');
+var DropdownButton = require('./dropdown/DropdownButton.js');
+var Dropdown = require('./dropdown/Dropdown.js');
+var useDropdownBase = require('./dropdown/useDropdownBase.js');
+var editableUtils = require('./editable/editable-utils.js');
+var useEditableText = require('./editable/useEditableText.js');
+var EditableLabel = require('./editable-label/EditableLabel.js');
+var ExpandoInput = require('./expando-input/ExpandoInput.js');
+var Icon = require('./icon-button/Icon.js');
+var IconButton = require('./icon-button/IconButton.js');
+var Checkbox = require('./inputs/Checkbox.js');
+var RadioButton = require('./inputs/RadioButton.js');
+var InstrumentPicker = require('./instrument-picker/InstrumentPicker.js');
+var InstrumentSearch = require('./instrument-search/InstrumentSearch.js');
+var keyUtils = require('./list/common-hooks/keyUtils.js');
+var useCollapsibleGroups = require('./list/common-hooks/useCollapsibleGroups.js');
+var listDomUtils = require('./list/common-hooks/list-dom-utils.js');
+var useImperativeScrollingAPI = require('./list/common-hooks/useImperativeScrollingAPI.js');
+var useKeyboardNavigation = require('./list/common-hooks/useKeyboardNavigation.js');
+var useSelection$1 = require('./common-hooks/useSelection.js');
+var useTypeahead = require('./list/common-hooks/useTypeahead.js');
+var useViewportTracking = require('./list/common-hooks/useViewportTracking.js');
+var collectionItemUtils = require('./list/common-hooks/utils/collection-item-utils.js');
+var filterUtils = require('./list/common-hooks/utils/filter-utils.js');
+var isSelected = require('./list/common-hooks/utils/isSelected.js');
+var Highlighter = require('./list/Highlighter.js');
+var ListItem = require('./list/ListItem.js');
+var List = require('./list/List.js');
+var ListItemHeader = require('./list/ListItemHeader.js');
+var ListItemGroup = require('./list/ListItemGroup.js');
+var useList = require('./list/useList.js');
+var CheckboxIcon = require('./list/CheckboxIcon.js');
+var RadioIcon = require('./list/RadioIcon.js');
+var MeasuredContainer = require('./measured-container/MeasuredContainer.js');
+var useMeasuredContainer = require('./measured-container/useMeasuredContainer.js');
+var OverflowContainer = require('./overflow-container/OverflowContainer.js');
+var overflowUtils = require('./overflow-container/overflow-utils.js');
+var PriceTicker = require('./price-ticker/PriceTicker.js');
+var SplitButton = require('./split-button/SplitButton.js');
+var SplitStateButton = require('./split-button/SplitStateButton.js');
+var Tabstrip = require('./tabstrip/Tabstrip.js');
+var Tab = require('./tabstrip/Tab.js');
+var tabstripDomUtils = require('./tabstrip/tabstrip-dom-utils.js');
+var Toolbar = require('./toolbar/Toolbar.js');
+var Tree = require('./tree/Tree.js');
+var useItemsWithIds = require('./tree/use-items-with-ids.js');
+var escapeRegExp = require('./utils/escapeRegExp.js');
+var isOverflowElement = require('./utils/isOverflowElement.js');
+var forwardCallbackProps = require('./utils/forwardCallbackProps.js');
+var VuuInput = require('./vuu-input/VuuInput.js');
+
+
+
+exports.Calendar = Calendar.Calendar;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
+exports.useCalendar = useCalendar.useCalendar;
+exports.useSelectionCalendar = useSelection.useSelectionCalendar;
+exports.useSelectionDay = useSelection.useSelectionDay;
+exports.ComboBox = ComboBox.ComboBox;
+exports.CollectionContext = collectionProvider.CollectionContext;
+exports.CollectionProvider = collectionProvider.CollectionProvider;
+exports.useCollection = collectionProvider.useCollection;
+exports.itemToString = itemToString.itemToString;
+exports.useCollectionItems = useCollectionItems.useCollectionItems;
+exports.useControlled = useControlled.useControlled;
+exports.HeightOnly = useResizeObserver.HeightOnly;
+exports.WidthHeight = useResizeObserver.WidthHeight;
+exports.WidthOnly = useResizeObserver.WidthOnly;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.allowMultipleSelection = selectionTypes.allowMultipleSelection;
+exports.deselectionIsAllowed = selectionTypes.deselectionIsAllowed;
+exports.getFirstSelectedItem = selectionTypes.getFirstSelectedItem;
+exports.hasSelection = selectionTypes.hasSelection;
+exports.isMultiSelection = selectionTypes.isMultiSelection;
+exports.isSingleSelection = selectionTypes.isSingleSelection;
+exports.selectionIsDisallowed = selectionTypes.selectionIsDisallowed;
+exports.useStateRef = useStateRef.useStateRef;
+exports.CycleStateButton = CycleStateButton.CycleStateButton;
+exports.DateInput = DateInput.DateInput;
+exports.DateRangeInput = DateRangeInput.DateRangeInput;
+exports.BWD = dragDropTypes.BWD;
+exports.FWD = dragDropTypes.FWD;
+exports.DragDropProvider = DragDropProvider.DragDropProvider;
+exports.useDragDropProvider = DragDropProvider.useDragDropProvider;
+exports.DragDropState = DragDropState.DragDropState;
+exports.useDragDrop = useDragDrop.useDragDrop;
+exports.NOT_HIDDEN = dropTargetUtils.NOT_HIDDEN;
+exports.NOT_OVERFLOWED = dropTargetUtils.NOT_OVERFLOWED;
+exports.cloneElement = dropTargetUtils.cloneElement;
+exports.constrainRect = dropTargetUtils.constrainRect;
+exports.dimensions = dropTargetUtils.dimensions;
+exports.dropTargetsDebugString = dropTargetUtils.dropTargetsDebugString;
+exports.getIndexOfDraggedItem = dropTargetUtils.getIndexOfDraggedItem;
+exports.getItemById = dropTargetUtils.getItemById;
+exports.getItemParentContainer = dropTargetUtils.getItemParentContainer;
+exports.getNextDropTarget = dropTargetUtils.getNextDropTarget;
+exports.getScrollableContainer = dropTargetUtils.getScrollableContainer;
+exports.isContainerScrollable = dropTargetUtils.isContainerScrollable;
+exports.measureDropTargets = dropTargetUtils.measureDropTargets;
+exports.measureElementSizeAndPosition = dropTargetUtils.measureElementSizeAndPosition;
+exports.mutateDropTargetsSwitchDropTargetPosition = dropTargetUtils.mutateDropTargetsSwitchDropTargetPosition;
+exports.removeDraggedItem = dropTargetUtils.removeDraggedItem;
+exports.useGlobalDragDrop = useGlobalDragDrop.useGlobalDragDrop;
+exports.DatePopup = DatePopup.DatePopup;
+exports.DropdownBase = DropdownBase.DropdownBase;
+exports.DropdownButton = DropdownButton.DropdownButton;
+exports.Dropdown = Dropdown.Dropdown;
+exports.useDropdownBase = useDropdownBase.useDropdownBase;
+exports.buildValidationChecker = editableUtils.buildValidationChecker;
+exports.WarnCommit = useEditableText.WarnCommit;
+exports.useEditableText = useEditableText.useEditableText;
+exports.EditableLabel = EditableLabel.EditableLabel;
+exports.NullEditAPI = EditableLabel.NullEditAPI;
+exports.ExpandoInput = ExpandoInput.ExpandoInput;
+exports.Icon = Icon.Icon;
+exports.IconButton = IconButton.IconButton;
+exports.Checkbox = Checkbox.Checkbox;
+exports.RadioButton = RadioButton.RadioButton;
+exports.InstrumentPicker = InstrumentPicker.InstrumentPicker;
+exports.InstrumentSearch = InstrumentSearch.InstrumentSearch;
+exports.ArrowDown = keyUtils.ArrowDown;
+exports.ArrowLeft = keyUtils.ArrowLeft;
+exports.ArrowRight = keyUtils.ArrowRight;
+exports.ArrowUp = keyUtils.ArrowUp;
+exports.End = keyUtils.End;
+exports.Enter = keyUtils.Enter;
+exports.Escape = keyUtils.Escape;
+exports.Home = keyUtils.Home;
+exports.PageDown = keyUtils.PageDown;
+exports.PageUp = keyUtils.PageUp;
+exports.Space = keyUtils.Space;
+exports.isCharacterKey = keyUtils.isCharacterKey;
+exports.isNavigationKey = keyUtils.isNavigationKey;
+exports.useCollapsibleGroups = useCollapsibleGroups.useCollapsibleGroups;
+exports.closestListItemId = listDomUtils.closestListItemId;
+exports.closestListItemIndex = listDomUtils.closestListItemIndex;
+exports.listItemElement = listDomUtils.listItemElement;
+exports.listItemId = listDomUtils.listItemId;
+exports.listItemIndex = listDomUtils.listItemIndex;
+exports.useImperativeScrollingAPI = useImperativeScrollingAPI.useImperativeScrollingAPI;
+exports.LIST_FOCUS_VISIBLE = useKeyboardNavigation.LIST_FOCUS_VISIBLE;
+exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
+exports.CHECKBOX = useSelection$1.CHECKBOX;
+exports.GROUP_SELECTION_CASCADE = useSelection$1.GROUP_SELECTION_CASCADE;
+exports.GROUP_SELECTION_NONE = useSelection$1.GROUP_SELECTION_NONE;
+exports.GROUP_SELECTION_SINGLE = useSelection$1.GROUP_SELECTION_SINGLE;
+exports.groupSelectionEnabled = useSelection$1.groupSelectionEnabled;
+exports.useSelection = useSelection$1.useSelection;
+exports.useTypeahead = useTypeahead.useTypeahead;
+exports.useViewportTracking = useViewportTracking.useViewportTracking;
+exports.childIsGroup = collectionItemUtils.childIsGroup;
+exports.childItems = collectionItemUtils.childItems;
+exports.countChildItems = collectionItemUtils.countChildItems;
+exports.getChildLabel = collectionItemUtils.getChildLabel;
+exports.getChildNodes = collectionItemUtils.getChildNodes;
+exports.isDisabled = collectionItemUtils.isDisabled;
+exports.isFocusable = collectionItemUtils.isFocusable;
+exports.isGroupNode = collectionItemUtils.isGroupNode;
+exports.isHeader = collectionItemUtils.isHeader;
+exports.isParentPath = collectionItemUtils.isParentPath;
+exports.replaceCollectionItem = collectionItemUtils.replaceCollectionItem;
+exports.sourceItemHasProp = collectionItemUtils.sourceItemHasProp;
+exports.sourceItems = collectionItemUtils.sourceItems;
+exports.getDefaultFilter = filterUtils.getDefaultFilter;
+exports.getDefaultFilterRegex = filterUtils.getDefaultFilterRegex;
+exports.isSelected = isSelected.isSelected;
+exports.Highlighter = Highlighter.Highlighter;
+exports.ListItem = ListItem.ListItem;
+exports.ListItemProxy = ListItem.ListItemProxy;
+exports.List = List.List;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
+exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.useList = useList.useList;
+exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
+exports.RadioIcon = RadioIcon.RadioIcon;
+exports.MeasuredContainer = MeasuredContainer.MeasuredContainer;
+exports.useMeasuredContainer = useMeasuredContainer.useMeasuredContainer;
+exports.OverflowContainer = OverflowContainer.OverflowContainer;
+exports.NO_WRAPPED_ITEMS = overflowUtils.NO_WRAPPED_ITEMS;
+exports.applyOverflowClassToWrappedItems = overflowUtils.applyOverflowClassToWrappedItems;
+exports.correctForWrappedHighPriorityItems = overflowUtils.correctForWrappedHighPriorityItems;
+exports.correctForWrappedOverflowIndicator = overflowUtils.correctForWrappedOverflowIndicator;
+exports.getElementsMarkedAsWrapped = overflowUtils.getElementsMarkedAsWrapped;
+exports.getNonWrappedAndWrappedItems = overflowUtils.getNonWrappedAndWrappedItems;
+exports.highPriorityItemsHaveWrappedButShouldNotHave = overflowUtils.highPriorityItemsHaveWrappedButShouldNotHave;
+exports.markElementAsWrapped = overflowUtils.markElementAsWrapped;
+exports.overflowIndicatorHasWrappedButShouldNotHave = overflowUtils.overflowIndicatorHasWrappedButShouldNotHave;
+exports.removeOverflowIndicatorIfNoLongerNeeded = overflowUtils.removeOverflowIndicatorIfNoLongerNeeded;
+exports.sortByScreenOrder = overflowUtils.sortByScreenOrder;
+exports.switchWrappedItemIntoView = overflowUtils.switchWrappedItemIntoView;
+exports.unmarkItemsWhichAreNoLongerWrapped = overflowUtils.unmarkItemsWhichAreNoLongerWrapped;
+exports.PriceTicker = PriceTicker.PriceTicker;
+exports.SplitButton = SplitButton.SplitButton;
+exports.SplitStateButton = SplitStateButton.SplitStateButton;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.Tab = Tab.Tab;
+exports.getIndexOfEditedItem = tabstripDomUtils.getIndexOfEditedItem;
+exports.getIndexOfSelectedTab = tabstripDomUtils.getIndexOfSelectedTab;
+exports.Toolbar = Toolbar.Toolbar;
+exports.Tree = Tree.Tree;
+exports.TreeNode = Tree.TreeNode;
+exports.useItemsWithIds = useItemsWithIds.useItemsWithIds;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.isOverflowElement = isOverflowElement.isOverflowElement;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+exports.VuuInput = VuuInput.VuuInput;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/inputs/Checkbox.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var checkboxCss = ".vuuCheckbox {\n  --vuuCheckboxIcon-background-checked-enabled: var(--vuu-color-purple-10);\n  display: flex;\n  height: 24px;\n  align-items: center;\n  gap: 6px;\n  color: var(--light-text-primary, #15171B);\n  font-family: Nunito Sans A-Variant, serif;\n  font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n  font-size: 12px;\n  font-weight: 400;\n  cursor: pointer;\n}";
+
+module.exports = checkboxCss;
+//# sourceMappingURL=Checkbox.css.js.map

package/cjs/inputs/Checkbox.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/inputs/Checkbox.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var CheckboxIcon = require('../list/CheckboxIcon.js');
+var Checkbox$1 = require('./Checkbox.css.js');
+
+const Checkbox = (props) => {
+  const { onToggle, checked, label } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-checkbox",
+    css: Checkbox$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "vuuCheckbox",
+      onClick: onToggle,
+      onKeyUp: (e) => e.key === " " && onToggle(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CheckboxIcon.CheckboxIcon, { tabIndex: 0, checked }),
+        label
+      ]
+    }
+  );
+};
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/cjs/inputs/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/inputs/Checkbox.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { CheckboxIcon } from \"../list/CheckboxIcon\";\n\nimport checkboxCss from \"./Checkbox.css\";\n\ntype CheckboxProps = {\n  onToggle: () => void;\n  className?: string;\n  checked: boolean;\n  label: string;\n};\n\nexport const Checkbox = (props: CheckboxProps): JSX.Element => {\n  const { onToggle, checked, label } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-checkbox\",\n    css: checkboxCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className=\"vuuCheckbox\"\n      onClick={onToggle}\n      onKeyUp={(e) => e.key === \" \" && onToggle()}\n    >\n      <CheckboxIcon tabIndex={0} checked={checked} />\n      {label}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","checkboxCss","jsxs","jsx","CheckboxIcon"],"mappings":";;;;;;;;AAca,MAAA,QAAA,GAAW,CAAC,KAAsC,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACrC,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,aAAA;AAAA,MACV,OAAS,EAAA,QAAA;AAAA,MACT,SAAS,CAAC,CAAA,KAAM,CAAE,CAAA,GAAA,KAAQ,OAAO,QAAS,EAAA;AAAA,MAE1C,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,yBAAA,EAAA,EAAa,QAAU,EAAA,CAAA,EAAG,OAAkB,EAAA,CAAA;AAAA,QAC5C,KAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/cjs/inputs/RadioButton.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var radioButtonCss = ".vuuRadioButton {\n  display: flex;\n  height: 24px;\n  align-items: center;\n  gap: 6px;\n  color: var(--light-text-primary, #15171B);\n  font-family: Nunito Sans A-Variant, sans-serif;\n  font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n  font-size: 12px;\n  font-weight: 400;\n  cursor: pointer;\n}\n\n.radio {\n  position: relative;\n  height: 12px;\n}\n\ninput[type=\"radio\"] {\n\tposition: absolute;\n  appearance: none;\n\twidth: 100%;\n  height: 100%;\n  border-radius: 50%;\n  margin: 0;\n  top: 0;\n}";
+
+module.exports = radioButtonCss;
+//# sourceMappingURL=RadioButton.css.js.map

package/cjs/inputs/RadioButton.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/inputs/RadioButton.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+require('../list/common-hooks/keyUtils.js');
+require('react');
+require('../common-hooks/collectionProvider.js');
+require('@salt-ds/core');
+require('../common-hooks/use-resize-observer.js');
+require('@vuu-ui/vuu-utils');
+require('../list/Highlighter.js');
+require('../list/ListItem.js');
+require('../list/List.js');
+require('../drag-drop/DragDropProvider.js');
+require('../drag-drop/Draggable.js');
+require('clsx');
+var RadioIcon = require('../list/RadioIcon.js');
+var RadioButton$1 = require('./RadioButton.css.js');
+
+const RadioButton = (props) => {
+  const { onClick, checked, label, groupName } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-radio-button",
+    css: RadioButton$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vuuRadioButton", onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "radio", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name: groupName }),
+      /* @__PURE__ */ jsxRuntime.jsx(RadioIcon.RadioIcon, { checked })
+    ] }),
+    label
+  ] });
+};
+
+exports.RadioButton = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/cjs/inputs/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../src/inputs/RadioButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { RadioIcon } from \"../list\";\n\nimport radioButtonCss from \"./RadioButton.css\";\n\ntype RadioButtonProps = {\n  onClick: () => void;\n  checked: boolean;\n  label: string;\n  groupName: string;\n};\n\nexport const RadioButton = (props: RadioButtonProps): JSX.Element => {\n  const { onClick, checked, label, groupName } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-radio-button\",\n    css: radioButtonCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className=\"vuuRadioButton\" onClick={onClick}>\n      <div className=\"radio\">\n        <input type=\"radio\" name={groupName} />\n        <RadioIcon checked={checked} />\n      </div>\n      {label}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","radioButtonCss","jsxs","jsx","RadioIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaa,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AACnE,EAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,KAAA,EAAO,WAAc,GAAA,KAAA,CAAA;AAC/C,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAiB,OAC9B,EAAA,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,KAAA,EAAA,EAAI,WAAU,OACb,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,OAAM,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,IAAA,EAAM,SAAW,EAAA,CAAA;AAAA,sBACrCA,cAAA,CAACC,uBAAU,OAAkB,EAAA,CAAA;AAAA,KAC/B,EAAA,CAAA;AAAA,IACC,KAAA;AAAA,GACH,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/cjs/instrument-picker/InstrumentPicker.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var instrumentPickerCss = ".vuuInstrumentPicker {\n    height: 100%;\n    padding: var(--vuuInstrumentPicker-padding, 12px);\n    display: flex;\n    flex-direction: column;\n}\n\n.vuuInstrumentPicker-inputField {\n    --vuu-icon-size: 16px;\n    flex: 0 0 40px;\n}\n.vuuInstrumentPicker-list {\n    background-color: var(--salt-container-primary-background);\n    flex: 1 1 auto;\n}\n\n.vuuInstrumentPicker .vuuTableCell {\n    padding: 0;\n}\n";
+
+module.exports = instrumentPickerCss;
+//# sourceMappingURL=InstrumentPicker.css.js.map

package/cjs/instrument-picker/InstrumentPicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentPicker.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/instrument-picker/InstrumentPicker.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuTable = require('@vuu-ui/vuu-table');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var React = require('react');
+var DropdownBase = require('../dropdown/DropdownBase.js');
+require('../dropdown/DropdownButton.js');
+require('../dropdown/Dropdown.js');
+require('../common-hooks/collectionProvider.js');
+require('../common-hooks/use-resize-observer.js');
+var SearchCell = require('./SearchCell.js');
+var useInstrumentPicker = require('./useInstrumentPicker.js');
+var InstrumentPicker$1 = require('./InstrumentPicker.css.js');
+
+const classBase = "vuuInstrumentPicker";
+if (typeof SearchCell.SearchCell !== "function") {
+  console.warn("Instrument Picker: SearchCell module not loaded ");
+}
+const InstrumentPicker = React.forwardRef(function InstrumentPicker2({
+  TableProps: { dataSource, ...TableProps2 },
+  className,
+  columnMap,
+  disabled,
+  id: idProp,
+  itemToString,
+  onOpenChange: onOpenChangeProp,
+  onSelect,
+  schema,
+  searchColumns,
+  width,
+  ...htmlAttributes
+}, forwardedRef) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-instrument-picker",
+    css: InstrumentPicker$1,
+    window: targetWindow
+  });
+  const id = vuuUtils.useId(idProp);
+  const {
+    highlightedIndex,
+    inputProps,
+    isOpen,
+    onOpenChange,
+    tableHandlers,
+    tableRef,
+    value
+  } = useInstrumentPicker.useInstrumentPicker({
+    columnMap,
+    columns: TableProps2.config.columns,
+    dataSource,
+    itemToString,
+    onOpenChange: onOpenChangeProp,
+    onSelect,
+    searchColumns
+  });
+  const endAdornment = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": "chevron-down" }), []);
+  const tableProps = {
+    ...TableProps2,
+    config: {
+      ...TableProps2.config,
+      zebraStripes: false
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownBase.DropdownBase,
+    {
+      ...htmlAttributes,
+      fullWidth: true,
+      id,
+      isOpen,
+      onOpenChange,
+      openOnFocus: true,
+      placement: "below-full-width",
+      ref: forwardedRef,
+      width,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.Input,
+          {
+            ...inputProps,
+            disabled,
+            endAdornment,
+            value
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          vuuTable.Table,
+          {
+            rowHeight: 25,
+            renderBufferSize: 100,
+            ...tableProps,
+            ...tableHandlers,
+            className: `${classBase}-list`,
+            height: 200,
+            highlightedIndex,
+            dataSource,
+            navigationStyle: "row",
+            ref: tableRef,
+            showColumnHeaders: false
+          }
+        )
+      ]
+    }
+  );
+});
+
+exports.InstrumentPicker = InstrumentPicker;
+//# sourceMappingURL=InstrumentPicker.js.map