@vuu-ui/vuu-layout 0.8.22-debug → 0.8.23-debug

package/index.css

@@ -679,114 +679,6 @@ path.drop-target.centre {
       white calc(var(--column-width) + var(--gutter-width)));
 }
 
-/* src/measured-container/MeasuredContainer.css */
-.vuuMeasuredContainer {
-  flex: var(--vuuMeasuredContainer-flex, none);
-  height: var(--vuuMeasuredContainer-height, var(--measured-css-height));
-  min-height: 0;
-  width: var(--measured-css-width);
-}
-
-/* src/overflow-container/OverflowContainer.css */
-.vuuOverflowContainer {
-  --overflow-borderColor: var(--vuuOverflowContainer-borderColor, none);
-  --overflow-borderStyle: var(--vuuOverflowContainer-borderStyle, none);
-  --overflow-borderWidth: var(--vuuOverflowContainer-borderWidth, 0px);
-  --overflow-border-topWidth: var(--vuuOverflowContainer-borderTopWidth, var(--overflow-borderWidth));
-  --overflow-border-rightWidth: var(--vuuOverflowContainer-borderRightWidth, var(--overflow-borderWidth));
-  --overflow-border-bottomWidth: var(--vuuOverflowContainer-borderBottomWidth, var(--overflow-borderWidth));
-  --overflow-border-leftWidth: var(--vuuOverflowContainer-borderLeftWidth, var(--overflow-borderWidth));
-  --overflow-item-gap: var(--vuuOverflowContainer-gap,2px);
-  --overflow-direction: row;
-  --overflow-height: var(--overflow-item-height);
-  --overflow-top:top:0;
-  --overflow-width: 0px;
-  background-color: var(--vuuOverflowContainer-background);
-  border-color: var(--overflow-borderColor);
-  border-style: var(--overflow-borderStyle);
-  border-top-width: var(--overflow-border-topWidth);
-  border-right-width: var(--overflow-border-rightWidth);
-  border-bottom-width: var(--overflow-border-bottomWidth);
-  border-left-width: var(--overflow-border-leftWidth);
-  height: var(--overflow-container-heightWidth);
-}
-.vuuOverflowContainer-horizontal {
-  --item-align: center;
-  --item-margin: 0 var(--overflow-item-gap) 0 var(--overflow-item-gap);
-}
-.vuuOverflowContainer-vertical {
-  --item-align: stretch;
-  --overflow-item-height: auto;
-  --item-margin: var(--overflow-item-gap) 0 var(--overflow-item-gap) 0;
-  --overflow-direction: column;
-  --overflow-height: 0;
-  --overflow-left: 0;
-  --overflow-top: 100%;
-  --overflow-width: auto;
-}
-.vuuOverflowContainer-wrapContainer {
-  --border: calc(var(--overflow-border-topWidth) + var(--overflow-border-bottomWidth));
-  --overflow-item-height: calc(var(--overflow-container-height) - var(--border));
-  align-items: var(--item-align);
-  display: flex;
-  flex-direction: var(--overflow-direction);
-  flex-wrap: wrap;
-  height: var(--overflow-item-height);
-  justify-content: var(--vuuOverflowContainer-justifyContent, flex-start);
-  min-width: var(--vuuOverflowContainer-minWidth, 44px);
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-}
-.vuuOverflowContainer-wrapContainer-overflowed {
-  --overflow-order: 2;
-  --overflow-left: auto;
-  --overflow-position: relative;
-  --overflow-width: auto;
-}
-.vuuOverflowContainer-vertical.vuuOverflowContainer-wrapContainer-overflowed {
-  --overflow-height: auto;
-}
-.vuuOverflowContainer-item {
-  align-items: inherit;
-  display: flex;
-  order: 1;
-  position: relative;
-  height: var(--overflow-item-height);
-  margin: var(--item-margin);
-}
-.vuuOverflowContainer-item[data-align=right] {
-  margin-left: auto;
-}
-.vuuOverflowContainer-item.wrapped {
-  --overflow-item-bg: #ccc;
-  order: 3;
-}
-.vuuOverflowContainer-item.vuuDraggable-dragAway,
-.vuuOverflowContainer-item:has(.vuuDraggable-dragAway) {
-  display: none;
-}
-.vuuOverflowContainer-item.vuuDropTarget-settling {
-  visibility: hidden;
-}
-.vuuOverflowContainer-OverflowIndicator {
-  align-items: center;
-  background-color: transparent;
-  display: flex;
-  height: var(--overflow-height);
-  order: var(--overflow-order, 99);
-  overflow: hidden;
-  left: var(--overflow-left, 100%);
-  top: var(--overflow-top, 100%);
-  position: var(--overflow-position, absolute);
-  width: var(--overflow-width);
-}
-.vuuDraggable-vuuOverflowContainer {
-  align-items: center;
-  display: flex;
-  height: 44px;
-}
-
 /* src/palette/Palette.css */
 .vuuPalette {
   --vuuList-borderStyle: none;
@@ -856,49 +748,6 @@ path.drop-target.centre {
   --spacing-medium: 5px;
 }
 
-/* src/toolbar/Toolbar.css */
-.vuuToolbar {
-  --toolbar-height: var(--vuuToolbar-height, 36px);
-  --toolbar-item-height: var(--vuuToolbarItem-height, 100%);
-  --vuuOverflowContainer-background: var(--vuuToolbar-background);
-  --vuuOverflowContainer-borderColor: var(--vuuToolbar-borderColor);
-  --vuuOverflowContainer-borderStyle: var(--vuuToolbar-borderStyle);
-  --vuuOverflowContainer-borderWidth: var(--vuuToolbar-borderWidth);
-  height: var(--toolbar-height);
-}
-.vuuToolbar-alignCenter {
-  --vuuOverflowContainer-justifyContent: center;
-}
-.vuuToolbar-alignEnd {
-  --vuuOverflowContainer-justifyContent: flex-end;
-}
-.vuuToolbarItem {
-  height: var(--toolbar-item-height);
-}
-.vuuToolbar-withSeparators .vuuOverflowContainer-item:not(:first-child):before {
-  content: "";
-  position: absolute;
-  left: calc(-1 * var(--overflow-item-gap));
-  top: calc((var(--toolbar-height) - var(--toolbar-item-height)) /2);
-  width: 1px;
-  height: var(--toolbar-item-height);
-  background-color: var(--vuu-color-gray-05);
-}
-.vuuToolbarItem.vuuFocusVisible {
-  outline-color: var(--vuuToolbarItem-outlineColor, var(--salt-focused-outlineColor));
-  outline-style: dashed;
-  outline-width: 1px;
-  outline-offset: 0px;
-}
-.vuuPopupMenu:focus,
-.vuuToolbarItem:focus,
-.vuuToolbarItem:focus-visible {
-  outline-color: var(--vuuToolbarItem-outlineColor, var(--vuu-color-purple-10));
-  outline-style: dashed;
-  outline-width: 1px;
-  outline-offset: 0px;
-}
-
 /* src/tools/devtools-box/layout-configurator.css */
 [data-design-mode=true] .Component {
   filter: grayscale(100%);

package/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../packages/vuu-layout/src/dock-layout/Drawer.css", "../../../packages/vuu-layout/src/dock-layout/DockLayout.css", "../../../packages/vuu-layout/src/drag-drop/DropMenu.css", "../../../packages/vuu-layout/src/drag-drop/DropTargetRenderer.css", "../../../packages/vuu-layout/src/DraggableLayout.css", "../../../packages/vuu-layout/src/layout-header/Header.css", "../../../packages/vuu-layout/src/layout-view/View.css", "../../../packages/vuu-layout/src/placeholder/LayoutStartPanel.css", "../../../packages/vuu-layout/src/placeholder/Placeholder.css", "../../../packages/vuu-layout/src/flexbox/Splitter.css", "../../../packages/vuu-layout/src/flexbox/Flexbox.css", "../../../packages/vuu-layout/src/flexbox/FluidGrid.css", "../../../packages/vuu-layout/src/measured-container/MeasuredContainer.css", "../../../packages/vuu-layout/src/overflow-container/OverflowContainer.css", "../../../packages/vuu-layout/src/palette/Palette.css", "../../../packages/vuu-layout/src/stack/Stack.css", "../../../packages/vuu-layout/src/toolbar/Toolbar.css", "../../../packages/vuu-layout/src/tools/devtools-box/layout-configurator.css", "../../../packages/vuu-layout/src/tools/devtools-tree/layout-tree-viewer.css"],
-  "sourcesContent": [".vuuDrawer {\n  --drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);\n  --vuu-close-icon-svg: var(--svg-chevron-double-right);\n\n  transition: flex-basis;\n  transition-duration: var(--drawer-transition-duration);\n  position: relative;\n  z-index: 1;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.vuuDrawer-peekaboo {\n  flex-basis: var(--drawer-peek-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-inline.vuuDrawer-open {\n  flex-basis: var(--drawer-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-liner {\n  background-color: var(--drawer-bg);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuDrawer-content {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: var(--drawer-peek-size);\n  transition: right;\n  transition-duration: var(--drawer-transition-duration);\n  width: 100%;\n  flex: 1 1 100%;\n}\n\n.vuuDrawer-open .vuuDrawer-content {\n  right: 0;\n}\n\n/* .vuuDrawer:not(.vuuDrawer-open) .vuuDrawer-liner > * {\n  display: none;\n} */\n\n.vuuDrawer-left {\n  border-right: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-right {\n  border-left: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-top {\n  border-bottom: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-bottom {\n  border-top: var(--drawer-leading-edge-border);\n}\n\n.vuuDrawer-left .vuuDrawer-liner,\n.vuuDrawer-right .vuuDrawer-liner {\n  height: 100%;\n  transition: width;\n}\n\n.vuuDrawer-top .vuuDrawer-liner,\n.vuuDrawer-bottom .vuuDrawer-liner {\n  width: 100%;\n  transition: height;\n}\n\n.vuuDrawer-inline .vuuDrawer-liner {\n  width: 100%;\n  height: 100%;\n}\n\n.vuuDrawer-over .vuuDrawer-liner {\n  position: absolute;\n  transition-duration: 0.4s;\n}\n\n.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner {\n  top: 0;\n  left: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner {\n  top: 0;\n  right: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner {\n  height: 0;\n  top: 0;\n  left: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner {\n  bottom: 0;\n  height: 0;\n  left: 0;\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  width: var(--drawer-peek-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  height: var(--drawer-peek-size);\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  width: var(--drawer-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  height: var(--drawer-size);\n}\n\n.vuuDrawer-top,\n.vuuDrawer-left {\n  order: 0;\n}\n\n.vuuDrawer-bottom,\n.vuuDrawer-right {\n  order: 99;\n}\n\n.vuuDrawer-left,\n.vuuDrawer-right {\n  flex-direction: column;\n}\n\n.vuuToggleButton-container {\n  --saltButton-height: 28px;\n  --saltButton-width: 28px;\n  --vuu-icon-size: 12px;\n  flex: 0 0 28px;\n}\n\n.vuuDrawer-open {\n  --vuu-close-icon-svg: var(--svg-chevron-double-left);\n\n}\n", ".vuuDockLayout {\n  --chest-bg: var(--hw-chest-bg, inherit);\n  --drawer-bg: var(--hw-drawer-bg, inherit);\n  --drawer-size: var(--hw-drawer-size, 200px);\n  --drawer-peek-size: var(--hw-drawer-peek-size, 32px);\n  --drawer-transition-duration: var(--hw-drawer-transition-duration, 0.4s);\n  background-color: var(--chest-bg);\n  display: flex;\n}\n\n.vuuDockLayout-horizontal {\n  flex-direction: row;\n}\n\n.vuuDockLayout-vertical {\n  flex-direction: column;\n}\n\n.vuuDockLayout-content {\n  background-color: var(--chest-bg);\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  /* position: relative; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vuuDockLayout-horizontal .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n\n.vuuDockLayout-vertical .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n", ".vuuDropMenu {\n  margin-left: -50%;\n  margin-bottom: -50%;\n  background-color: white;\n  border: solid 1px var(--grey40);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 3px;\n  border-radius: 3px;\n}\n\n.vuuDropMenu-left,\n.vuuDropMenu-right {\n  flex-direction: column;\n}\n\n.vuuDropMenu-bottom {\n  transform: translate(0, -30px);\n}\n\n.vuuDropMenu-right {\n  transform: translate(-20px, 0);\n}\n\n.vuuDropMenu-item {\n  --vuu-icon-size: 20px;\n  width: 32px;\n  height: 32px;\n  background-color: var(--grey20);\n  border-bottom: solid 1px var(--grey40);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vuuDropMenu-item .Icon {\n  transform: scale(1.25);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-left .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(180deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-top .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(270deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-bottom .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(90deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-item .hwIcon-path {\n  fill: grey;\n}\n.vuuDropMenu-item:hover {\n  background-color: rgba(200, 200, 200, 0.5);\n}\n\n.vuuDropMenu-item:hover .hwIcon-path-2 {\n  fill: blue;\n}\n\n.vuuDropMenu-item:last-child {\n  border-bottom: none;\n}\n", "#hw-drag-canvas {\n  visibility: hidden;\n  z-index: 10;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: transparent;\n}\n\n#hw-drag-canvas > svg {\n  position: absolute;\n}\n\n.drawing #hw-drag-canvas {\n  visibility: visible;\n}\n\npath.drop-target {\n  stroke: blue;\n  stroke-width: 4px;\n  fill: transparent;\n}\n\npath.drop-target.centre {\n  stroke: red;\n}\n\n#vuu-drop-outline {\n  fill: rgba(0,0,255,.3);\n  stroke: none;\n  stroke-dasharray: 4 2;\n}\n\n#hw-drop-guides {\n  fill: none;\n  stroke: rgba(0, 0, 0, 0.3);\n  stroke-dasharray: 2 3;\n}\n", ".DraggableLayout {\n  display: inline-block;\n  outline: none;\n}\n\n[data-dragging='true'] {\n  position: absolute !important;\n  z-index: 100;\n}\n\n.vuuSimpleDraggableWrapper {\n  background-color: white;\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.vuuSimpleDraggableWrapper > * {\n  height: 100%;\n  width: 100%;\n}\n", ".vuuHeader {\n  --saltButton-height: 24px;\n  --saltButton-width: 24px;\n}\n\n.salt-density-high .vuuHeader {\n--saltToolbarField-marginTop: 0;\n}\n\n", ".vuuView {\n  border-color: var(--vuuView-borderColor, var(--salt-container-primary-borderColor));\n  border-width: var(--vuuView-borderWidth, 1px);\n  border-style: var(--vuuView-borderStyle, none);\n\n  display: flex;\n  flex-direction: column;\n  margin: var(--vuuView-margin, 0px);\n  min-height: 50px;\n  min-width: 50px;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView.focus-visible:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dotted cornflowerblue 2px;\n}\n\n.vuuView.dragging {\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n\n.vuuView-main {\n  /* height: var(--view-content-height);\n  width: var(--view-content-width); */\n  display: flex;\n  flex-direction: var(--vuuView-flexDirection, column);\n  flex-wrap: var(--vuuView-flex-wrap, nowrap);\n  flex: 1;\n  justify-content: var(--vuuView-justify, flex-start);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView-main > * {\n  flex-basis: auto;\n  flex-grow: var(--vuuView-flex-grow, 1);\n  flex-shrink: var(--vuuView-flex-shrink, 1);\n}\n\n.vuuView-collapsed .vuuView-main {\n  display: none;\n}\n\n.vuuView-collapsed + .Splitter {\n  display: none;\n}\n\n.vuuView-collapsed .Toolbar-vertical {\n  border-right: solid 1px var(--grey40);\n}\n\n.vuuView-collapsed .Toolbar-vertical .toolbar-title {\n  display: none;\n}\n", ".vuuLayoutStartPanel {\n    align-items: center;\n    flex: 0 0 auto !important;\n    display: flex;\n    flex-direction: column;\n    font-weight: 700;\n    gap: 12px;\n}\n\n.vuuLayoutStartPanel-title {\n    color: var(--vuu-color-gray-80);\n    font-size: 28px;\n    line-height: 1.5;\n    text-align: center;\n}\n\n.vuuLayoutStartPanel-text {\n    color: var(--vuu-color-gray-50);\n    font-size: 18px;\n    line-height: 1.5;\n    max-width: 460px;\n}\n\n.vuuLayoutStartPanel-addButton {\n    --vuu-icon-size: 20px;\n    --saltButton-borderRadius: 28px !important;\n    --saltButton-height: 56px;\n    --saltButton-width: 56px;\n    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\n}", ".vuuPlaceholder {\n  --vuuView-justify: center;\n  align-items: center;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.vuuPlaceholder-nested {\n  background-color: red;\n}\n\n.vuuPlaceholder-shim {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n", ".vuuSplitter {\n  --splitter-background: var(--salt-separable-secondary-borderColor);\n  --splitter-borderColor: var(--salt-separable-secondary-borderColor);\n  --splitter-borderStyle: none;\n  --splitter-borderWidth: 0;\n  --splitter-size: 3px;\n\n  align-items: center;\n  background-color: var(--splitter-background);\n  border-color: var(--splitter-borderColor);\n  border-style: var(--splitter-borderStyle);\n  border-width: var(--splitter-borderWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  outline: none;\n  z-index: 1;\n}\n\n.vuuSplitter:hover {\n  --splitter-background: var(--salt-separable-primary-borderColor);\n}\n\n.vuuSplitter-active {\n  --splitter-background: var(--salt-separable-primary-borderColor);\n}\n\n.vuuSplitter-column {\n  cursor: ns-resize;\n  height: var(--splitter-size);\n}\n\n.vuuSplitter:not(.vuuSplitter-column) {\n  cursor: ew-resize;\n  width: var(--splitter-size);\n}\n\n.vuuSplitter:before {\n  border: none;\n  border-radius: 0;\n  content: '';\n  display: block;\n  padding: 0;\n}\n\n.vuuSplitter-grab-zone {\n  position: absolute;\n  background-color: rgba(255, 0, 0, 0.01);\n  cursor: inherit;\n}\n\n.vuuSplitter-column .vuuSplitter-grab-zone {\n  left: 0;\n  right: 0;\n  top: -5px;\n  bottom: -5px;\n}\n\n.vuuSplitter:not(.vuuSplitter-column) .vuuSplitter-grab-zone {\n  left: -5px;\n  right: -5px;\n  top: 0;\n  bottom: 0;\n}\n\n.vuuSplitter-active:not(.vuuSplitter-column) .vuuSplitter-grab-zone {\n  background-color: rgba(255,255,255,.05);\n  left: -150px;\n  right: -150px;\n}\n\n\n.vuuSplitter:not(.vuuSplitter-column):before {\n  width: 1px;\n  height: 10px;\n  background: linear-gradient(\n    to bottom,\n    var(--grey900) 10%,\n    transparent 10%,\n    transparent 30%,\n    var(--grey900) 30%,\n    var(--grey900) 40%,\n    transparent 40%,\n    transparent 60%,\n    var(--grey900) 60%,\n    var(--grey900) 70%,\n    transparent 70%,\n    transparent 90%,\n    var(--grey900) 90%\n  );\n}\n\n.vuuSplitter-active.vuuSplitter-column:before {\n  background: linear-gradient(\n    to right,\n    #ffffff 10%,\n    transparent 10%,\n    transparent 30%,\n    #ffffff 30%,\n    #ffffff 40%,\n    transparent 40%,\n    transparent 60%,\n    #ffffff 60%,\n    #ffffff 70%,\n    transparent 70%,\n    transparent 90%,\n    #ffffff 90%\n  );\n}\n\n.vuuSplitter-active:not(.vuuSplitter-column):before {\n  background: linear-gradient(\n    to bottom,\n    #ffffff 10%,\n    transparent 10%,\n    transparent 30%,\n    #ffffff 30%,\n    #ffffff 40%,\n    transparent 40%,\n    transparent 60%,\n    #ffffff 60%,\n    #ffffff 70%,\n    transparent 70%,\n    transparent 90%,\n    #ffffff 90%\n  );\n}\n\n.vuuSplitter-column:before {\n  width: 10px;\n  height: 1px;\n  background: linear-gradient(\n    to right,\n    var(--grey900) 10%,\n    transparent 10%,\n    transparent 30%,\n    var(--grey900) 30%,\n    var(--grey900) 40%,\n    transparent 40%,\n    transparent 60%,\n    var(--grey900) 60%,\n    var(--grey900) 70%,\n    transparent 70%,\n    transparent 90%,\n    var(--grey900) 90%\n  );\n}\n", ":root {\n  --hw-space-unit: 4px;\n  --hw-flex-gap: 3;\n  --hw-fluid-grid-col-bg: rgba(200, 200, 200, 0.3);\n}\n\n.hwFlexbox {\n  background-color: var(--container1-background);\n  box-sizing: border-box;\n  display: flex;\n  gap: calc(var(--spacing) * var(--space));\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.hwFlexbox-column {\n  flex-direction: column;\n}\n\n.hwFlexbox-row {\n  flex-direction: row;\n}\n\n.hwFlexbox > .Splitter {\n  flex-basis: auto;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.hwFlexbox.full-page {\n  height: 100vh;\n  width: 100vw;\n}\n\n.flex-fill {\n  border-color: red;\n  flex: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.vuuView.flex-fill {\n  border-color: red;\n}\n", ":root {\n  --hw-space-unit: 4px;\n  --hw-fluid-grid-col-bg: rgba(252, 209, 232, 0.7);\n}\n\n.hwFluidGrid {\n  --gap: var(--gutter-width);\n\n  display: flex;\n  gap: calc(var(--grid-gap) * var(--hw-space-unit));\n  flex-wrap: wrap;\n  padding: 0;\n}\n\n.hwFluidGrid > * {\n  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));\n  --gutter-count: calc(var(--parent-col-count) - 1);\n  --total-gutter-width: calc(var(--gutter-count) * var(--gutter-width));\n  --available-width: calc(100% - var(--total-gutter-width));\n\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n}\n\n.hwFluidGrid > *:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dashed 2px blue;\n}\n\n.hwFluidGrid > [data-xs] {\n  --internal-gutter-count: calc(var(--col-span) - 1);\n  --percent-width: calc(var(--col-span) / var(--parent-col-count));\n  --internal-gutter-width: calc(var(--internal-gutter-count) * var(--gutter-width));\n  flex-basis: calc(var(--available-width) * var(--percent-width) + var(--internal-gutter-width));\n  flex-grow: 0;\n}\n\n.hwFluidGrid > [data-xs='1'] {\n  --col-span: 1;\n}\n.hwFluidGrid > [data-xs='2'] {\n  --col-span: 2;\n}\n.hwFluidGrid > [data-xs='3'] {\n  --col-span: 3;\n}\n\n.hwFluidGrid > [data-xs='4'] {\n  --col-span: 4;\n}\n\n.hwFluidGrid > [data-xs='6'] {\n  --col-span: 6;\n}\n\n.hwFluidGrid > [data-xs='8'] {\n  --col-span: 8;\n}\n\n.hwFluidGrid > [data-xs='9'] {\n  --col-span: 9;\n}\n.hwFluidGrid > [data-xs='10'] {\n  --col-span: 10;\n}\n.hwFluidGrid > [data-xs='11'] {\n  --col-span: 11;\n}\n\n.hwFluidGrid > [data-xs='12'] {\n  --col-span: 12;\n}\n\n@media (min-width: 600px) {\n  .hwFluidGrid > [data-sm='1'] {\n    --col-span: 1;\n  }\n  .hwFluidGrid > [data-sm='2'] {\n    --col-span: 2;\n  }\n\n  .hwFluidGrid > [data-sm='3'] {\n    --col-span: 3;\n  }\n\n  .hwFluidGrid > [data-sm='4'] {\n    --col-span: 4;\n  }\n\n  .hwFluidGrid > [data-sm='6'] {\n    --col-span: 6;\n  }\n\n  .hwFluidGrid > [data-sm='8'] {\n    --col-span: 8;\n  }\n  .hwFluidGrid > [data-sm='9'] {\n    --col-span: 9;\n  }\n  .hwFluidGrid > [data-sm='10'] {\n    --col-span: 10;\n  }\n  .hwFluidGrid > [data-sm='11'] {\n    --col-span: 11;\n  }\n  .hwFluidGrid > [data-sm='12'] {\n    --col-span: 12;\n  }\n}\n\n/* Display the grid background */\n\n.hwFluidGrid-show-grid {\n  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));\n  --grid-gutter-count: calc(var(--grid-col-count, var(--parent-col-count)) - 1);\n  --grid-total-gutter-width: calc(var(--grid-gutter-count) * var(--gutter-width));\n  --grid-available-width: calc(100% - var(--grid-total-gutter-width));\n  --grid-percent-width: calc(1 / var(--grid-col-count, var(--parent-col-count)));\n  --column-width: calc(var(--grid-available-width) * var(--grid-percent-width));\n  background: repeating-linear-gradient(\n    to right,\n    var(--hw-fluid-grid-col-bg) 0,\n    var(--hw-fluid-grid-col-bg) var(--column-width),\n    white var(--column-width),\n    white calc(var(--column-width) + var(--gutter-width))\n  );\n}\n", "\n.vuuMeasuredContainer {\n    flex: var(--vuuMeasuredContainer-flex, none);\n    height: var(--vuuMeasuredContainer-height, var(--measured-css-height));\n    min-height: 0;\n    width: var(--measured-css-width);\n  \n}", ".vuuOverflowContainer {\n    --overflow-borderColor: var(--vuuOverflowContainer-borderColor, none);\n    --overflow-borderStyle: var(--vuuOverflowContainer-borderStyle, none);\n    --overflow-borderWidth: var(--vuuOverflowContainer-borderWidth, 0px);\n\n    --overflow-border-topWidth: var(--vuuOverflowContainer-borderTopWidth, var(--overflow-borderWidth));\n    --overflow-border-rightWidth: var(--vuuOverflowContainer-borderRightWidth, var(--overflow-borderWidth));\n    --overflow-border-bottomWidth: var(--vuuOverflowContainer-borderBottomWidth, var(--overflow-borderWidth));\n    --overflow-border-leftWidth: var(--vuuOverflowContainer-borderLeftWidth, var(--overflow-borderWidth));\n    \n    --overflow-item-gap : var(--vuuOverflowContainer-gap,2px);\n    --overflow-direction: row; \n    --overflow-height: var(--overflow-item-height);\n    --overflow-top:top:0;\n    --overflow-width: 0px;\n\n    background-color: var(--vuuOverflowContainer-background);\n    border-color: var(--overflow-borderColor);\n    border-style: var(--overflow-borderStyle);\n    border-top-width: var(--overflow-border-topWidth);\n    border-right-width: var(--overflow-border-rightWidth);\n    border-bottom-width:  var(--overflow-border-bottomWidth);\n    border-left-width: var(--overflow-border-leftWidth);\n    height: var(--overflow-container-heightWidth);\n}\n\n.vuuOverflowContainer-horizontal {\n    --item-align: center;\n    --item-margin: 0 var(--overflow-item-gap) 0 var(--overflow-item-gap);\n}\n.vuuOverflowContainer-vertical {\n    --item-align: stretch;\n    --overflow-item-height: auto;\n    --item-margin: var(--overflow-item-gap) 0 var(--overflow-item-gap) 0;\n    --overflow-direction: column; \n    --overflow-height: 0;\n    --overflow-left: 0;\n    --overflow-top: 100%;\n    --overflow-width: auto;\n \n}\n\n.vuuOverflowContainer-wrapContainer {\n    --border: calc(var(--overflow-border-topWidth) + var(--overflow-border-bottomWidth));\n    --overflow-item-height: calc(var(--overflow-container-height) - var(--border));\n    align-items: var(--item-align);\n    display: flex;\n    flex-direction: var(--overflow-direction);\n    flex-wrap: wrap;\n    height: var(--overflow-item-height);\n    justify-content: var(--vuuOverflowContainer-justifyContent, flex-start);\n    min-width: var(--vuuOverflowContainer-minWidth, 44px);\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n\n}\n\n.vuuOverflowContainer-wrapContainer-overflowed {\n    --overflow-order: 2;\n    --overflow-left: auto;\n    --overflow-position: relative;\n    --overflow-width: auto;\n}\n\n.vuuOverflowContainer-vertical.vuuOverflowContainer-wrapContainer-overflowed {\n    --overflow-height: auto;\n}\n\n.vuuOverflowContainer-item {\n    align-items: inherit;\n    display: flex;\n    order: 1;\n    position: relative;\n    height: var(--overflow-item-height);\n    margin: var(--item-margin);\n}\n\n.vuuOverflowContainer-item[data-align=\"right\"] {\n    margin-left: auto;\n}\n\n\n.vuuOverflowContainer-item.wrapped {\n    --overflow-item-bg: #ccc;\n    order: 3;\n}\n\n.vuuOverflowContainer-item.vuuDraggable-dragAway,\n.vuuOverflowContainer-item:has(.vuuDraggable-dragAway){\n    display: none;\n}\n\n.vuuOverflowContainer-item.vuuDropTarget-settling {\n    visibility: hidden;\n}\n\n.vuuOverflowContainer-OverflowIndicator {\n    align-items: center;\n    background-color: transparent;\n    display: flex;\n    height: var(--overflow-height);\n    order: var(--overflow-order, 99);\n    overflow: hidden;\n    left: var(--overflow-left, 100%);\n    top: var(--overflow-top, 100%);\n    position: var(--overflow-position, absolute);\n    width: var(--overflow-width);\n\n  \n}\n\n\n.vuuDraggable-vuuOverflowContainer {\n    align-items: center;\n    display: flex;\n    height: 44px;\n}\n\n", ".vuuPalette {\n  --vuuList-borderStyle: none;\n}\n\n.vuuPalette-horizontal {\n  align-items: center;\n  display: flex;\n}\n\n.vuuPaletteItem {\n  --vuu-icon-color: var(--salt-text-primary-foreground);\n  --vuu-icon-left: 0;\n  --vuu-icon-size: 16px;\n  --vuu-icon-top: 11px;\n  --list-item-text-padding: 0 0 0 calc(var(--salt-size-unit) * 3);\n  border-bottom: solid 1px var(--salt-separable-tertiary-borderColor);\n  padding-left: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.vuuSimpleDraggableWrapper > .vuuPaletteItem {\n  --vuu-icon-color: var(--salt-selectable-foreground);\n\n}\n\n.salt-theme .vuuPaletteItem {\n  font-size: 11px;\n  font-weight: normal;\n\n}\n\n\n", ".vuuTabs {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n}\n\n.vuuTabs-horizontal {\n  --vuu-tabs-border-style: none solid none none;\n  flex-direction: row;\n}\n\n.vuuTabs .Toolbar:before {\n  left: 0;\n  width: 100%;\n  bottom: 0;\n  height: 1px;\n  content: '';\n  position: absolute;\n  background: var(--grey60);\n}\n\n.vuuTabs-tabPanel {\n  display: flex;\n  flex: 1; \n  flex-direction: column;\n}\n\n.vuuTabs-tabPanel > * {\n  flex: 1 1 auto;\n}\n\n.vuuTabHeader {\n  --saltTabs-activationIndicator-background: transparent;\n  --saltToolbarField-marginTop: calc(var(--salt-size-unit) - 1px);\n  border-color: var(--salt-container-primary-borderColor);\n  border-style: var(--vuu-tabs-border-style, none none solid none);\n  border-width: 1px;\n}\n\n.vuuTabHeader + .vuuView > .vuuHeader {\n  height: 0;\n  overflow: hidden;\n}\n\n.Layout-svg-button {\n  --spacing-medium: 5px;\n}\n", ".vuuToolbar {\n    --toolbar-height: var(--vuuToolbar-height, 36px);\n    --toolbar-item-height: var(--vuuToolbarItem-height, 100%);\n    --vuuOverflowContainer-background: var(--vuuToolbar-background);\n    --vuuOverflowContainer-borderColor: var(--vuuToolbar-borderColor);\n    --vuuOverflowContainer-borderStyle: var(--vuuToolbar-borderStyle);\n    --vuuOverflowContainer-borderWidth: var(--vuuToolbar-borderWidth);\n    height: var(--toolbar-height);\n}\n\n.vuuToolbar-alignCenter {\n    --vuuOverflowContainer-justifyContent: center;\n}\n\n.vuuToolbar-alignEnd {\n    --vuuOverflowContainer-justifyContent: flex-end;\n}\n\n.vuuToolbarItem {\n    height: var(--toolbar-item-height);\n}\n\n.vuuToolbar-withSeparators .vuuOverflowContainer-item:not(:first-child):before {\n    content: '';\n    position: absolute;\n    left: calc(-1 * var(--overflow-item-gap));\n    top: calc((var(--toolbar-height) - var(--toolbar-item-height)) /2);\n    width: 1px;\n    /* height: calc(var(--basket-selector-height) - 16px); */\n    height: var(--toolbar-item-height);\n    background-color: var(--vuu-color-gray-05);\n}\n\n\n.vuuToolbarItem.vuuFocusVisible {\n    outline-color: var(--vuuToolbarItem-outlineColor, var(--salt-focused-outlineColor));\n    outline-style: dashed;\n    outline-width: 1px;\n    outline-offset: 0px;\n  }\n\n\n  .vuuPopupMenu:focus,\n  .vuuToolbarItem:focus,\n  .vuuToolbarItem:focus-visible {\n\n    outline-color: var(--vuuToolbarItem-outlineColor, var(--vuu-color-purple-10));\n    outline-style: dashed;\n    outline-width: 1px;\n    outline-offset: 0px;\n\n}\n\n\n  ", "[data-design-mode='true'] .Component {\n  filter: grayscale(100%);\n  opacity: 0.4;\n}\n\n[data-design-mode='true'] .Component:after {\n  color: black;\n  content: 'Component';\n  height: 12px;\n  background-color: yellow;\n}\n\n.LayoutConfigurator {\n  --margin-color: #f3cea5;\n  --border-color: #fddda0;\n  --padding-color: #c6d092;\n  --content-color: #8cb6c0;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  background-color: var(--margin-color);\n}\n\n.LayoutConfigurator .layout-outer {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.LayoutBox {\n  --hw-control-font-size: 13px;\n  --hw-text-input-bg: rgba(255, 255, 255, 0.3);\n  --hwTextInput-padding: 3px;\n  --hw-text-input-position: absolute;\n  --hwTextInput-width: 30px;\n\n  flex: 1 1 auto;\n}\n\n.LayoutBox > .layout-top {\n  flex: 0 0 40px;\n  padding-left: 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: relative;\n}\n\n.LayoutBox > .layout-bottom {\n  flex: 0 0 40px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.LayoutBox > .layout-inner > .layout-right,\n.LayoutBox > .layout-inner > .layout-left {\n  flex: 0 0 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.layout-top,\n.layout-bottom {\n  --hw-text-input-margin: 0 0 0 -15px;\n}\n\n.layout-top > .layout-input,\n.layout-bottom > .layout-input {\n  left: 50%;\n}\n\n.LayoutBox > .layout-inner {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.LayoutBox.layout-margin {\n  background-color: var(--margin-color);\n  border: dashed 2px black;\n}\n\n.LayoutBox.layout-border {\n  background-color: var(--border-color);\n  border: solid 2px black;\n}\n\n.LayoutBox.layout-padding {\n  background-color: var(--padding-color);\n  border: dashed 2px black;\n}\n\n.LayoutBox .layout-content {\n  flex: 1 1 auto;\n  background-color: var(--content-color);\n  border: solid 2px #808080;\n}\n\n.LayoutBox .layout-title {\n  color: #161616;\n  font-size: 11px;\n  left: 4px;\n  line-height: 15px;\n  position: absolute;\n  top: 1px;\n}\n", ".hwLayoutTreeViewer {\n}\n\n.hwLayoutTreeNode {\n  cursor: default;\n}\n\n.hwLayoutTreeNode:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.hwLayoutTreeNode[aria-selected='true'] {\n  background-color: cornflowerblue;\n  color: white;\n}\n"],
-  "mappings": "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",
+  "sources": ["../../../packages/vuu-layout/src/dock-layout/Drawer.css", "../../../packages/vuu-layout/src/dock-layout/DockLayout.css", "../../../packages/vuu-layout/src/drag-drop/DropMenu.css", "../../../packages/vuu-layout/src/drag-drop/DropTargetRenderer.css", "../../../packages/vuu-layout/src/DraggableLayout.css", "../../../packages/vuu-layout/src/layout-header/Header.css", "../../../packages/vuu-layout/src/layout-view/View.css", "../../../packages/vuu-layout/src/placeholder/LayoutStartPanel.css", "../../../packages/vuu-layout/src/placeholder/Placeholder.css", "../../../packages/vuu-layout/src/flexbox/Splitter.css", "../../../packages/vuu-layout/src/flexbox/Flexbox.css", "../../../packages/vuu-layout/src/flexbox/FluidGrid.css", "../../../packages/vuu-layout/src/palette/Palette.css", "../../../packages/vuu-layout/src/stack/Stack.css", "../../../packages/vuu-layout/src/tools/devtools-box/layout-configurator.css", "../../../packages/vuu-layout/src/tools/devtools-tree/layout-tree-viewer.css"],
+  "sourcesContent": [".vuuDrawer {\n  --drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);\n  --vuu-close-icon-svg: var(--svg-chevron-double-right);\n\n  transition: flex-basis;\n  transition-duration: var(--drawer-transition-duration);\n  position: relative;\n  z-index: 1;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.vuuDrawer-peekaboo {\n  flex-basis: var(--drawer-peek-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-inline.vuuDrawer-open {\n  flex-basis: var(--drawer-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-liner {\n  background-color: var(--drawer-bg);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuDrawer-content {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: var(--drawer-peek-size);\n  transition: right;\n  transition-duration: var(--drawer-transition-duration);\n  width: 100%;\n  flex: 1 1 100%;\n}\n\n.vuuDrawer-open .vuuDrawer-content {\n  right: 0;\n}\n\n/* .vuuDrawer:not(.vuuDrawer-open) .vuuDrawer-liner > * {\n  display: none;\n} */\n\n.vuuDrawer-left {\n  border-right: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-right {\n  border-left: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-top {\n  border-bottom: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-bottom {\n  border-top: var(--drawer-leading-edge-border);\n}\n\n.vuuDrawer-left .vuuDrawer-liner,\n.vuuDrawer-right .vuuDrawer-liner {\n  height: 100%;\n  transition: width;\n}\n\n.vuuDrawer-top .vuuDrawer-liner,\n.vuuDrawer-bottom .vuuDrawer-liner {\n  width: 100%;\n  transition: height;\n}\n\n.vuuDrawer-inline .vuuDrawer-liner {\n  width: 100%;\n  height: 100%;\n}\n\n.vuuDrawer-over .vuuDrawer-liner {\n  position: absolute;\n  transition-duration: 0.4s;\n}\n\n.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner {\n  top: 0;\n  left: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner {\n  top: 0;\n  right: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner {\n  height: 0;\n  top: 0;\n  left: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner {\n  bottom: 0;\n  height: 0;\n  left: 0;\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  width: var(--drawer-peek-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  height: var(--drawer-peek-size);\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  width: var(--drawer-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  height: var(--drawer-size);\n}\n\n.vuuDrawer-top,\n.vuuDrawer-left {\n  order: 0;\n}\n\n.vuuDrawer-bottom,\n.vuuDrawer-right {\n  order: 99;\n}\n\n.vuuDrawer-left,\n.vuuDrawer-right {\n  flex-direction: column;\n}\n\n.vuuToggleButton-container {\n  --saltButton-height: 28px;\n  --saltButton-width: 28px;\n  --vuu-icon-size: 12px;\n  flex: 0 0 28px;\n}\n\n.vuuDrawer-open {\n  --vuu-close-icon-svg: var(--svg-chevron-double-left);\n\n}\n", ".vuuDockLayout {\n  --chest-bg: var(--hw-chest-bg, inherit);\n  --drawer-bg: var(--hw-drawer-bg, inherit);\n  --drawer-size: var(--hw-drawer-size, 200px);\n  --drawer-peek-size: var(--hw-drawer-peek-size, 32px);\n  --drawer-transition-duration: var(--hw-drawer-transition-duration, 0.4s);\n  background-color: var(--chest-bg);\n  display: flex;\n}\n\n.vuuDockLayout-horizontal {\n  flex-direction: row;\n}\n\n.vuuDockLayout-vertical {\n  flex-direction: column;\n}\n\n.vuuDockLayout-content {\n  background-color: var(--chest-bg);\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  /* position: relative; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vuuDockLayout-horizontal .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n\n.vuuDockLayout-vertical .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n", ".vuuDropMenu {\n  margin-left: -50%;\n  margin-bottom: -50%;\n  background-color: white;\n  border: solid 1px var(--grey40);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 3px;\n  border-radius: 3px;\n}\n\n.vuuDropMenu-left,\n.vuuDropMenu-right {\n  flex-direction: column;\n}\n\n.vuuDropMenu-bottom {\n  transform: translate(0, -30px);\n}\n\n.vuuDropMenu-right {\n  transform: translate(-20px, 0);\n}\n\n.vuuDropMenu-item {\n  --vuu-icon-size: 20px;\n  width: 32px;\n  height: 32px;\n  background-color: var(--grey20);\n  border-bottom: solid 1px var(--grey40);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vuuDropMenu-item .Icon {\n  transform: scale(1.25);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-left .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(180deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-top .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(270deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-bottom .vuuDropMenu-item .hwIcon {\n  transform: scale(1.25) rotate(90deg);\n  transform-origin: center center;\n}\n\n.vuuDropMenu-item .hwIcon-path {\n  fill: grey;\n}\n.vuuDropMenu-item:hover {\n  background-color: rgba(200, 200, 200, 0.5);\n}\n\n.vuuDropMenu-item:hover .hwIcon-path-2 {\n  fill: blue;\n}\n\n.vuuDropMenu-item:last-child {\n  border-bottom: none;\n}\n", "#hw-drag-canvas {\n  visibility: hidden;\n  z-index: 10;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: transparent;\n}\n\n#hw-drag-canvas > svg {\n  position: absolute;\n}\n\n.drawing #hw-drag-canvas {\n  visibility: visible;\n}\n\npath.drop-target {\n  stroke: blue;\n  stroke-width: 4px;\n  fill: transparent;\n}\n\npath.drop-target.centre {\n  stroke: red;\n}\n\n#vuu-drop-outline {\n  fill: rgba(0,0,255,.3);\n  stroke: none;\n  stroke-dasharray: 4 2;\n}\n\n#hw-drop-guides {\n  fill: none;\n  stroke: rgba(0, 0, 0, 0.3);\n  stroke-dasharray: 2 3;\n}\n", ".DraggableLayout {\n  display: inline-block;\n  outline: none;\n}\n\n[data-dragging='true'] {\n  position: absolute !important;\n  z-index: 100;\n}\n\n.vuuSimpleDraggableWrapper {\n  background-color: white;\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.vuuSimpleDraggableWrapper > * {\n  height: 100%;\n  width: 100%;\n}\n", ".vuuHeader {\n  --saltButton-height: 24px;\n  --saltButton-width: 24px;\n}\n\n.salt-density-high .vuuHeader {\n--saltToolbarField-marginTop: 0;\n}\n\n", ".vuuView {\n  border-color: var(--vuuView-borderColor, var(--salt-container-primary-borderColor));\n  border-width: var(--vuuView-borderWidth, 1px);\n  border-style: var(--vuuView-borderStyle, none);\n\n  display: flex;\n  flex-direction: column;\n  margin: var(--vuuView-margin, 0px);\n  min-height: 50px;\n  min-width: 50px;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView.focus-visible:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dotted cornflowerblue 2px;\n}\n\n.vuuView.dragging {\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n\n.vuuView-main {\n  /* height: var(--view-content-height);\n  width: var(--view-content-width); */\n  display: flex;\n  flex-direction: var(--vuuView-flexDirection, column);\n  flex-wrap: var(--vuuView-flex-wrap, nowrap);\n  flex: 1;\n  justify-content: var(--vuuView-justify, flex-start);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView-main > * {\n  flex-basis: auto;\n  flex-grow: var(--vuuView-flex-grow, 1);\n  flex-shrink: var(--vuuView-flex-shrink, 1);\n}\n\n.vuuView-collapsed .vuuView-main {\n  display: none;\n}\n\n.vuuView-collapsed + .Splitter {\n  display: none;\n}\n\n.vuuView-collapsed .Toolbar-vertical {\n  border-right: solid 1px var(--grey40);\n}\n\n.vuuView-collapsed .Toolbar-vertical .toolbar-title {\n  display: none;\n}\n", ".vuuLayoutStartPanel {\n    align-items: center;\n    flex: 0 0 auto !important;\n    display: flex;\n    flex-direction: column;\n    font-weight: 700;\n    gap: 12px;\n}\n\n.vuuLayoutStartPanel-title {\n    color: var(--vuu-color-gray-80);\n    font-size: 28px;\n    line-height: 1.5;\n    text-align: center;\n}\n\n.vuuLayoutStartPanel-text {\n    color: var(--vuu-color-gray-50);\n    font-size: 18px;\n    line-height: 1.5;\n    max-width: 460px;\n}\n\n.vuuLayoutStartPanel-addButton {\n    --vuu-icon-size: 20px;\n    --saltButton-borderRadius: 28px !important;\n    --saltButton-height: 56px;\n    --saltButton-width: 56px;\n    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\n}", ".vuuPlaceholder {\n  --vuuView-justify: center;\n  align-items: center;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.vuuPlaceholder-nested {\n  background-color: red;\n}\n\n.vuuPlaceholder-shim {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n", ".vuuSplitter {\n  --splitter-background: var(--salt-separable-secondary-borderColor);\n  --splitter-borderColor: var(--salt-separable-secondary-borderColor);\n  --splitter-borderStyle: none;\n  --splitter-borderWidth: 0;\n  --splitter-size: 3px;\n\n  align-items: center;\n  background-color: var(--splitter-background);\n  border-color: var(--splitter-borderColor);\n  border-style: var(--splitter-borderStyle);\n  border-width: var(--splitter-borderWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  outline: none;\n  z-index: 1;\n}\n\n.vuuSplitter:hover {\n  --splitter-background: var(--salt-separable-primary-borderColor);\n}\n\n.vuuSplitter-active {\n  --splitter-background: var(--salt-separable-primary-borderColor);\n}\n\n.vuuSplitter-column {\n  cursor: ns-resize;\n  height: var(--splitter-size);\n}\n\n.vuuSplitter:not(.vuuSplitter-column) {\n  cursor: ew-resize;\n  width: var(--splitter-size);\n}\n\n.vuuSplitter:before {\n  border: none;\n  border-radius: 0;\n  content: '';\n  display: block;\n  padding: 0;\n}\n\n.vuuSplitter-grab-zone {\n  position: absolute;\n  background-color: rgba(255, 0, 0, 0.01);\n  cursor: inherit;\n}\n\n.vuuSplitter-column .vuuSplitter-grab-zone {\n  left: 0;\n  right: 0;\n  top: -5px;\n  bottom: -5px;\n}\n\n.vuuSplitter:not(.vuuSplitter-column) .vuuSplitter-grab-zone {\n  left: -5px;\n  right: -5px;\n  top: 0;\n  bottom: 0;\n}\n\n.vuuSplitter-active:not(.vuuSplitter-column) .vuuSplitter-grab-zone {\n  background-color: rgba(255,255,255,.05);\n  left: -150px;\n  right: -150px;\n}\n\n\n.vuuSplitter:not(.vuuSplitter-column):before {\n  width: 1px;\n  height: 10px;\n  background: linear-gradient(\n    to bottom,\n    var(--grey900) 10%,\n    transparent 10%,\n    transparent 30%,\n    var(--grey900) 30%,\n    var(--grey900) 40%,\n    transparent 40%,\n    transparent 60%,\n    var(--grey900) 60%,\n    var(--grey900) 70%,\n    transparent 70%,\n    transparent 90%,\n    var(--grey900) 90%\n  );\n}\n\n.vuuSplitter-active.vuuSplitter-column:before {\n  background: linear-gradient(\n    to right,\n    #ffffff 10%,\n    transparent 10%,\n    transparent 30%,\n    #ffffff 30%,\n    #ffffff 40%,\n    transparent 40%,\n    transparent 60%,\n    #ffffff 60%,\n    #ffffff 70%,\n    transparent 70%,\n    transparent 90%,\n    #ffffff 90%\n  );\n}\n\n.vuuSplitter-active:not(.vuuSplitter-column):before {\n  background: linear-gradient(\n    to bottom,\n    #ffffff 10%,\n    transparent 10%,\n    transparent 30%,\n    #ffffff 30%,\n    #ffffff 40%,\n    transparent 40%,\n    transparent 60%,\n    #ffffff 60%,\n    #ffffff 70%,\n    transparent 70%,\n    transparent 90%,\n    #ffffff 90%\n  );\n}\n\n.vuuSplitter-column:before {\n  width: 10px;\n  height: 1px;\n  background: linear-gradient(\n    to right,\n    var(--grey900) 10%,\n    transparent 10%,\n    transparent 30%,\n    var(--grey900) 30%,\n    var(--grey900) 40%,\n    transparent 40%,\n    transparent 60%,\n    var(--grey900) 60%,\n    var(--grey900) 70%,\n    transparent 70%,\n    transparent 90%,\n    var(--grey900) 90%\n  );\n}\n", ":root {\n  --hw-space-unit: 4px;\n  --hw-flex-gap: 3;\n  --hw-fluid-grid-col-bg: rgba(200, 200, 200, 0.3);\n}\n\n.hwFlexbox {\n  background-color: var(--container1-background);\n  box-sizing: border-box;\n  display: flex;\n  gap: calc(var(--spacing) * var(--space));\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.hwFlexbox-column {\n  flex-direction: column;\n}\n\n.hwFlexbox-row {\n  flex-direction: row;\n}\n\n.hwFlexbox > .Splitter {\n  flex-basis: auto;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.hwFlexbox.full-page {\n  height: 100vh;\n  width: 100vw;\n}\n\n.flex-fill {\n  border-color: red;\n  flex: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.vuuView.flex-fill {\n  border-color: red;\n}\n", ":root {\n  --hw-space-unit: 4px;\n  --hw-fluid-grid-col-bg: rgba(252, 209, 232, 0.7);\n}\n\n.hwFluidGrid {\n  --gap: var(--gutter-width);\n\n  display: flex;\n  gap: calc(var(--grid-gap) * var(--hw-space-unit));\n  flex-wrap: wrap;\n  padding: 0;\n}\n\n.hwFluidGrid > * {\n  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));\n  --gutter-count: calc(var(--parent-col-count) - 1);\n  --total-gutter-width: calc(var(--gutter-count) * var(--gutter-width));\n  --available-width: calc(100% - var(--total-gutter-width));\n\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  position: relative;\n}\n\n.hwFluidGrid > *:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dashed 2px blue;\n}\n\n.hwFluidGrid > [data-xs] {\n  --internal-gutter-count: calc(var(--col-span) - 1);\n  --percent-width: calc(var(--col-span) / var(--parent-col-count));\n  --internal-gutter-width: calc(var(--internal-gutter-count) * var(--gutter-width));\n  flex-basis: calc(var(--available-width) * var(--percent-width) + var(--internal-gutter-width));\n  flex-grow: 0;\n}\n\n.hwFluidGrid > [data-xs='1'] {\n  --col-span: 1;\n}\n.hwFluidGrid > [data-xs='2'] {\n  --col-span: 2;\n}\n.hwFluidGrid > [data-xs='3'] {\n  --col-span: 3;\n}\n\n.hwFluidGrid > [data-xs='4'] {\n  --col-span: 4;\n}\n\n.hwFluidGrid > [data-xs='6'] {\n  --col-span: 6;\n}\n\n.hwFluidGrid > [data-xs='8'] {\n  --col-span: 8;\n}\n\n.hwFluidGrid > [data-xs='9'] {\n  --col-span: 9;\n}\n.hwFluidGrid > [data-xs='10'] {\n  --col-span: 10;\n}\n.hwFluidGrid > [data-xs='11'] {\n  --col-span: 11;\n}\n\n.hwFluidGrid > [data-xs='12'] {\n  --col-span: 12;\n}\n\n@media (min-width: 600px) {\n  .hwFluidGrid > [data-sm='1'] {\n    --col-span: 1;\n  }\n  .hwFluidGrid > [data-sm='2'] {\n    --col-span: 2;\n  }\n\n  .hwFluidGrid > [data-sm='3'] {\n    --col-span: 3;\n  }\n\n  .hwFluidGrid > [data-sm='4'] {\n    --col-span: 4;\n  }\n\n  .hwFluidGrid > [data-sm='6'] {\n    --col-span: 6;\n  }\n\n  .hwFluidGrid > [data-sm='8'] {\n    --col-span: 8;\n  }\n  .hwFluidGrid > [data-sm='9'] {\n    --col-span: 9;\n  }\n  .hwFluidGrid > [data-sm='10'] {\n    --col-span: 10;\n  }\n  .hwFluidGrid > [data-sm='11'] {\n    --col-span: 11;\n  }\n  .hwFluidGrid > [data-sm='12'] {\n    --col-span: 12;\n  }\n}\n\n/* Display the grid background */\n\n.hwFluidGrid-show-grid {\n  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));\n  --grid-gutter-count: calc(var(--grid-col-count, var(--parent-col-count)) - 1);\n  --grid-total-gutter-width: calc(var(--grid-gutter-count) * var(--gutter-width));\n  --grid-available-width: calc(100% - var(--grid-total-gutter-width));\n  --grid-percent-width: calc(1 / var(--grid-col-count, var(--parent-col-count)));\n  --column-width: calc(var(--grid-available-width) * var(--grid-percent-width));\n  background: repeating-linear-gradient(\n    to right,\n    var(--hw-fluid-grid-col-bg) 0,\n    var(--hw-fluid-grid-col-bg) var(--column-width),\n    white var(--column-width),\n    white calc(var(--column-width) + var(--gutter-width))\n  );\n}\n", ".vuuPalette {\n  --vuuList-borderStyle: none;\n}\n\n.vuuPalette-horizontal {\n  align-items: center;\n  display: flex;\n}\n\n.vuuPaletteItem {\n  --vuu-icon-color: var(--salt-text-primary-foreground);\n  --vuu-icon-left: 0;\n  --vuu-icon-size: 16px;\n  --vuu-icon-top: 11px;\n  --list-item-text-padding: 0 0 0 calc(var(--salt-size-unit) * 3);\n  border-bottom: solid 1px var(--salt-separable-tertiary-borderColor);\n  padding-left: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.vuuSimpleDraggableWrapper > .vuuPaletteItem {\n  --vuu-icon-color: var(--salt-selectable-foreground);\n\n}\n\n.salt-theme .vuuPaletteItem {\n  font-size: 11px;\n  font-weight: normal;\n\n}\n\n\n", ".vuuTabs {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n}\n\n.vuuTabs-horizontal {\n  --vuu-tabs-border-style: none solid none none;\n  flex-direction: row;\n}\n\n.vuuTabs .Toolbar:before {\n  left: 0;\n  width: 100%;\n  bottom: 0;\n  height: 1px;\n  content: '';\n  position: absolute;\n  background: var(--grey60);\n}\n\n.vuuTabs-tabPanel {\n  display: flex;\n  flex: 1; \n  flex-direction: column;\n}\n\n.vuuTabs-tabPanel > * {\n  flex: 1 1 auto;\n}\n\n.vuuTabHeader {\n  --saltTabs-activationIndicator-background: transparent;\n  --saltToolbarField-marginTop: calc(var(--salt-size-unit) - 1px);\n  border-color: var(--salt-container-primary-borderColor);\n  border-style: var(--vuu-tabs-border-style, none none solid none);\n  border-width: 1px;\n}\n\n.vuuTabHeader + .vuuView > .vuuHeader {\n  height: 0;\n  overflow: hidden;\n}\n\n.Layout-svg-button {\n  --spacing-medium: 5px;\n}\n", "[data-design-mode='true'] .Component {\n  filter: grayscale(100%);\n  opacity: 0.4;\n}\n\n[data-design-mode='true'] .Component:after {\n  color: black;\n  content: 'Component';\n  height: 12px;\n  background-color: yellow;\n}\n\n.LayoutConfigurator {\n  --margin-color: #f3cea5;\n  --border-color: #fddda0;\n  --padding-color: #c6d092;\n  --content-color: #8cb6c0;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  background-color: var(--margin-color);\n}\n\n.LayoutConfigurator .layout-outer {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.LayoutBox {\n  --hw-control-font-size: 13px;\n  --hw-text-input-bg: rgba(255, 255, 255, 0.3);\n  --hwTextInput-padding: 3px;\n  --hw-text-input-position: absolute;\n  --hwTextInput-width: 30px;\n\n  flex: 1 1 auto;\n}\n\n.LayoutBox > .layout-top {\n  flex: 0 0 40px;\n  padding-left: 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: relative;\n}\n\n.LayoutBox > .layout-bottom {\n  flex: 0 0 40px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.LayoutBox > .layout-inner > .layout-right,\n.LayoutBox > .layout-inner > .layout-left {\n  flex: 0 0 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.layout-top,\n.layout-bottom {\n  --hw-text-input-margin: 0 0 0 -15px;\n}\n\n.layout-top > .layout-input,\n.layout-bottom > .layout-input {\n  left: 50%;\n}\n\n.LayoutBox > .layout-inner {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.LayoutBox.layout-margin {\n  background-color: var(--margin-color);\n  border: dashed 2px black;\n}\n\n.LayoutBox.layout-border {\n  background-color: var(--border-color);\n  border: solid 2px black;\n}\n\n.LayoutBox.layout-padding {\n  background-color: var(--padding-color);\n  border: dashed 2px black;\n}\n\n.LayoutBox .layout-content {\n  flex: 1 1 auto;\n  background-color: var(--content-color);\n  border: solid 2px #808080;\n}\n\n.LayoutBox .layout-title {\n  color: #161616;\n  font-size: 11px;\n  left: 4px;\n  line-height: 15px;\n  position: absolute;\n  top: 1px;\n}\n", ".hwLayoutTreeViewer {\n}\n\n.hwLayoutTreeNode {\n  cursor: default;\n}\n\n.hwLayoutTreeNode:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.hwLayoutTreeNode[aria-selected='true'] {\n  background-color: cornflowerblue;\n  color: white;\n}\n"],
+  "mappings": ";AAAA,CAAC;AACC,gCAA8B,MAAM,IAAI,IAAI,oCAAoC,EAAE;AAClF,wBAAsB,IAAI;AAE1B,cAAY;AACZ,uBAAqB,IAAI;AACzB,YAAU;AACV,WAAS;AACT,cAAY;AACZ,aAAW;AACX,eAAa;AACb,aAAW;AACX,cAAY;AACZ,WAAS;AACX;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,aAAW;AACX,eAAa;AACf;AAEA,CAAC,gBAAgB,CAAC;AAChB,cAAY,IAAI;AAChB,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,YAAU;AACV,YAAU;AACZ;AAEA,CAAC;AACC,UAAQ;AACR,YAAU;AACV,YAAU;AACV,OAAK;AACL,SAAO,IAAI;AACX,cAAY;AACZ,uBAAqB,IAAI;AACzB,SAAO;AACP,QAAM,EAAE,EAAE;AACZ;AAEA,CAxBkB,eAwBF,CAZf;AAaC,SAAO;AACT;AAMA,CAAC;AACC,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AAEA,CAbC,eAae,CAvCf;AAwCD,CAXC,gBAWgB,CAxChB;AAyCC,UAAQ;AACR,cAAY;AACd;AAEA,CAbC,cAac,CA7Cd;AA8CD,CAXC,iBAWiB,CA9CjB;AA+CC,SAAO;AACP,cAAY;AACd;AAEA,CAzDC,iBAyDiB,CAnDjB;AAoDC,SAAO;AACP,UAAQ;AACV;AAEA,CAAC,eAAe,CAxDf;AAyDC,YAAU;AACV,uBAAqB;AACvB;AAEA,CALC,cAKc,CAnCd,eAmC8B,CA7D9B;AA8DC,OAAK;AACL,QAAM;AACN,SAAO;AACT;AAEA,CAXC,cAWc,CAtCd,gBAsC+B,CAnE/B;AAoEC,OAAK;AACL,SAAO;AACP,SAAO;AACT;AAEA,CAjBC,cAiBc,CAzCd,cAyC6B,CAzE7B;AA0EC,UAAQ;AACR,OAAK;AACL,QAAM;AACR;AAEA,CAvBC,cAuBc,CA5Cd,iBA4CgC,CA/EhC;AAgFC,UAAQ;AACR,UAAQ;AACR,QAAM;AACR;AAEA,CA3DC,cA2Dc,CA7Bd,cA6B6B,CAjG7B,mBAiGiD,CArFjD;AAsFD,CAzDC,eAyDe,CA9Bf,cA8B8B,CAlG9B,mBAkGkD,CAtFlD;AAuFC,SAAO,IAAI;AACb;AAEA,CA1DC,aA0Da,CAlCb,cAkC4B,CAtG5B,mBAsGgD,CA1FhD;AA2FD,CAxDC,gBAwDgB,CAnChB,cAmC+B,CAvG/B,mBAuGmD,CA3FnD;AA4FC,UAAQ,IAAI;AACd;AAEA,CArEC,cAqEc,CAvCd,cAuC6B,CArGZ,eAqG4B,CA/F7C;AAgGD,CAnEC,eAmEe,CAxCf,cAwC8B,CAtGb,eAsG6B,CAhG9C;AAiGC,SAAO,IAAI;AACb;AAEA,CApEC,aAoEa,CA5Cb,cA4C4B,CA1GX,eA0G2B,CApG5C;AAqGD,CAlEC,gBAkEgB,CA7ChB,cA6C+B,CA3Gd,eA2G8B,CArG/C;AAsGC,UAAQ,IAAI;AACd;AAEA,CAzEC;AA0ED,CAhFC;AAiFC,SAAO;AACT;AAEA,CA3EC;AA4ED,CAlFC;AAmFC,SAAO;AACT;AAEA,CAzFC;AA0FD,CAvFC;AAwFC,kBAAgB;AAClB;AAEA,CAAC;AACC,uBAAqB;AACrB,sBAAoB;AACpB,mBAAiB;AACjB,QAAM,EAAE,EAAE;AACZ;AAEA,CArIkB;AAsIhB,wBAAsB,IAAI;AAE5B;;;AC9JA,CAAC;AACC,cAAY,IAAI,aAAa,EAAE;AAC/B,eAAa,IAAI,cAAc,EAAE;AACjC,iBAAe,IAAI,gBAAgB,EAAE;AACrC,sBAAoB,IAAI,qBAAqB,EAAE;AAC/C,gCAA8B,IAAI,+BAA+B,EAAE;AACnE,oBAAkB,IAAI;AACtB,WAAS;AACX;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,aAAW;AACX,eAAa;AACb,YAAU;AAEV,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CAnBC,yBAmByB,CAXzB;AAYC,cAAY;AACd;AAEA,CAnBC,uBAmBuB,CAfvB;AAgBC,cAAY;AACd;;;;;ACnCA,CAAC;AACC,eAAa;AACb,iBAAe;AACf,oBAAkB;AAClB,UAAQ,MAAM,IAAI,IAAI;AACtB,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,WAAS;AACT,iBAAe;AACjB;AAEA,CAAC;AACD,CAAC;AACC,kBAAgB;AAClB;AAEA,CAAC;AACC,aAAW,UAAU,CAAC,EAAE;AAC1B;AAEA,CARC;AASC,aAAW,UAAU,KAAK,EAAE;AAC9B;AAEA,CAAC;AACC,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,iBAAe,MAAM,IAAI,IAAI;AAC7B,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CAZC,iBAYiB,CAAC;AACjB,aAAW,MAAM;AACjB,oBAAkB,OAAO;AAC3B;AAEA,CA9BC,iBA8BiB,CAjBjB,iBAiBmC,CAAC;AACnC,aAAW,MAAM,MAAM,OAAO;AAC9B,oBAAkB,OAAO;AAC3B;AAEA,CAAC,gBAAgB,CAtBhB,iBAsBkC,CALE;AAMnC,aAAW,MAAM,MAAM,OAAO;AAC9B,oBAAkB,OAAO;AAC3B;AAEA,CAnCC,mBAmCmB,CA3BnB,iBA2BqC,CAVD;AAWnC,aAAW,MAAM,MAAM,OAAO;AAC9B,oBAAkB,OAAO;AAC3B;AAEA,CAhCC,iBAgCiB,CAAC;AACjB,QAAM;AACR;AACA,CAnCC,gBAmCgB;AACf,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC;AAEA,CAvCC,gBAuCgB,OAAO,CAAC;AACvB,QAAM;AACR;AAEA,CA3CC,gBA2CgB;AACf,iBAAe;AACjB;;;ACtEA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,oBAAkB;AACpB;AAEA,CAXC,eAWe,EAAE;AAChB,YAAU;AACZ;AAEA,CAAC,QAAQ,CAfR;AAgBC,cAAY;AACd;AAEA,IAAI,CAAC;AACH,UAAQ;AACR,gBAAc;AACd,QAAM;AACR;AAEA,IAAI,CANC,WAMW,CAAC;AACf,UAAQ;AACV;AAEA,CAAC;AACC,QAAM,KAAK,CAAC,EAAC,CAAC,EAAC,GAAG,EAAC;AACnB,UAAQ;AACR,oBAAkB,EAAE;AACtB;AAEA,CAAC;AACC,QAAM;AACN,UAAQ,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB,oBAAkB,EAAE;AACtB;;;ACvCA,CAAC;AACC,WAAS;AACT,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACC,oBAAkB;AAClB,cAAY,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACzC;AACA,CAJC,0BAI0B,EAAE;AAC3B,UAAQ;AACR,SAAO;AACT;;;ACjBA,CAAC;AACC,uBAAqB;AACrB,sBAAoB;AACtB;AAEA,CAAC,kBAAkB,CALlB;AAMD,gCAA8B;AAC9B;;;ACPA,CAAC;AACC,gBAAc,IAAI,qBAAqB,EAAE,IAAI;AAC7C,gBAAc,IAAI,qBAAqB,EAAE;AACzC,gBAAc,IAAI,qBAAqB,EAAE;AAEzC,WAAS;AACT,kBAAgB;AAChB,UAAQ,IAAI,gBAAgB,EAAE;AAC9B,cAAY;AACZ,aAAW;AACX,WAAS;AACT,YAAU;AACV,YAAU;AACZ;AAEA,CAfC,OAeO,CAAC,aAAa;AACpB,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,UAAQ,OAAO,eAAe;AAChC;AAEA,CAzBC,OAyBO,CAAC;AACP,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACvC;AAEA,CAAC;AAGC,WAAS;AACT,kBAAgB,IAAI,uBAAuB,EAAE;AAC7C,aAAW,IAAI,mBAAmB,EAAE;AACpC,QAAM;AACN,mBAAiB,IAAI,iBAAiB,EAAE;AACxC,YAAU;AACV,YAAU;AACZ;AAEA,CAZC,aAYa,EAAE;AACd,cAAY;AACZ,aAAW,IAAI,mBAAmB,EAAE;AACpC,eAAa,IAAI,qBAAqB,EAAE;AAC1C;AAEA,CAAC,kBAAkB,CAlBlB;AAmBC,WAAS;AACX;AAEA,CAJC,kBAIkB,EAAE,CAAC;AACpB,WAAS;AACX;AAEA,CARC,kBAQkB,CAAC;AAClB,gBAAc,MAAM,IAAI,IAAI;AAC9B;AAEA,CAZC,kBAYkB,CAJC,iBAIiB,CAAC;AACpC,WAAS;AACX;;;AC7DA,CAAC;AACG,eAAa;AACb,QAAM,EAAE,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACT;AAEA,CAAC;AACG,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,cAAY;AAChB;AAEA,CAAC;AACG,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,aAAW;AACf;AAEA,CAAC;AACG,mBAAiB;AACjB,6BAA2B;AAC3B,uBAAqB;AACrB,sBAAoB;AACpB,cAAY,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9C;;;AC7BA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,WAAS;AACT,cAAY;AACZ,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,oBAAkB;AACpB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACf;;;AChBA,CAAC;AACC,yBAAuB,IAAI;AAC3B,0BAAwB,IAAI;AAC5B,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB;AAEjB,eAAa;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,cAAY;AACZ,WAAS;AACT,mBAAiB;AACjB,YAAU;AACV,WAAS;AACT,WAAS;AACX;AAEA,CApBC,WAoBW;AACV,yBAAuB,IAAI;AAC7B;AAEA,CAAC;AACC,yBAAuB,IAAI;AAC7B;AAEA,CAAC;AACC,UAAQ;AACR,UAAQ,IAAI;AACd;AAEA,CAjCC,WAiCW,KAAK,CALhB;AAMC,UAAQ;AACR,SAAO,IAAI;AACb;AAEA,CAtCC,WAsCW;AACV,UAAQ;AACR,iBAAe;AACf,WAAS;AACT,WAAS;AACT,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,oBAAkB,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,UAAQ;AACV;AAEA,CAxBC,mBAwBmB,CANnB;AAOC,QAAM;AACN,SAAO;AACP,OAAK;AACL,UAAQ;AACV;AAEA,CA3DC,WA2DW,KAAK,CA/BhB,oBA+BqC,CAbrC;AAcC,QAAM;AACN,SAAO;AACP,OAAK;AACL,UAAQ;AACV;AAEA,CA1CC,kBA0CkB,KAAK,CAtCvB,oBAsC4C,CApB5C;AAqBC,oBAAkB,KAAK,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC;AACnC,QAAM;AACN,SAAO;AACT;AAGA,CAzEC,WAyEW,KAAK,CA7ChB,mBA6CoC;AACnC,SAAO;AACP,UAAQ;AACR;AAAA,IAAY;AAAA,MACV,GAAG,MAAM;AAAA,MACT,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW,GAAG;AAAA,MAClB,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW,GAAG;AAAA,MAClB,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW;AAEnB;AAEA,CArEC,kBAqEkB,CAjElB,kBAiEqC;AACpC;AAAA,IAAY;AAAA,MACV,GAAG,KAAK;AAAA,MACR,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ;AAEZ;AAEA,CAvFC,kBAuFkB,KAAK,CAnFvB,mBAmF2C;AAC1C;AAAA,IAAY;AAAA,MACV,GAAG,MAAM;AAAA,MACT,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,QAAQ;AAEZ;AAEA,CArGC,kBAqGkB;AACjB,SAAO;AACP,UAAQ;AACR;AAAA,IAAY;AAAA,MACV,GAAG,KAAK;AAAA,MACR,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW,GAAG;AAAA,MAClB,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW,GAAG;AAAA,MAClB,IAAI,WAAW,GAAG;AAAA,MAClB,YAAY,GAAG;AAAA,MACf,YAAY,GAAG;AAAA,MACf,IAAI,WAAW;AAEnB;;;ACnJA;AACE,mBAAiB;AACjB,iBAAe;AACf,0BAAwB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC9C;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,cAAY;AACZ,WAAS;AACT,OAAK,KAAK,IAAI,WAAW,EAAE,IAAI;AAC/B,cAAY;AACZ,aAAW;AACX,YAAU;AACZ;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAlBC,UAkBU,EAAE,CAAC;AACZ,cAAY;AACZ,aAAW;AACX,eAAa;AACf;AAEA,CAxBC,SAwBS,CAAC;AACT,UAAQ;AACR,SAAO;AACT;AAEA,CAAC;AACC,gBAAc;AACd,QAAM;AACN,aAAW;AACX,eAAa;AACf;AAEA,CAAC,OAAO,CAPP;AAQC,gBAAc;AAChB;;;AC5CA;AACE,mBAAiB;AACjB,0BAAwB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC9C;AAEA,CAAC;AACC,SAAO,IAAI;AAEX,WAAS;AACT,OAAK,KAAK,IAAI,YAAY,EAAE,IAAI;AAChC,aAAW;AACX,WAAS;AACX;AAEA,CATC,YASY,EAAE;AACb,kBAAgB,KAAK,IAAI,eAAe,EAAE,IAAI;AAC9C,kBAAgB,KAAK,IAAI,oBAAoB,EAAE;AAC/C,wBAAsB,KAAK,IAAI,gBAAgB,EAAE,IAAI;AACrD,qBAAmB,KAAK,KAAK,EAAE,IAAI;AAEnC,cAAY;AACZ,aAAW;AACX,eAAa;AACb,YAAU;AACZ;AAEA,CArBC,YAqBY,EAAE,CAAC;AACd,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,UAAQ,OAAO,IAAI;AACrB;AAEA,CA/BC,YA+BY,EAAE,CAAC;AACd,2BAAyB,KAAK,IAAI,YAAY,EAAE;AAChD,mBAAiB,KAAK,IAAI,YAAY,EAAE,IAAI;AAC5C,2BAAyB,KAAK,IAAI,yBAAyB,EAAE,IAAI;AACjE,cAAY,KAAK,IAAI,mBAAmB,EAAE,IAAI,iBAAiB,EAAE,IAAI;AACrE,aAAW;AACb;AAEA,CAvCC,YAuCY,EAAE,CAAC;AACd,cAAY;AACd;AACA,CA1CC,YA0CY,EAAE,CAAC;AACd,cAAY;AACd;AACA,CA7CC,YA6CY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,CAjDC,YAiDY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,CArDC,YAqDY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,CAzDC,YAyDY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,CA7DC,YA6DY,EAAE,CAAC;AACd,cAAY;AACd;AACA,CAhEC,YAgEY,EAAE,CAAC;AACd,cAAY;AACd;AACA,CAnEC,YAmEY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,CAvEC,YAuEY,EAAE,CAAC;AACd,cAAY;AACd;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GA5ED,YA4Ec,EAAE,CAAC;AACd,gBAAY;AACd;AACA,GA/ED,YA+Ec,EAAE,CAAC;AACd,gBAAY;AACd;AAEA,GAnFD,YAmFc,EAAE,CAAC;AACd,gBAAY;AACd;AAEA,GAvFD,YAuFc,EAAE,CAAC;AACd,gBAAY;AACd;AAEA,GA3FD,YA2Fc,EAAE,CAAC;AACd,gBAAY;AACd;AAEA,GA/FD,YA+Fc,EAAE,CAAC;AACd,gBAAY;AACd;AACA,GAlGD,YAkGc,EAAE,CAAC;AACd,gBAAY;AACd;AACA,GArGD,YAqGc,EAAE,CAAC;AACd,gBAAY;AACd;AACA,GAxGD,YAwGc,EAAE,CAAC;AACd,gBAAY;AACd;AACA,GA3GD,YA2Gc,EAAE,CAAC;AACd,gBAAY;AACd;AACF;AAIA,CAAC;AACC,kBAAgB,KAAK,IAAI,eAAe,EAAE,IAAI;AAC9C,uBAAqB,KAAK,IAAI,gBAAgB,EAAE,IAAI,qBAAqB,EAAE;AAC3E,6BAA2B,KAAK,IAAI,qBAAqB,EAAE,IAAI;AAC/D,0BAAwB,KAAK,KAAK,EAAE,IAAI;AACxC,wBAAsB,KAAK,EAAE,EAAE,IAAI,gBAAgB,EAAE,IAAI;AACzD,kBAAgB,KAAK,IAAI,wBAAwB,EAAE,IAAI;AACvD;AAAA,IAAY;AAAA,MACV,GAAG,KAAK;AAAA,MACR,IAAI,wBAAwB,CAAC;AAAA,MAC7B,IAAI,wBAAwB,IAAI,eAAe;AAAA,MAC/C,MAAM,IAAI,eAAe;AAAA,MACzB,MAAM,KAAK,IAAI,gBAAgB,EAAE,IAAI;AAEzC;;;ACrIA,CAAC;AACC,yBAAuB;AACzB;AAEA,CAAC;AACC,eAAa;AACb,WAAS;AACX;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,mBAAiB;AACjB,mBAAiB;AACjB,kBAAgB;AAChB,4BAA0B,EAAE,EAAE,EAAE,KAAK,IAAI,kBAAkB,EAAE;AAC7D,iBAAe,MAAM,IAAI,IAAI;AAC7B,gBAAc;AACd,aAAW;AACX,eAAa;AACf;AAEA,CAAC,0BAA0B,EAAE,CAZ5B;AAaC,oBAAkB,IAAI;AAExB;AAEA,CAAC,WAAW,CAjBX;AAkBC,aAAW;AACX,eAAa;AAEf;;;AC9BA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,kBAAgB;AAClB;AAEA,CAAC;AACC,2BAAyB,KAAK,MAAM,KAAK;AACzC,kBAAgB;AAClB;AAEA,CAXC,QAWQ,CAAC,OAAO;AACf,QAAM;AACN,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,YAAU;AACV,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,WAAS;AACT,QAAM;AACN,kBAAgB;AAClB;AAEA,CANC,iBAMiB,EAAE;AAClB,QAAM,EAAE,EAAE;AACZ;AAEA,CAAC;AACC,6CAA2C;AAC3C,gCAA8B,KAAK,IAAI,kBAAkB,EAAE;AAC3D,gBAAc,IAAI;AAClB,gBAAc,IAAI,uBAAuB,EAAE,KAAK,KAAK,MAAM;AAC3D,gBAAc;AAChB;AAEA,CARC,aAQa,EAAE,CAAC,QAAQ,EAAE,CAAC;AAC1B,UAAQ;AACR,YAAU;AACZ;AAEA,CAAC;AACC,oBAAkB;AACpB;;;AC9CA,CAAC,uBAAyB,CAAC;AACzB,UAAQ,UAAU;AAClB,WAAS;AACX;AAEA,CAAC,uBAAyB,CALC,SAKS;AAClC,SAAO;AACP,WAAS;AACT,UAAQ;AACR,oBAAkB;AACpB;AAEA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,mBAAiB;AACjB,mBAAiB;AACjB,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,oBAAkB,IAAI;AACxB;AAEA,CAXC,mBAWmB,CAAC;AACnB,QAAM,EAAE,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AAEA,CAAC;AACC,0BAAwB;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,yBAAuB;AACvB,4BAA0B;AAC1B,uBAAqB;AAErB,QAAM,EAAE,EAAE;AACZ;AAEA,CAVC,UAUU,EAAE,CAAC;AACZ,QAAM,EAAE,EAAE;AACV,gBAAc;AACd,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,YAAU;AACZ;AAEA,CAnBC,UAmBU,EAAE,CAAC;AACZ,QAAM,EAAE,EAAE;AACV,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AAEA,CA3BC,UA2BU,EAAE,CAAC,aAAa,EAAE,CAAC;AAC9B,CA5BC,UA4BU,EAAE,CADC,aACa,EAAE,CAAC;AAC5B,QAAM,EAAE,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,mBAAiB;AACjB,eAAa;AACf;AAEA,CA1Bc;AA2Bd,CAlBc;AAmBZ,0BAAwB,EAAE,EAAE,EAAE;AAChC;AAEA,CA/Bc,WA+BF,EAAE,CAAC;AACf,CAvBc,cAuBC,EAAE,CADF;AAEb,QAAM;AACR;AAEA,CA9CC,UA8CU,EAAE,CAnBC;AAoBZ,QAAM,EAAE,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AAEA,CArDC,SAqDS,CAAC;AACT,oBAAkB,IAAI;AACtB,UAAQ,OAAO,IAAI;AACrB;AAEA,CA1DC,SA0DS,CAAC;AACT,oBAAkB,IAAI;AACtB,UAAQ,MAAM,IAAI;AACpB;AAEA,CA/DC,SA+DS,CAAC;AACT,oBAAkB,IAAI;AACtB,UAAQ,OAAO,IAAI;AACrB;AAEA,CApEC,UAoEU,CAAC;AACV,QAAM,EAAE,EAAE;AACV,oBAAkB,IAAI;AACtB,UAAQ,MAAM,IAAI;AACpB;AAEA,CA1EC,UA0EU,CAAC;AACV,SAAO;AACP,aAAW;AACX,QAAM;AACN,eAAa;AACb,YAAU;AACV,OAAK;AACP;;;AC/GA,CAAC;AACD;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAJC,gBAIgB;AACf,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC;AAEA,CARC,gBAQgB,CAAC;AAChB,oBAAkB;AAClB,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@vuu-ui/vuu-layout",
-  "version": "0.8.22-debug",
+  "version": "0.8.23-debug",
   "description": "VUU Layout Components",
   "author": "heswell",
   "license": "Apache-2.0",
   "dependencies": {
     "@salt-ds/core": "1.13.2",
-    "@vuu-ui/vuu-data-types": "0.8.22-debug",
-    "@vuu-ui/vuu-filters": "0.8.22-debug",
-    "@vuu-ui/vuu-popups": "0.8.22-debug",
-    "@vuu-ui/vuu-table": "0.8.22-debug",
-    "@vuu-ui/vuu-table-extras": "0.8.22-debug",
-    "@vuu-ui/vuu-ui-controls": "0.8.22-debug",
-    "@vuu-ui/vuu-utils": "0.8.22-debug"
+    "@vuu-ui/vuu-data-types": "0.8.23-debug",
+    "@vuu-ui/vuu-filters": "0.8.23-debug",
+    "@vuu-ui/vuu-popups": "0.8.23-debug",
+    "@vuu-ui/vuu-table": "0.8.23-debug",
+    "@vuu-ui/vuu-table-extras": "0.8.23-debug",
+    "@vuu-ui/vuu-ui-controls": "0.8.23-debug",
+    "@vuu-ui/vuu-utils": "0.8.23-debug"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/index.d.ts

@@ -8,14 +8,11 @@ export * from "./layout-header";
 export * from "./layout-provider";
 export * from "./layout-reducer";
 export * from "./layout-view";
-export * from "./measured-container";
-export * from "./overflow-container";
 export * from "./palette";
 export * from "./placeholder";
 export * from "./registry";
 export * from "./responsive";
 export * from "./stack";
-export * from "./toolbar";
 export * from "./tools";
 export * from "./use-persistent-state";
 export * from "./utils";

package/types/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./pathUtils";
 export * from "./propUtils";
 export * from "./refUtils";
-export * from "./react-utils";
 export * from "./styleUtils";
 export * from "./typeOf";

package/types/utils/typeOf.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
-import { LayoutModel, WithType } from '../layout-reducer';
+import { LayoutJSON, LayoutModel, WithType } from '../layout-reducer';
 export declare function typeOf(element?: LayoutModel | WithType): string | undefined;
 export declare const isTypeOf: (element: ReactElement, type: string) => boolean;
+export declare const isLayoutJSON: (layout: LayoutJSON) => layout is LayoutJSON;

package/types/measured-container/MeasuredContainer.d.ts

@@ -1,15 +0,0 @@
-import { HTMLAttributes } from "react";
-import { MeasuredSize } from "./useMeasuredContainer";
-import "./MeasuredContainer.css";
-export interface MeasuredContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * A numeric value for height will result in a fixed height. To adapt to container
-     * use either a percentage height or 'auto'. Always use 'auto' when rendering
-     * within a column based flex container, together with a flex value (use the
-     * --vuuMeasuredContainer-flex CSS custom property))
-     */
-    height?: number | string;
-    onResize?: (size: MeasuredSize) => void;
-    width?: number | string;
-}
-export declare const MeasuredContainer: import("react").ForwardRefExoticComponent<MeasuredContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/measured-container/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./MeasuredContainer";
-export * from "./useMeasuredContainer";

package/types/measured-container/useMeasuredContainer.d.ts

@@ -1,22 +0,0 @@
-import { CSSProperties, RefObject } from "react";
-import { MeasuredContainerProps } from "./MeasuredContainer";
-export interface ClientSize {
-    clientHeight: number;
-    clientWidth: number;
-}
-export interface MeasuredProps extends Pick<MeasuredContainerProps, "height" | "onResize" | "width"> {
-    defaultHeight?: number;
-    defaultWidth?: number;
-}
-export type CssSize = Pick<CSSProperties, "height" | "width">;
-export interface MeasuredSize {
-    height: number;
-    width: number;
-}
-export interface MeasuredContainerHookResult {
-    containerRef: RefObject<HTMLDivElement>;
-    cssSize: CssSize;
-    outerSize: CssSize;
-    innerSize?: MeasuredSize;
-}
-export declare const useMeasuredContainer: ({ defaultHeight, defaultWidth, height, onResize: onResizeProp, width, }: MeasuredProps) => MeasuredContainerHookResult;

package/types/measured-container/useResizeObserver.d.ts

@@ -1,15 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const WidthOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    clientHeight?: number;
-    clientWidth?: number;
-    contentHeight?: number;
-    contentWidth?: number;
-    scrollHeight?: number;
-    scrollWidth?: number;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: readonly string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/overflow-container/OverflowContainer.d.ts

@@ -1,17 +0,0 @@
-import { PopupMenuProps } from "@vuu-ui/vuu-popups";
-import { orientationType } from "@vuu-ui/vuu-utils";
-import React, { HTMLAttributes } from "react";
-import { OverflowItem } from "./overflow-utils";
-import "./OverflowContainer.css";
-export interface OverflowContainerProps extends HTMLAttributes<HTMLDivElement> {
-    PopupMenuProps?: Partial<PopupMenuProps>;
-    allowDragDrop?: boolean;
-    debugId?: string;
-    height: number;
-    onMoveItem?: (fromIndex: number, toIndex: number) => void;
-    onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
-    orientation?: orientationType;
-    overflowIcon?: string;
-    overflowPosition?: "start" | "end" | number;
-}
-export declare const OverflowContainer: React.ForwardRefExoticComponent<OverflowContainerProps & React.RefAttributes<HTMLDivElement>>;

package/types/overflow-container/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./OverflowContainer";
-export * from "./overflow-utils";

package/types/overflow-container/overflow-utils.d.ts

@@ -1,49 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-export type OverflowItem = {
-    index: string;
-    label: string;
-    overflowPriority: string;
-};
-export declare const isOverflowElement: (element: HTMLElement | null) => boolean;
-export declare const sortByScreenOrder: (elements: HTMLElement[]) => HTMLElement[];
-export declare const NO_WRAPPED_ITEMS: OverflowItem[];
-/**
-    Identify wrapped items by comparing position of each item. Any item
-    not to the right of preceeding item has wrapped. Note: on-screen
-    position of items does not necessarily match document position, due
-    to use of css order. This is taken into account by sorting.
-    TODO support Vertical orientation
- */
-export declare const getNonWrappedAndWrappedItems: (container: HTMLElement, orientation?: orientationType) => [OverflowItem[], OverflowItem[]];
-export declare const applyOverflowClassToWrappedItems: (container: HTMLElement, overflowedItems: OverflowItem[], classBase?: string) => void;
-export declare const overflowIndicatorHasWrappedButShouldNotHave: (wrappedItems: OverflowItem[]) => boolean;
-export declare const highPriorityItemsHaveWrappedButShouldNotHave: (nonWrappedItems: OverflowItem[], wrappedItems: OverflowItem[]) => boolean;
-/**
-  An edge case that may occur when reducing width from unwrapped to
-  wrapped, or on first render.
-  We overflow one or more items. Then, when the overflowIndicator assumes
-  full width, it may itself overflow.
-*/
-export declare const correctForWrappedOverflowIndicator: (container: HTMLElement, overflowedItems: OverflowItem[]) => Promise<OverflowItem[]>;
-/**
-  An edge case that may occur when reducing width from unwrapped to
-  wrapped, or on first render.
-  We overflow one or more items. Then, when the overflowIndicator assumes
-  full width, it may itself overflow.
-*/
-export declare const correctForWrappedHighPriorityItems: (container: HTMLElement, nonWrapped: OverflowItem[], wrapped: OverflowItem[]) => Promise<[OverflowItem[], OverflowItem[]]>;
-export declare const markElementAsWrapped: (container: HTMLElement, item: OverflowItem) => void;
-export declare const getElementsMarkedAsWrapped: (container: HTMLElement) => HTMLElement[];
-export declare const unmarkItemsWhichAreNoLongerWrapped: (container: HTMLElement, wrappedItems: OverflowItem[]) => void;
-/**
-    An edge case. If container has grown but we still have one
-    wrapped item - could the wrapped item return to the fold if the overflow
-    indicaor were removed ?
- */
-export declare const removeOverflowIndicatorIfNoLongerNeeded: (container: HTMLElement) => boolean;
-/**
- * This is used both when an overflow menu is used to select an overflowed item
- * and when a high priority item has overflowed, whilst lower priority items
- * remain in view.
- */
-export declare const switchWrappedItemIntoView: (container: HTMLElement, overflowItem: OverflowItem) => [OverflowItem[], OverflowItem[]];

package/types/overflow-container/useOverflowContainer.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
-import { OverflowItem } from "./overflow-utils";
-import { OverflowContainerProps } from "./OverflowContainer";
-export interface OverflowContainerHookProps extends Pick<OverflowContainerProps, "allowDragDrop" | "onMoveItem" | "orientation"> {
-    itemCount: number;
-    onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
-}
-export declare const useOverflowContainer: ({ allowDragDrop, itemCount, onMoveItem, onSwitchWrappedItemIntoView, orientation, }: OverflowContainerHookProps) => {
-    draggable?: JSX.Element | undefined;
-    dropIndicator?: JSX.Element | undefined;
-    draggedItemIndex?: number | undefined;
-    isDragging: boolean;
-    isScrolling: import("react").RefObject<boolean>;
-    revealOverflowedItems?: boolean | undefined;
-    menuActionHandler: MenuActionHandler;
-    menuBuilder: MenuBuilder<string, unknown>;
-    onItemMouseDown: import("react").MouseEventHandler<Element> | undefined;
-    rootRef: (el: HTMLDivElement | null) => void;
-};

package/types/toolbar/Toolbar.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { SelectionStrategy, SpecialKeyMultipleSelection } from "@vuu-ui/vuu-ui-controls";
-import { OverflowContainerProps } from "../overflow-container";
-import "./Toolbar.css";
-export type ActiveItemChangeHandler = (itemIndex: number[]) => void;
-export type NavigationOutOfBoundsHandler = (direction: "start" | "end") => void;
-export interface ToolbarProps extends OverflowContainerProps {
-    activeItemIndex?: number[];
-    alignItems?: "start" | "center" | "end";
-    defaultActiveItemIndex?: number[];
-    onActiveChange?: ActiveItemChangeHandler;
-    /**
-     * Indicates that user has used Arrow key navigation to move beyond the
-     * last or before the first item. A higher level component may want to
-     * use this to implement a seamless navigation across components.
-     */
-    onNavigateOutOfBounds?: NavigationOutOfBoundsHandler;
-    selectionStrategy?: SelectionStrategy | SpecialKeyMultipleSelection;
-    showSeparators?: boolean;
-}
-export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => JSX.Element;

package/types/toolbar/index.d.ts

@@ -1 +0,0 @@
-export * from "./Toolbar";

package/types/toolbar/toolbar-dom-utils.d.ts

@@ -1,3 +0,0 @@
-export declare const getIndexOfItem: (container: HTMLElement | null, query: string) => number;
-export declare const getIndexOfSelectedTab: (container: HTMLElement | null) => number;
-export declare const getIndexOfEditedItem: (container: HTMLElement | null) => number;

package/types/toolbar/useKeyboardNavigation.d.ts

@@ -1,32 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-import { FocusEvent, FocusEventHandler, KeyboardEvent, MouseEvent as ReactMouseEvent, MouseEventHandler, RefObject } from "react";
-import { NavigationOutOfBoundsHandler } from "./Toolbar";
-import { PopupCloseCallback } from "@vuu-ui/vuu-popups";
-export interface ContainerNavigationProps {
-    onBlur: FocusEventHandler;
-    onFocus: FocusEventHandler;
-    onMouseDownCapture: MouseEventHandler;
-    onMouseLeave: MouseEventHandler;
-}
-interface ToolbarNavigationHookProps {
-    containerRef: RefObject<HTMLElement>;
-    defaultHighlightedIdx?: number;
-    highlightedIdx?: number;
-    onNavigateOutOfBounds?: NavigationOutOfBoundsHandler;
-    orientation: orientationType;
-}
-interface ToolbarNavigationHookResult {
-    containerProps: ContainerNavigationProps;
-    focusableIdx: number;
-    highlightedIdx: number;
-    focusItem: (itemIndex: number, immediateFocus?: boolean, withKeyboard?: boolean, delay?: number) => void;
-    focusVisible: number;
-    focusIsWithinComponent: boolean;
-    onClick: (evt: ReactMouseEvent, tabIndex: number) => void;
-    onFocus: (evt: FocusEvent<HTMLElement>) => void;
-    onKeyDown: (evt: KeyboardEvent) => void;
-    onOverflowMenuClose?: PopupCloseCallback;
-    setHighlightedIdx: (highlightedIndex: number) => void;
-}
-export declare const useKeyboardNavigation: ({ containerRef, defaultHighlightedIdx, highlightedIdx: highlightedIdxProp, onNavigateOutOfBounds, orientation, }: ToolbarNavigationHookProps) => ToolbarNavigationHookResult;
-export {};