@vertexvis/ui 0.1.0-testing.8 → 0.1.0

package/README.md

@@ -20,7 +20,7 @@ dependency to your `package.json`:
 ```json
 {
   "dependencies": {
-    "@vertexvis/ui": "^0.0.15"
+    "@vertexvis/ui": "^0.1.0"
   }
 }
 ```

package/dist/cjs/{color-circle-picker-13396ec4.js → color-circle-picker-d0403f1c.js}

@@ -59,9 +59,9 @@ const ColorCirclePicker = class {
   render() {
     return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('container', {
         vertical: this.direction === 'vertical',
-      }) }, this.colorArray.map((c, i) => (index.h("vertex-color-circle", { class: index$1.classnames('circle', {
+      }) }, this.colorArray.map((c, i) => (index.h("vertex-color-swatch", { class: index$1.classnames('circle', {
         selected: this.selected === c,
-      }), color: c, supplementalColor: this.supplementaryColorArray[i], onClick: this.handleClick, lightenPercentage: this.lightenPercentage, darkenPercentage: this.darkenPercentage, theme: this.theme }))))));
+      }), variant: "circle", size: "lg", color: c, supplementalColor: this.supplementaryColorArray[i], onClick: this.handleClick, lightenPercentage: this.lightenPercentage, darkenPercentage: this.darkenPercentage, theme: this.theme }))))));
   }
   static get watchers() { return {
     "colors": ["handleColorsChange"],

package/dist/cjs/color-picker-2a4820fa.js

@@ -0,0 +1,46 @@
+'use strict';
+
+const index = require('./index-6a92256c.js');
+const index$1 = require('./index-e1b40fa6.js');
+const lib = require('./lib-1bd1e383.js');
+
+const colorPickerCss = ":host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name=\"right-gutter\"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}";
+
+const ColorPicker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueInput = index.createEvent(this, "valueInput", 7);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.handleInput = (event) => {
+      const input = event.target;
+      this.value = input.value || '';
+    };
+    this.handleChange = (event) => {
+      this.valueChanged.emit(this.value);
+    };
+    this.value = undefined;
+    this.size = 'md';
+    this.variant = 'full';
+    this.disabled = false;
+  }
+  valueChange() {
+    this.valueInput.emit(this.value);
+  }
+  render() {
+    var _a;
+    return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('wrapper', this.variant, this.size) }, index.h("label", { class: index$1.classnames('color-picker', { disabled: this.disabled }) }, index.h("input", { type: "color", class: "input", "data-testid": "input", disabled: this.disabled, value: this.value, onInput: this.handleInput, onChange: this.handleChange }), index.h("div", { class: index$1.classnames('selected-wrapper', this.variant) }, index.h("div", { class: "selected", title: this.value }, index.h("vertex-color-swatch", { class: "selected-color", supplementalColor: "var(--vertex-ui-neutral-400)", color: this.value, variant: "square", size: this.size }, index.h("slot", { name: "overlay", slot: "overlay" }, (this.value == null || this.value === '') && (index.h("svg", { class: "no-value", slot: "overlay", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" }, index.h("path", { d: "M16,0L0,16" })))))), this.variant === 'full' && (index.h("div", { class: "text-wrapper" }, index.h("div", { class: "hidden-text" }, "#FFFFFF"), index.h("div", { class: "selected-text" }, (_a = this.getDisplayedValue()) !== null && _a !== void 0 ? _a : 'Default'))))), index.h("div", { class: "right-gutter" }, index.h("slot", { name: "right-gutter" })))));
+  }
+  getDisplayedValue() {
+    var _a;
+    if (this.value != null && lib.isValidHexColor(this.value)) {
+      return (_a = this.value) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase();
+    }
+    return undefined;
+  }
+  static get watchers() { return {
+    "value": ["valueChange"]
+  }; }
+};
+ColorPicker.style = colorPickerCss;
+
+exports.ColorPicker = ColorPicker;

package/dist/cjs/{color-circle-05be54bf.js → color-swatch-8aaf6c0b.js}

@@ -1,15 +1,19 @@
 'use strict';
 
 const index = require('./index-6a92256c.js');
+const index$1 = require('./index-e1b40fa6.js');
+const lib = require('./lib-1bd1e383.js');
 
-const colorCircleCss = ":host{display:flex;--circle-size:24px}.root{border-radius:100%;border-width:2px;border-style:solid;width:var(--circle-size);height:var(--circle-size);box-sizing:border-box}";
+const colorSwatchCss = ":host{display:flex}.root{position:relative;border-style:solid;border-color:var(--vertex-ui-neutral-300);box-sizing:border-box}.root.circle{border-width:2px;border-radius:100%}.root.square{border-width:1px;border-radius:3px}.root.sm{width:16px;height:16px}.root.md{width:20px;height:20px}.root.lg{width:24px;height:24px}.overlay{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden}";
 
-const ColorCircle = class {
+const ColorSwatch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.variant = 'circle';
+    this.size = 'md';
     this.color = '#ffffff';
     this.supplementalColor = undefined;
-    this.theme = 'dark';
+    this.theme = 'none';
     this.lightenPercentage = 0.25;
     this.darkenPercentage = 0.25;
     this.lightened = this.adjustColor(this.color, -this.lightenPercentage);
@@ -26,22 +30,43 @@ const ColorCircle = class {
     this.darkened = this.adjustColor(this.color, newPercentage);
   }
   render() {
-    const themeColor = this.theme === 'dark' ? this.darkened : this.lightened;
-    const supplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
-      ? this.supplementalColor
-      : themeColor;
-    return (index.h(index.Host, null, index.h("div", { class: "root", style: this.theme === 'dark'
-        ? {
-          backgroundColor: this.color,
-          borderColor: supplementalColor,
-        }
-        : {
+    return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('root', this.variant, this.size), style: this.getThemeColors() }, index.h("div", { class: "overlay" }, index.h("slot", { name: "overlay" })))));
+  }
+  getThemeColors() {
+    const supplementalColor = this.getSupplementalColor();
+    switch (this.theme) {
+      case 'light':
+        return {
           backgroundColor: supplementalColor,
           borderColor: this.color,
-        } })));
+        };
+      case 'dark':
+        return {
+          backgroundColor: this.color,
+          borderColor: supplementalColor,
+        };
+      default:
+        return {
+          backgroundColor: this.color,
+          borderColor: supplementalColor !== null && supplementalColor !== void 0 ? supplementalColor : undefined,
+        };
+    }
+  }
+  getSupplementalColor() {
+    const providedSupplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
+      ? this.supplementalColor
+      : undefined;
+    switch (this.theme) {
+      case 'light':
+        return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.lightened;
+      case 'dark':
+        return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.darkened;
+      default:
+        return providedSupplementalColor;
+    }
   }
   adjustColor(color, percentage) {
-    if (color.startsWith('#') && color.length === 7) {
+    if (lib.isValidHexColor(color)) {
       const r = Number(`0x${color.slice(1, 3)}`);
       const g = Number(`0x${color.slice(3, 5)}`);
       const b = Number(`0x${color.slice(5, 7)}`);
@@ -65,6 +90,6 @@ const ColorCircle = class {
     "darkenPercentage": ["handleDarkenPercentageChanged"]
   }; }
 };
-ColorCircle.style = colorCircleCss;
+ColorSwatch.style = colorSwatchCss;
 
-exports.ColorCircle = ColorCircle;
+exports.ColorSwatch = ColorSwatch;

package/dist/cjs/components.cjs.js

@@ -88,7 +88,7 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"disabled":[4],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"resultItems":[16],"placement":[1],"value":[1],"placeholder":[1],"replacements":[1040],"replacementUriType":[1,"replacement-uri-type"],"cursorPosition":[32],"displayedElements":[32],"hasTriggered":[32]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"hideSelected":[4,"hide-selected"],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-circle.cjs",[[1,"vertex-color-circle",{"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"resizeObserverFactory":[16],"opened":[32],"computedPlacement":[32]}]]]], options);
+  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"disabled":[4],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"resultItems":[16],"placement":[1],"value":[1],"placeholder":[1],"replacements":[1040],"replacementUriType":[1,"replacement-uri-type"],"cursorPosition":[32],"displayedElements":[32],"hasTriggered":[32]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"hideSelected":[4,"hide-selected"],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"size":[513],"variant":[513],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-tab.cjs",[[1,"vertex-tab",{"label":[1],"active":[4]}]]],["vertex-tabs.cjs",[[1,"vertex-tabs",{"active":[1025],"labels":[32],"activeBounds":[32],"activeButtonEl":[32]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"resizeObserverFactory":[16],"opened":[32],"computedPlacement":[32]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-swatch.cjs",[[1,"vertex-color-swatch",{"variant":[513],"size":[513],"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{dialog-88e2308a.js → dialog-34f1dd6e.js}

@@ -13,7 +13,7 @@ function getComputedStyle(el) {
   return window.getComputedStyle(el);
 }
 
-const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;min-width:var(--min-width, var(--vertex-ui-min-dialog-width));box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
+const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
 
 const Dialog = class {
   constructor(hostRef) {

package/dist/cjs/dom-a2c535e3.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const index = require('./index-6a92256c.js');
+
+function readDOM(callback) {
+  index.readTask(callback);
+}
+function getBoundingClientRect(el) {
+  return el.getBoundingClientRect();
+}
+function blurElement(el) {
+  el.blur();
+}
+
+exports.blurElement = blurElement;
+exports.getBoundingClientRect = getBoundingClientRect;
+exports.readDOM = readDOM;

package/dist/cjs/{icon-460fd0f5.js → icon-3b1349ea.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-6a92256c.js');
 const index$1 = require('./index-e1b40fa6.js');
-const iconHelper = require('./icon-helper-ba408f49.js');
+const iconHelper = require('./icon-helper-cb479ba1.js');
 
 const iconCss = ".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";
 

package/dist/cjs/{icon-button-786427d6.js → icon-button-19061994.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-6a92256c.js');
 const index$1 = require('./index-e1b40fa6.js');
-const iconHelper = require('./icon-helper-ba408f49.js');
+const iconHelper = require('./icon-helper-cb479ba1.js');
 
 const iconButtonCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed;--hover-background-color:var(--vertex-ui-neutral-300);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900);--icon-margin:0px}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:var(--enabled-cursor)}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;position:relative;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%;margin:var(--icon-margin, 0px)}.badge{position:absolute;top:0px;right:4px;justify-content:flex-end;align-items:flex-end}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:var(--disabled-cursor)}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color);box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:var(--disabled-cursor);color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}";
 

package/dist/cjs/{icon-helper-ba408f49.js → icon-helper-cb479ba1.js}

@@ -24,6 +24,13 @@ const Annotation = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg",
 const ArrowFilled = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-filled" },
   index.h("path", { d: "M6,3,9.15,6.15l-8,8a.48.48,0,0,0,0,.7.48.48,0,0,0,.7,0l8-8L13,10l2-9Z" })));
 
+const ArrowLeftCircled = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-left-circled" },
+  index.h("g", { fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1" },
+    index.h("path", { d: "m1.2594 8 3.6867-4.1402z" }),
+    index.h("path", { d: "m1.2594 8h13.553z" }),
+    index.h("path", { d: "m1.2594 8 3.6867 4.1402z" })),
+  index.h("path", { d: "M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.24,11.24A6,6,0,1,1,3.76,3.76a6,6,0,1,1,8.48,8.48Z" })));
+
 const ArrowLineLeft = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-line-left" },
   index.h("g", { fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1.5" },
     index.h("path", { d: "m1.2594 8 3.6867-4.1402z" }),
@@ -39,6 +46,13 @@ const ArrowLineRight = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const ArrowPartial = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", "data-testid": "arrow-partial" },
   index.h("path", { d: "m150.8 41.9-3.3 2.9-.3 23.1-.3 23.1h-27.4c-19.1 0-28.2.4-30 1.2-7.1 3.2-7.1 15.4 0 18.6 1.8.9 12.6 1.2 37.6 1.2 37 0 39.4-.3 41.5-4.7.5-1 1.1-8.9 1.4-17.5l.5-15.7 27.8 23.5 27.7 23.6-2.4 2.8c-1.3 1.6-13.8 15.3-27.8 30.5l-25.3 27.6-.5-11.8c-.3-6.5-.9-12.6-1.4-13.6-1.9-4.1-5.5-4.7-27.1-4.7-15.9 0-21.2.3-23.4 1.4-6.8 3.6-6.8 15.6 0 19.2 2 1 6.5 1.4 15.9 1.4h13v18c0 11.7.4 18.8 1.2 20.5 2.6 5.7 12 7.2 19.4 3.2 2.8-1.5 15.9-15 39.9-41.2 43.5-47.4 44.5-48.7 44.5-54 0-5.2 1.3-4-49.4-46.9C164.4 41.3 161.4 39 157.9 39c-2.9 0-4.7.8-7.1 2.9zM10.1 92.4c-6.8 3.8-6.6 15.2.4 18.4 1.7.8 8.7 1.2 20.5 1.2 19.5 0 22.2-.6 24.6-5.1 2.8-5.5.9-12.5-4.1-14.7-3.8-1.7-38.2-1.6-41.4.2zM16.1 153.4c-6.9 3.8-6.7 16.2.4 19.4 4.1 1.9 58.7 1.7 62.4-.2 6.8-3.6 6.8-15.6 0-19.2-3.9-2-59.2-2-62.8 0z" })));
 
+const ArrowRightCircled = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-right-circled" },
+  index.h("g", { fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1" },
+    index.h("path", { d: "m11.753 8-3.6867-3.1402z" }),
+    index.h("path", { d: "m11.753 8h-7.553z" }),
+    index.h("path", { d: "m11.753 8-3.6867 3.1402z" })),
+  index.h("path", { d: "M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.24,11.24A6,6,0,1,1,3.76,3.76a6,6,0,1,1,8.48,8.48Z" })));
+
 const ArrowTriangleLeft = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-triangle-left" },
   index.h("g", { transform: "matrix(1.0411 0 0 1 -.53826 .29031)" },
     index.h("path", { d: "m1.9916 7.6851h13.033z", fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1.5" })),
@@ -79,6 +93,9 @@ const BoxSelect = () => (index.h("svg", { "data-testid": "box-select", xmlns: "h
 const Camera = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "camera" },
   index.h("path", { d: "M8,6a3,3,0,1,0,3,3A3,3,0,0,0,8,6ZM4.5,6a.5.5,0,1,0,.5.5A.5.5,0,0,0,4.5,6ZM14.85,4.15A.47.47,0,0,0,14.5,4H11.81L11,2.28A.51.51,0,0,0,10.5,2h-5a.51.51,0,0,0-.45.28L4.19,4H1.5a.47.47,0,0,0-.35.15A.47.47,0,0,0,1,4.5v9a.47.47,0,0,0,.15.35A.47.47,0,0,0,1.5,14h13a.51.51,0,0,0,.5-.5v-9A.47.47,0,0,0,14.85,4.15ZM14,13H2V5H4.5A.51.51,0,0,0,5,4.72L5.81,3h4.38l.86,1.72A.51.51,0,0,0,11.5,5H14Z" })));
 
+const CameraAdd = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "camera-add" },
+  index.h("path", { d: "M10.5 8.002h-2v-2a.5.5 0 1 0-1 0v2h-2a.5.5 0 1 0 0 1h2v2a.5.5 0 1 0 1 0v-2h2a.5.5 0 1 0 0-1Zm4.35-3.85a.47.47 0 0 0-.35-.15h-2.69L11 2.282a.51.51 0 0 0-.5-.28h-5a.51.51 0 0 0-.45.28l-.86 1.72H1.5a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v9a.47.47 0 0 0 .15.35.47.47 0 0 0 .35.15h13a.51.51 0 0 0 .5-.5v-9a.47.47 0 0 0-.15-.35Zm-.85 8.85H2v-8h2.5a.51.51 0 0 0 .5-.28l.81-1.72h4.38l.86 1.72a.51.51 0 0 0 .45.28H14v8Z" })));
+
 const CaretDown = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caret-down" },
   index.h("path", { d: "M8,9.7,3.8,5.1a.62.62,0,0,0-.7.1.64.64,0,0,0,0,.6l4.5,5a.48.48,0,0,0,.7,0h0l4.5-5a.49.49,0,0,0-.1-.7.64.64,0,0,0-.6,0Z" })));
 
@@ -91,6 +108,9 @@ const CaretRight = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg",
 const CaretUp = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caret-up" },
   index.h("path", { d: "M7.93,6.28l4.2,4.6a.62.62,0,0,0,.7-.1.64.64,0,0,0,0-.6l-4.5-5a.48.48,0,0,0-.7,0h0l-4.5,5a.49.49,0,0,0,.1.7.64.64,0,0,0,.6,0Z" })));
 
+const Caution = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caution" },
+  index.h("path", { d: "M8,11a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Zm6.65,1.29ZM8,6a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,1,0v-3A.5.5,0,0,0,8,6Zm6.65,6.29L9.32,2.4h0a1.5,1.5,0,0,0-2.64,0L1.35,12.29h0a1.53,1.53,0,0,0-.18.71,1.5,1.5,0,0,0,1.5,1.5H13.33a1.5,1.5,0,0,0,1.5-1.5A1.53,1.53,0,0,0,14.65,12.29Zm-1,1.06a.47.47,0,0,1-.35.15H2.67a.47.47,0,0,1-.35-.15A.51.51,0,0,1,2.17,13l.06-.24h0L7.56,2.87h0a.5.5,0,0,1,.88,0l5.33,9.89h0l.06.24A.51.51,0,0,1,13.68,13.35Z" })));
+
 const Check = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "check" },
   index.h("path", { d: "M13.85,4.15a.48.48,0,0,0-.7,0L6.5,10.79,2.85,7.15a.49.49,0,0,0-.7.7l4,4a.48.48,0,0,0,.7,0l7-7A.48.48,0,0,0,13.85,4.15Z" })));
 
@@ -127,6 +147,11 @@ const CollapseAll = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg",
 const Columns = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "columns", fill: "currentColor" },
   index.h("path", { d: "m 8,1.0608391 c -4.3636674,0 -7.90079064,0.023094 -7.90079064,0.051051 V 2.225294 c 0,0.027957 3.53712324,0.051051 7.90079064,0.051051 4.363668,0 7.900791,-0.023094 7.900791,-0.051051 V 1.1118903 C 15.900791,1.0839333 12.363668,1.0608393 8,1.0608391 Z M 8,13.823655 c -4.3636674,0 -7.90079064,0.0231 -7.90079064,0.05105 v 1.113404 c 0,0.02796 3.53712324,0.05104 7.90079064,0.05104 4.363668,0 7.900791,-0.0231 7.900791,-0.05104 v -1.113404 c 0,-0.02796 -3.537123,-0.05105 -7.900791,-0.05105 z M 9.8232594,2.3371206 V 14.370632 c 0,0.369514 0.2722736,0.668529 0.6077526,0.668529 0.335481,0 0.607754,-0.299015 0.607754,-0.668529 V 2.3371206 c 0,-0.3695139 -0.272273,-0.6685284 -0.607754,-0.6685284 -0.335479,0 -0.6077526,0.2990145 -0.6077526,0.6685284 z m -4.862025,0 V 14.370632 c 0,0.369514 0.2722734,0.668529 0.6077531,0.668529 0.3354797,0 0.6077531,-0.299015 0.6077531,-0.668529 V 2.3371206 c 0,-0.3695139 -0.2722734,-0.6685284 -0.6077531,-0.6685284 -0.3354797,0 -0.6077531,0.2990145 -0.6077531,0.6685284 z m -4.86202504,0 V 14.370632 c 0,0.369514 0.2722734,0.668529 0.60775313,0.668529 0.33547971,0 0.60775311,-0.299015 0.60775311,-0.668529 V 2.3371206 c 0,-0.3695139 -0.2722734,-0.6685284 -0.60775311,-0.6685284 -0.33547973,0 -0.60775313,0.2990145 -0.60775313,0.6685284 z m 14.58607564,0 V 14.370632 c 0,0.369514 0.272273,0.668529 0.607752,0.668529 0.335481,0 0.607754,-0.299015 0.607754,-0.668529 V 2.3371206 c 0,-0.3695139 -0.272273,-0.6685284 -0.607754,-0.6685284 -0.335479,0 -0.607752,0.2990145 -0.607752,0.6685284 z" })));
 
+const ColumnsAdd = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "columns-add" },
+  index.h("g", null,
+    index.h("path", { d: "M13.45 12.04c-.28 0-.5.22-.5.5v.99c0 .27-.22.49-.5.49H7.99V2h4.46c.28 0 .5.22.5.5v.99c0 .28.22.5.5.5s.5-.22.5-.5V2.5c0-.82-.67-1.5-1.5-1.5H2.5C1.67 1 1 1.67 1 2.5v11.01c0 .83.67 1.5 1.5 1.5h9.96c.83 0 1.5-.67 1.5-1.49v-.99c0-.28-.22-.5-.5-.5l-.01.01ZM2 13.51V2.5c0-.28.22-.5.5-.5h4.49v12.01H2.5c-.28 0-.5-.22-.5-.5Z" }),
+    index.h("path", { d: "M15.01 7.5h-1.02V6.48c0-.28-.22-.5-.5-.5s-.5.22-.5.5V7.5h-1.02c-.28 0-.5.22-.5.5s.22.5.5.5h1.02v1.02c0 .28.22.5.5.5s.5-.22.5-.5V8.5h1.02c.28 0 .5-.22.5-.5s-.22-.5-.5-.5Z" }))));
+
 const CommentAdd = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "comment-add" },
   index.h("path", { d: "M10.5,6.7h-5c-.3,0-.5.2-.5.5s.2.5.5.5h5c.3,0,.5-.2.5-.5s-.2-.5-.5-.5ZM7.5,5v4.4c0,.3.2.5.5.5s.5-.2.5-.5v-4.4c0-.3-.2-.5-.5-.5s-.5.2-.5.5ZM13.5,2H2.5c-.8,0-1.5.7-1.5,1.5v7c0,.8.7,1.5,1.5,1.5h5.8l2.9,2.9c.1.1.4.2.5.1.2,0,.3-.3.3-.5v-2.5h1.5c.8,0,1.5-.7,1.5-1.5V3.5c0-.8-.7-1.5-1.5-1.5ZM14,10.5c0,.3-.2.5-.5.5h-2c-.3,0-.5.2-.5.5v1.8l-2.1-2.1s-.2-.2-.4-.1H2.5c-.3,0-.5-.2-.5-.5V3.5c0-.3.2-.5.5-.5h11c.3,0,.5.2.5.5v7Z" })));
 
@@ -144,6 +169,12 @@ const CommentResolve = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const CommentShow = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "comment-show" },
   index.h("path", { d: "M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z" })));
 
+const Compare = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compare" },
+  index.h("path", { d: "M8.27 9.94 5.89 7.56c-.11-.11-.23-.17-.36-.17s-.25.06-.36.17c-.11.11-.16.23-.15.37 0 .13.06.25.15.34l1.74 1.74H1.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h5.42l-1.74 1.74c-.11.11-.16.23-.16.35 0 .13.06.24.16.35.11.11.23.16.36.16.13 0 .25-.06.34-.15l2.39-2.39c.09-.09.15-.18.18-.27.04-.09.05-.19.05-.3s-.02-.21-.05-.3c-.04-.09-.1-.18-.18-.27Zm6.59-4.79c-.1-.1-.21-.14-.36-.14H9.11l1.74-1.74c.11-.11.16-.23.16-.35 0-.13-.06-.24-.16-.35a.495.495 0 0 0-.36-.16c-.13 0-.25.06-.34.15L7.76 4.95c-.09.09-.15.18-.18.27-.04.09-.05.19-.05.3s.02.21.05.3c.04.09.1.18.18.27l2.38 2.38c.11.11.23.17.36.17s.25-.06.36-.17c.11-.11.16-.23.15-.37 0-.13-.06-.25-.15-.34L9.12 6.02h5.39c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36Z" })));
+
+const Compress = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compress" },
+  index.h("path", { d: "M13.49 8.47H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 7.47h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM8.35 10.62c-.2-.2-.51-.2-.71 0l-2.12 2.12c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v2.32c0 .28.22.5.5.5s.5-.22.5-.5v-2.38l1.29 1.29c.2.2.51.2.71 0 .2-.2.2-.51 0-.71l-2.12-2.12v.01ZM7.63 5.41c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0L8.51 3.82V1.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5v2.38L6.22 2.59c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12v-.01Z" })));
+
 const Copy = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "copy" },
   index.h("path", { d: "M13.51,1h-8A1.51,1.51,0,0,0,4,2.52V4H2.51A1.5,1.5,0,0,0,1,5.5v8A1.5,1.5,0,0,0,2.51,15h8A1.5,1.5,0,0,0,12,13.5V12h1.51a1.5,1.5,0,0,0,1.5-1.5v-8A1.5,1.5,0,0,0,13.51,1ZM11,13.5a.5.5,0,0,1-.5.5h-8a.5.5,0,0,1-.5-.5v-8a.5.5,0,0,1,.5-.5h8a.5.5,0,0,1,.5.5Zm3-3a.51.51,0,0,1-.5.5H12V5.5A1.5,1.5,0,0,0,10.5,4H5V2.52a.51.51,0,0,1,.5-.5h8a.51.51,0,0,1,.5.5Z" })));
 
@@ -156,6 +187,9 @@ const CubeOrthographic = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/
 const CubePerspective = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-perspective" },
   index.h("path", { d: "M13.72,4.05l-6-3a.49.49,0,0,0-.44,0l-6,3A.51.51,0,0,0,1,4.5v7a.51.51,0,0,0,.28.45l6,3a.49.49,0,0,0,.44,0l6-3A.51.51,0,0,0,14,11.5v-7A.51.51,0,0,0,13.72,4.05ZM7,13.69l-5-2.5V5.31l5,2.5Zm.5-6.75L2.62,4.5,7.5,2.06,12.38,4.5ZM13,11.19l-5,2.5V7.81l5-2.5Z" })));
 
+const CubeStack = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-stack" },
+  index.h("path", { d: "M13.72 2.52 10.22.77a.508.508 0 0 0-.45 0l-3.5 1.75a.5.5 0 0 0-.28.45v3.81c-.08 0-.15.02-.22.05l-3.5 1.75a.5.5 0 0 0-.28.45v4.08c0 .19.11.36.28.45l3.5 1.75c.07.04.15.05.22.05s.16-.02.23-.05l7.52-3.82c.15-.1.25-.25.25-.43V2.97c0-.19-.11-.36-.28-.45ZM13 6.74l-2.46 1.23V5.03L13 3.8v2.94Zm-7.46 7.33L3 12.8V9.82l2.54 1.27v2.98Zm.5-3.85-2.4-1.2 2.37-1.18 2.4 1.2-2.37 1.18ZM9 12.78l-2.46 1.25v-2.94L9 9.86v2.92Zm.54-4.77L7 6.74V3.76l2.54 1.27v2.98ZM7.63 2.96 10 1.78l2.4 1.2-2.37 1.18-2.4-1.2Zm2.91 6.13L13 7.86v2.88l-2.46 1.25v-2.9Z" })));
+
 const Delete = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "delete" },
   index.h("path", { d: "M6.5,12a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,6.5,12Zm3,0a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,9.5,12Zm4-10H10V1.5a.47.47,0,0,0-.15-.35A.47.47,0,0,0,9.5,1h-3a.47.47,0,0,0-.35.15A.47.47,0,0,0,6,1.5V2H2.5a.5.5,0,0,0,0,1H3v9.5A2.5,2.5,0,0,0,5.5,15h5A2.5,2.5,0,0,0,13,12.5V3h.5a.5.5,0,0,0,0-1ZM12,12.5A1.5,1.5,0,0,1,10.5,14h-5A1.5,1.5,0,0,1,4,12.5V4h8Z" })));
 
@@ -171,6 +205,9 @@ const Ellipse = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", vie
 const ErrorCircle = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "error-circle" },
   index.h("path", { d: "M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.27,11.23A6,6,0,1,1,14,8,6,6,0,0,1,12.27,12.27ZM8,4a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,1,0v-5A.5.5,0,0,0,8,4Zm0,7a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Z" })));
 
+const Expand = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand" },
+  index.h("path", { d: "M13.49 13.98H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 2h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM9.76 5.97c.2.2.51.2.71 0 .2-.2.2-.51 0-.71L8.36 3.14c-.2-.2-.51-.2-.71 0L5.53 5.26c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v6.53l-1.24-1.24c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.29 1.29V4.67l1.29 1.29-.01.01Z" })));
+
 const ExpandAll = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand-all" },
   index.h("path", { d: "M14.5,6h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1ZM4,2.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,2.5ZM5.5,4h9a.5.5,0,0,0,0-1h-9a.5.5,0,0,0,0,1ZM4,8.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,8.5ZM14.5,9h-9a.5.5,0,0,0,0,1h9a.5.5,0,0,0,0-1Zm0,3h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1Z" })));
 
@@ -180,6 +217,9 @@ const Export = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", view
 const File = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "file" },
   index.h("path", { d: "M13.85,4.14l-3-3l0,0L10.69,1H10.5h-8C2.37,1,2.24,1.05,2.15,1.15C2.05,1.24,2,1.37,2,1.5v13\n\tc0,0.13,0.05,0.26,0.15,0.35C2.24,14.95,2.37,15,2.5,15h11c0.27-0.01,0.49-0.23,0.5-0.5v-10C14,4.36,13.95,4.23,13.85,4.14z\n\t M11,2.71L12.3,4H11V2.71z M13,14H3V2h7v2.5c0.01,0.27,0.23,0.49,0.5,0.5H13V14z" })));
 
+const FileFolder = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "file-folder" },
+  index.h("path", { d: "M3.5 3a.5.5 0 0 0 .5-.5V2h8v.5a.5.5 0 1 0 1 0v-1a.47.47 0 0 0-.15-.35.47.47 0 0 0-.35-.15h-9a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v1a.5.5 0 0 0 .5.5Zm-1 3a.5.5 0 0 0 .5-.5V5h10v.5a.5.5 0 1 0 1 0v-1a.51.51 0 0 0-.5-.5h-11a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v1a.5.5 0 0 0 .5.5Zm12.35 1.15A.47.47 0 0 0 14.5 7h-13a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v7a.47.47 0 0 0 .15.35.47.47 0 0 0 .35.15h13a.51.51 0 0 0 .5-.5v-7a.47.47 0 0 0-.15-.35ZM14 14H2V8h12v6Z" })));
+
 const FilePdf = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "file-pdf" },
   index.h("path", { d: "M3.88,8.5A1.4,1.4,0,0,0,2.5,7.12H1.12v4.76h.76v-2H2.5A1.4,1.4,0,0,0,3.88,8.5ZM2.5,9.12H1.88V7.88H2.5a.62.62,0,1,1,0,1.24Zm9.38-1.24V7.12H9.12v4.76h.76v-2h2V9.12h-2V7.88ZM7.8,10.5v-2A1.38,1.38,0,0,0,6.43,7.12H5.05v4.76H6.43A1.38,1.38,0,0,0,7.8,10.5Zm-.75,0a.62.62,0,0,1-.62.62H5.8V7.88h.63a.62.62,0,0,1,.62.62ZM15,4.31a.36.36,0,0,0-.11-.16l-3-3A.36.36,0,0,0,11.69,1a.41.41,0,0,0-.19,0h-8a.47.47,0,0,0-.35.15A.47.47,0,0,0,3,1.5V6H4V2h7V4.5a.51.51,0,0,0,.5.5H14v9H4V13H3V14.5a.51.51,0,0,0,.5.5h11a.51.51,0,0,0,.5-.5V4.5A.41.41,0,0,0,15,4.31ZM12,4V2.71L13.29,4Z" })));
 
@@ -310,9 +350,23 @@ const PinText = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", vie
 const PinTextFill = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-fill" },
   index.h("path", { d: "M8,15H8a.5.5,0,0,1-.42-.23L5.72,12H3.48A1.5,1.5,0,0,1,2,10.5v-8A1.5,1.5,0,0,1,3.48,1h9A1.5,1.5,0,0,1,14,2.5v8a1.5,1.5,0,0,1-1.5,1.5H10.19L8.37,14.8A.52.52,0,0,1,8,15Z" })));
 
+const PinTextSquare = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-square" },
+  index.h("path", { d: "M13.51 14.97H2.5c-.83 0-1.5-.67-1.5-1.5V2.5C1 1.67 1.67 1 2.5 1h11.01c.83 0 1.5.67 1.5 1.5v10.97c0 .83-.67 1.5-1.5 1.5ZM2.5 2c-.28 0-.5.22-.5.5v10.97c0 .28.22.5.5.5h11.01c.28 0 .5-.22.5-.5V2.5c0-.28-.22-.5-.5-.5H2.5Z" }),
+  index.h("path", { d: "m3.98 11.97 3.3-8h1.37l3.37 8h-1.04l-.88-2.01H5.9l-.91 2.01H3.98Zm4.02-7-1.76 4h3.42L8 4.97Z" })));
+
 const Plus = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus" },
   index.h("path", { d: "M14.36,7.5H8.5V1.64a.5.5,0,0,0-1,0V7.5H1.64a.5.5,0,0,0,0,1H7.5v5.86a.5.5,0,0,0,1,0V8.5h5.86a.5.5,0,0,0,0-1Z" })));
 
+const PlusWithArrow = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus-with-arrow" },
+  index.h("path", { d: "M8.58 1.46c-3.58 0-6.5 2.92-6.5 6.5H.59l2 3 2-3h-1.5c0-3.03 2.47-5.5 5.5-5.5s5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5c-1.19 0-2.32-.37-3.27-1.08a.505.505 0 0 0-.7.1c-.17.22-.12.53.1.7 1.13.84 2.46 1.28 3.87 1.28 3.58 0 6.5-2.92 6.5-6.5s-2.92-6.5-6.51-6.5Z" }),
+  index.h("path", { d: "M8.5 5.53c-.28 0-.5.22-.5.5v1.49H6.51c-.28 0-.5.22-.5.5s.22.5.5.5H8v1.51c0 .28.22.5.5.5s.5-.22.5-.5V8.52h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H9V6.03c0-.28-.22-.5-.5-.5Z" })));
+
+const PMI = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pmi" },
+  index.h("path", { d: "M14.49 6.03 4.5 6c-.28 0-.5-.22-.5-.5v-3c0-.13.05-.26.15-.35A.51.51 0 0 1 4.5 2l9.99.03c.28 0 .5.22.5.5v3c0 .13-.05.26-.15.35a.51.51 0 0 1-.35.15ZM5 5l8.99.03v-2L5 3v2Z" }),
+  index.h("path", { d: "M9.5 12.01H4.55c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H9V6.02c0-.28.22-.5.5-.5s.5.22.5.5v5.49c0 .28-.22.5-.5.5Z" }),
+  index.h("path", { d: "M3.46 15.04c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.01h-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.51.22.51.5-.22.5-.5.5Zm-3.99-.01c-.28 0-.5-.22-.5-.49 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm-6-2c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm0-2.01c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-1.97c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5c0 .29-.22.51-.5.51Zm-5.97-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5ZM3.52 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5Z" }),
+  index.h("circle", { cx: "4.49", cy: "11.53", r: "1.5" })));
+
 const PreciseMeasurement = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "precise-measurement" },
   index.h("path", { d: "m1.91 1.54 4.13 2.1c.05.03.09.07.13.11.04.04.08.09.11.15.02.05.05.11.06.18.02.06.02.13.02.19v2.02h-.64V4.27L2.1 2.53l.05 11.1 3.57-1.95V9.67h.64v2.01c0 .07 0 .13-.02.2-.01.06-.04.12-.06.18-.03.06-.07.11-.11.15-.04.04-.08.08-.13.11l-3.82 2.17c-.06.03-.14.05-.2.06-.08 0-.15-.02-.21-.05-.05-.02-.1-.06-.15-.1-.04-.05-.08-.1-.11-.16l-.05-.19-.04-11.94c0-.1.01-.19.04-.27.02-.09.07-.16.11-.23l.13-.16.17.09zM13.9 2.53l-3.62 1.74v2.02h-.64V4.27c0-.06 0-.13.02-.19.01-.07.04-.13.06-.18.03-.06.07-.11.11-.15.04-.04.08-.08.13-.11h.01l4.29-2.19.13.16c.04.07.09.14.11.23.03.08.04.17.04.26l-.04 11.95-.05.19c-.03.06-.07.11-.11.16-.05.04-.1.08-.15.1-.06.03-.13.05-.21.05a.762.762 0 0 1-.2-.06l-3.82-2.17c-.05-.03-.09-.07-.13-.11a.583.583 0 0 1-.11-.15c-.02-.06-.05-.12-.06-.18-.02-.07-.02-.13-.02-.2V9.67h.64v2.01l3.57 1.95.05-11.1z" }),
   index.h("path", { d: "m13.31 7.98-2.34-2.69v1.99H5.03V5.29L2.79 7.98l2.24 2.69v-2h5.94v2z" })));
@@ -320,6 +374,16 @@ const PreciseMeasurement = () => (index.h("svg", { xmlns: "http://www.w3.org/200
 const Rabbit = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "rabbit" },
   index.h("path", { d: "M13.5,7a.51.51,0,1,0,.35.15A.47.47,0,0,0,13.5,7Zm1.58-1.27-1.25-.62L10.9,1.2A.51.51,0,0,0,10.39,1,.52.52,0,0,0,10,1.4a9.84,9.84,0,0,0-.21,2,3.61,3.61,0,0,0,1.31,3.16l0,0H11A1.29,1.29,0,0,1,9.92,6h0A7.12,7.12,0,0,0,8.11,3.78,4.28,4.28,0,0,0,5.5,3a3.39,3.39,0,0,0-1.73.54A9.68,9.68,0,0,0,1.24,6H.5A.5.5,0,0,0,0,6.31a.47.47,0,0,0,.11.54L1,7.73A2.4,2.4,0,0,0,2,9.59a3.47,3.47,0,0,0,1.85.56h0a5.49,5.49,0,0,1,2.2.59L5.37,11A2.51,2.51,0,0,0,3,13.5a.51.51,0,0,0,.5.5h1a1.64,1.64,0,0,0,.65-.17,8.83,8.83,0,0,0,.91-.5c.28-.17.54-.33.64-.37l1.21-.48h0l.1.18,0,0h0a.51.51,0,0,0,.23.23l2,1a.49.49,0,0,0,.57-.1,1.35,1.35,0,0,0,.43-.94,1.48,1.48,0,0,0-.29-.84,2,2,0,0,0-.19-.22,3,3,0,0,0,1.73-1,2.16,2.16,0,0,0,.25-.43l.07.05A3.16,3.16,0,0,0,14.5,11a1.58,1.58,0,0,0,.86-.24,1.5,1.5,0,0,0,.57-.8A1.74,1.74,0,0,0,16,9.5V7.21A1.65,1.65,0,0,0,15.08,5.73ZM6.31,12h0c-.28.14-.65.38-1,.6a3.67,3.67,0,0,1-.51.27L4.56,13H4.09A1.51,1.51,0,0,1,5.5,12l.2,0L7,11.4a3.45,3.45,0,0,1,.28.26ZM15,9.5a.93.93,0,0,1-.08.3l-.13.13a.44.44,0,0,1-.29.07,2.1,2.1,0,0,1-1.1-.42,4.58,4.58,0,0,1-.4-.3l-.11-.1,0,0h0A.47.47,0,0,0,12.31,9,.5.5,0,0,0,12,9.5h0a1.42,1.42,0,0,1-.33.77,2.26,2.26,0,0,1-1.52.69,4,4,0,0,0,0-.68A4.8,4.8,0,0,0,9,7.2a6.53,6.53,0,0,0-1.2-1.12.5.5,0,1,0-.56.84h0A5.59,5.59,0,0,1,8.31,8a3.68,3.68,0,0,1,.89,2.32A3.49,3.49,0,0,1,9,11.34a.22.22,0,0,0,0,.11s0,0,0,.05H9a.37.37,0,0,0,0,.18v0a1,1,0,0,0,.09.13l.06,0,.08.06h0a3.63,3.63,0,0,1,.6.4,1.58,1.58,0,0,1,.31.33.37.37,0,0,1,.07.14l-1.4-.7s0-.08-.08-.15h0l-.21-.29h0a.37.37,0,0,0-.13-.17A6.08,6.08,0,0,0,3.86,9.15h0a2.5,2.5,0,0,1-1.31-.37A1.44,1.44,0,0,1,2,7.5a.47.47,0,0,0-.15-.35L1.67,7a.56.56,0,0,0,.25-.18v0A11.44,11.44,0,0,1,3.24,5.22,3.68,3.68,0,0,1,5.5,4a3.21,3.21,0,0,1,2,.59A6.3,6.3,0,0,1,9.07,6.47h0A2.27,2.27,0,0,0,11,7.54a2.14,2.14,0,0,0,1-.23h0L12.72,7a.5.5,0,0,0-.22-1h0a1.62,1.62,0,0,1-.89-.36,2.7,2.7,0,0,1-.81-2.29c0-.17,0-.38,0-.58l2.27,3,.18.15,1.36.68a.66.66,0,0,1,.36.58Z" })));
 
+const Report = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "report" },
+  index.h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
+    index.h("g", { transform: "translate(2, 2)", fill: "currentColor", "fill-rule": "nonzero" },
+      index.h("path", { d: "M10.99,0 L1,0 C0.45,0 0,0.45 0,1 L0,11 C0,11.55 0.45,12 1,12 L10.99,12 C11.54,12 11.99,11.55 11.99,11 L11.99,1 C11.99,0.45 11.54,0 10.99,0 L10.99,0 Z M10.99,11 L1,11 L1,1 L10.99,1 L10.99,11 Z" }),
+      index.h("path", { d: "M8.49,7.02 C8.77,7.02 8.99,6.8 8.99,6.52 L8.99,2.93 C8.99,2.65 8.77,2.43 8.49,2.43 C8.21,2.43 7.99,2.65 7.99,2.93 L7.99,6.52 C7.99,6.8 8.21,7.02 8.49,7.02 Z" }),
+      index.h("path", { d: "M5.99,3.51 C5.99,3.23 5.77,3.01 5.49,3.01 L3.46,3.01 C3.18,3.01 2.96,3.23 2.96,3.51 C2.96,3.79 3.18,4.01 3.46,4.01 L5.49,4.01 C5.77,4.01 5.99,3.79 5.99,3.51 Z" }),
+      index.h("path", { d: "M5.99,6.01 C5.99,5.73 5.77,5.51 5.49,5.51 L3.46,5.51 C3.18,5.51 2.96,5.73 2.96,6.01 C2.96,6.29 3.18,6.51 3.46,6.51 L5.49,6.51 C5.77,6.51 5.99,6.29 5.99,6.01 Z" }),
+      index.h("path", { d: "M5.99,8.51 C5.99,8.23 5.77,8.01 5.49,8.01 L3.46,8.01 C3.18,8.01 2.96,8.23 2.96,8.51 C2.96,8.79 3.18,9.01 3.46,9.01 L5.49,9.01 C5.77,9.01 5.99,8.79 5.99,8.51 Z" }),
+      index.h("path", { d: "M8.53,9.59 C8.7,9.59 8.85,9.53 8.97,9.41 C9.09,9.29 9.15,9.15 9.15,8.97 C9.15,8.79 9.09,8.65 8.97,8.53 C8.85,8.41 8.71,8.35 8.53,8.35 C8.35,8.35 8.21,8.41 8.09,8.53 C7.97,8.65 7.91,8.79 7.91,8.97 C7.91,9.15 7.97,9.29 8.09,9.41 C8.21,9.53 8.35,9.59 8.53,9.59 Z" })))));
+
 const Reset = () => (index.h("svg", { "data-testid": "reset", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
   index.h("path", { d: "M8,2A6,6,0,0,0,2,8H0l2.5,3.5L5,8H3A5,5,0,1,1,13,8a.41.41,0,0,0,0,.19.54.54,0,0,0,.1.16h0a.54.54,0,0,0,.16.1.47.47,0,0,0,.38,0A.51.51,0,0,0,14,8.19.41.41,0,0,0,14,8,6,6,0,0,0,8,2ZM9.93,12.62h0a.5.5,0,0,0,.38.92h0a.5.5,0,0,0,.27-.66A.49.49,0,0,0,9.93,12.62ZM8,13a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,13Zm5.28-3.37a.51.51,0,0,0-.66.28h0a.51.51,0,0,0,.27.66.5.5,0,0,0,.65-.27h0A.52.52,0,0,0,13.28,9.63Zm-1.74,1.9h0a.5.5,0,0,0,0,.71.48.48,0,0,0,.7,0h0a.48.48,0,0,0,0-.7A.5.5,0,0,0,11.54,11.53Z" })));
 
@@ -341,6 +405,9 @@ const ShowOnlyNearby = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const Snapshots = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "snapshots" },
   index.h("path", { d: "M13.5,2h-3A1.5,1.5,0,0,0,9,3.5v2A1.5,1.5,0,0,0,10.5,7h3A1.5,1.5,0,0,0,15,5.5v-2A1.5,1.5,0,0,0,13.5,2ZM14,5.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM13.5,9h-3A1.5,1.5,0,0,0,9,10.5v2A1.5,1.5,0,0,0,10.5,14h3A1.5,1.5,0,0,0,15,12.5v-2A1.5,1.5,0,0,0,13.5,9Zm.5,3.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM5.5,9h-3A1.5,1.5,0,0,0,1,10.5v2A1.5,1.5,0,0,0,2.5,14h3A1.5,1.5,0,0,0,7,12.5v-2A1.5,1.5,0,0,0,5.5,9ZM6,12.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM5.5,2h-3A1.5,1.5,0,0,0,1,3.5v2A1.5,1.5,0,0,0,2.5,7h3A1.5,1.5,0,0,0,7,5.5v-2A1.5,1.5,0,0,0,5.5,2ZM6,5.5a.5.5,0,0,1-.5.5h-3A.5.5,0,0,1,2,5.5v-2A.5.5,0,0,1,2.5,3h3a.5.5,0,0,1,.5.5Z" })));
 
+const SquareDotOutline = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "square-dot-outline" },
+  index.h("path", { d: "M11 4.53c0-.28-.22-.5-.5-.5L4.51 4a.47.47 0 0 0-.35.15.51.51 0 0 0-.15.35v6.02c0 .28.22.5.5.5l5.99.03c.13 0 .26-.05.35-.15a.51.51 0 0 0 .15-.35V4.53Zm-1 5.52-4.99-.03V5l4.99.03v5.02ZM3.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM5.49 13c-.28 0-.5.22-.5.5s.22.5.5.5h.01c.28 0 .5-.22.5-.5s-.23-.5-.51-.5ZM1.5 7c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 9c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 11c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 13c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM7.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM9.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM11.49 13c-.28 0-.5.22-.5.5s.22.5.5.5h.01c.28 0 .5-.22.5-.5s-.23-.5-.51-.5ZM13.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM1.5 5c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 3c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 7c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 9c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 11c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 5c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 3c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM7.5 2c.28 0 .5-.22.5-.5 0-.29-.22-.5-.5-.5s-.5.23-.5.5.22.5.5.5ZM1.51 1H1.5c-.28 0-.5.22-.5.5s.23.5.51.5.5-.22.5-.5-.22-.5-.5-.5ZM3.5 1c-.28 0-.5.22-.5.5s.23.5.5.5.5-.22.5-.5-.22-.5-.5-.5ZM5.51 2c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H5.5c-.28 0-.5.22-.5.5s.23.5.51.5ZM13.5 1c-.28 0-.5.23-.5.5s.22.5.5.5.5-.22.5-.5c0-.29-.22-.5-.5-.5ZM9.5 2c.28 0 .5-.22.5-.5S9.78 1 9.5 1s-.5.22-.5.5.23.5.5.5ZM11.5 1h-.01c-.28 0-.5.22-.5.5s.23.5.51.5.5-.22.5-.5-.22-.5-.5-.5Z" })));
+
 const Star = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "star" },
   index.h("path", { d: "M14.78,6.43a.49.49,0,0,0-.4-.34l-4.1-.6L8.45,1.78a.5.5,0,0,0-.9,0L5.72,5.49l-4.1.6a.49.49,0,0,0-.4.34.5.5,0,0,0,.12.51l3,2.89-.7,4.09a.48.48,0,0,0,.2.48.47.47,0,0,0,.52,0L8,12.52l3.67,1.92a.47.47,0,0,0,.52,0,.48.48,0,0,0,.2-.48l-.7-4.09,3-2.89A.5.5,0,0,0,14.78,6.43Zm-4,2.87a.49.49,0,0,0-.15.44l.57,3.35-3-1.58a.47.47,0,0,0-.46,0l-3,1.58.57-3.35a.49.49,0,0,0-.15-.44L2.77,6.93l3.35-.48a.52.52,0,0,0,.38-.28l1.5-3,1.5,3a.52.52,0,0,0,.38.28l3.35.48Z" })));
 
@@ -361,9 +428,15 @@ const TeleportToward = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const Turtle = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "turtle" },
   index.h("path", { d: "M13.5,5a.5.5,0,0,0-.35.85.5.5,0,1,0,.7-.7A.47.47,0,0,0,13.5,5Zm2.18-.92a2.15,2.15,0,0,0-.43-.74A1.08,1.08,0,0,0,14.5,3h-2a1.08,1.08,0,0,0-.75.34,2.67,2.67,0,0,0-.57,1.22c0,.06,0,.15,0,.22a3.85,3.85,0,0,0-1.06-1.07A4.62,4.62,0,0,0,7.5,3a4.93,4.93,0,0,0-3.2,1,6.24,6.24,0,0,0-2,3.43A9.75,9.75,0,0,0,2,9.18l-1.73.87A.5.5,0,0,0,.5,11H3.33l.27.18-.55,1.1a.51.51,0,0,0,0,.48A.52.52,0,0,0,3.5,13h2a.51.51,0,0,0,.5-.5v-.6a11,11,0,0,0,1.5.1,7.78,7.78,0,0,0,2.5-.38v.88a.51.51,0,0,0,.5.5h2a.52.52,0,0,0,.43-.24.51.51,0,0,0,0-.48l-.89-1.78A6.11,6.11,0,0,0,13.86,8H15.5a.51.51,0,0,0,.5-.5v-1A7.36,7.36,0,0,0,15.68,4.08ZM3,9.17H3A8,8,0,0,1,3.7,6.43,4.48,4.48,0,0,1,5,4.74,4,4,0,0,1,7.5,4a3.55,3.55,0,0,1,2,.54,3.27,3.27,0,0,1,1.27,1.84,4.72,4.72,0,0,1,.17.81,1.7,1.7,0,0,1,0,.21,3.75,3.75,0,0,1-1.72,2,5.38,5.38,0,0,1-2.47.53A10.75,10.75,0,0,1,4,9.46C3.57,9.36,3.25,9.25,3,9.17ZM5,12H4.31l.21-.42.48.14Zm6,0v-.72a.24.24,0,0,0,0-.08l.24-.13.46.93Zm4-5H13.5a.51.51,0,0,0-.49.38h0a4.78,4.78,0,0,1-1.09,1.88A5.71,5.71,0,0,1,7.5,11a8.87,8.87,0,0,1-2.1-.22,9.13,9.13,0,0,0,1.4.11,6.27,6.27,0,0,0,2.94-.65A4.78,4.78,0,0,0,12,7.7h0l0-.19v-1a6.55,6.55,0,0,1,.26-2.08A1.38,1.38,0,0,1,12.47,4l0,0h2a.41.41,0,0,1,.11.12A5.06,5.06,0,0,1,15,6.5Z" })));
 
+const Update = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "update" },
+  index.h("path", { d: "M11.27 12.42A5.5 5.5 0 0 1 2.5 8H4L2 5 0 8h1.5A6.5 6.5 0 0 0 8 14.5a6.42 6.42 0 0 0 3.87-1.28.5.5 0 1 0-.6-.8ZM14.5 8A6.5 6.5 0 0 0 8 1.5a6.42 6.42 0 0 0-3.87 1.28.5.5 0 0 0 .6.8A5.5 5.5 0 0 1 13.5 8H12l2 3 2-3h-1.5Z" })));
+
 const VersionHistory = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "version-history" },
   index.h("path", { d: "M7.91,5.5a.5.5,0,0,0-.5.5V8.94l1.21,1.39a.5.5,0,0,0,.76-.66l-1-1.11V6A.5.5,0,0,0,7.91,5.5ZM8,1.5A6.5,6.5,0,0,0,1.5,8H0l2,3L4,8H2.5a5.5,5.5,0,1,1,2.23,4.42.5.5,0,0,0-.7.1.5.5,0,0,0,.1.7A6.42,6.42,0,0,0,8,14.5a6.5,6.5,0,0,0,0-13Z" })));
 
+const Views = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "views" },
+  index.h("path", { d: "M12.49 5.97v-.03c0-.07-.02-.13-.05-.19a.27.27 0 0 0-.07-.08.284.284 0 0 0-.1-.09c-.02-.01-.02-.03-.04-.04L8.27 3.56a.508.508 0 0 0-.45 0L3.9 5.51c-.11.03-.21.11-.28.22l-.02.02-.01.02c-.03.07-.05.13-.05.2 0 .01-.01.02-.01.04v4.63c0 .19.11.36.28.45l4 1.99h.01a.465.465 0 0 0 .42 0h.01l3.97-1.96a.5.5 0 0 0 .28-.45L12.48 6l.01-.03ZM8.04 4.55l2.84 1.42-2.83 1.45-2.88-1.44 2.87-1.43ZM4.53 6.78l3 1.5v3.52l-3-1.5V6.77v.01Zm4.01 5.02V8.29l2.96-1.51v3.55L8.54 11.8ZM1.5 5c-.28 0-.5-.22-.5-.5V1h3.5c.28 0 .5.22.5.5s-.22.5-.5.5H2v2.5c0 .28-.22.5-.5.5Zm0 5.99c-.28 0-.5.22-.5.5v3.5h3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H2v-2.5c0-.28-.22-.5-.5-.5ZM14.5 5c.28 0 .5-.22.5-.5V1h-3.5c-.28 0-.5.22-.5.5s.22.5.5.5H14v2.5c0 .28.22.5.5.5Zm0 5.99c.28 0 .5.22.5.5v3.5h-3.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H14v-2.5c0-.28.22-.5.5-.5Z" })));
+
 const VisibilityHidden = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "visibility-hidden" },
   index.h("path", { d: "M13.35,2.65a.48.48,0,0,0-.7,0l-.78.77a8.71,8.71,0,0,0-8.52.41A6.57,6.57,0,0,0,.51,7.89v.22a6.58,6.58,0,0,0,2.71,4l-.57.58a.49.49,0,0,0,.7.7l10-10A.48.48,0,0,0,13.35,2.65ZM9.73,5.56A3,3,0,0,0,5.56,9.73L3.94,11.35l0,0A5.49,5.49,0,0,1,1.53,8,5.49,5.49,0,0,1,3.9,4.67,7.52,7.52,0,0,1,8,3.5a7.67,7.67,0,0,1,3.12.67Zm3.61-1.2-.72.72A5.45,5.45,0,0,1,14.47,8a5.49,5.49,0,0,1-2.37,3.33A7.52,7.52,0,0,1,8,12.5a8.15,8.15,0,0,1-2.41-.38l-.78.78A8.9,8.9,0,0,0,8,13.5a8.53,8.53,0,0,0,4.65-1.33,6.57,6.57,0,0,0,2.84-4.06V7.89A6.56,6.56,0,0,0,13.34,4.36Z" })));
 
@@ -400,12 +473,16 @@ function getSvg(name) {
       return index.h(Annotation, null);
     case 'arrow-filled':
       return index.h(ArrowFilled, null);
+    case 'arrow-left-circled':
+      return index.h(ArrowLeftCircled, null);
     case 'arrow-line-left':
       return index.h(ArrowLineLeft, null);
     case 'arrow-line-right':
       return index.h(ArrowLineRight, null);
     case 'arrow-partial':
       return index.h(ArrowPartial, null);
+    case 'arrow-right-circled':
+      return index.h(ArrowRightCircled, null);
     case 'arrow-triangle-left':
       return index.h(ArrowTriangleLeft, null);
     case 'arrow-triangle-right':
@@ -428,6 +505,8 @@ function getSvg(name) {
       return index.h(BoxSelect, null);
     case 'camera':
       return index.h(Camera, null);
+    case 'camera-add':
+      return index.h(CameraAdd, null);
     case 'caret-down':
       return index.h(CaretDown, null);
     case 'caret-left':
@@ -436,6 +515,8 @@ function getSvg(name) {
       return index.h(CaretRight, null);
     case 'caret-up':
       return index.h(CaretUp, null);
+    case 'caution':
+      return index.h(Caution, null);
     case 'check':
       return index.h(Check, null);
     case 'check-circle':
@@ -460,6 +541,8 @@ function getSvg(name) {
       return index.h(CollapseAll, null);
     case 'columns':
       return index.h(Columns, null);
+    case 'columns-add':
+      return index.h(ColumnsAdd, null);
     case 'comment-add':
       return index.h(CommentAdd, null);
     case 'comment-filled':
@@ -470,6 +553,10 @@ function getSvg(name) {
       return index.h(CommentResolve, null);
     case 'comment-show':
       return index.h(CommentShow, null);
+    case 'compare':
+      return index.h(Compare, null);
+    case 'compress':
+      return index.h(Compress, null);
     case 'copy':
       return index.h(Copy, null);
     case 'cross-section':
@@ -478,6 +565,8 @@ function getSvg(name) {
       return index.h(CubeOrthographic, null);
     case 'cube-perspective':
       return index.h(CubePerspective, null);
+    case 'cube-stack':
+      return index.h(CubeStack, null);
     case 'delete':
       return index.h(Delete, null);
     case 'download':
@@ -488,12 +577,16 @@ function getSvg(name) {
       return index.h(Ellipse, null);
     case 'error-circle':
       return index.h(ErrorCircle, null);
+    case 'expand':
+      return index.h(Expand, null);
     case 'expand-all':
       return index.h(ExpandAll, null);
     case 'export':
       return index.h(Export, null);
     case 'file':
       return index.h(File, null);
+    case 'file-folder':
+      return index.h(FileFolder, null);
     case 'file-pdf':
       return index.h(FilePdf, null);
     case 'fit-all':
@@ -558,12 +651,20 @@ function getSvg(name) {
       return index.h(PinText, null);
     case 'pin-text-fill':
       return index.h(PinTextFill, null);
+    case 'pin-text-square':
+      return index.h(PinTextSquare, null);
     case 'plus':
       return index.h(Plus, null);
+    case 'plus-with-arrow':
+      return index.h(PlusWithArrow, null);
+    case 'pmi':
+      return index.h(PMI, null);
     case 'precise-measurement':
       return index.h(PreciseMeasurement, null);
     case 'rabbit':
       return index.h(Rabbit, null);
+    case 'report':
+      return index.h(Report, null);
     case 'reset':
       return index.h(Reset, null);
     case 'resize':
@@ -580,6 +681,8 @@ function getSvg(name) {
       return index.h(Snapshots, null);
     case 'star':
       return index.h(Star, null);
+    case 'square-dot-outline':
+      return index.h(SquareDotOutline, null);
     case 'tape-measure':
       return index.h(TapeMeasure, null);
     case 'teleport-and-align':
@@ -590,8 +693,12 @@ function getSvg(name) {
       return index.h(Teleport, null);
     case 'turtle':
       return index.h(Turtle, null);
+    case 'update':
+      return index.h(Update, null);
     case 'version-history':
       return index.h(VersionHistory, null);
+    case 'views':
+      return index.h(Views, null);
     case 'visibility-hidden':
       return index.h(VisibilityHidden, null);
     case 'visibility-partial':