@vertexvis/ui 0.1.0-testing.8 → 0.1.0

package/dist/collection/components/color-swatch/lib.js

@@ -0,0 +1,5 @@
+const hexRegex = /^(#|0x)?([A-Fa-f0-9]{6})$/;
+export function isValidHexColor(color) {
+  const match = color != null ? hexRegex.exec(color) : undefined;
+  return match != null && match.length > 0;
+}

package/dist/collection/components/dialog/dialog.css

@@ -71,7 +71,6 @@
 .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;
 }

package/dist/collection/components/icon/icon-helper.js

@@ -6,9 +6,11 @@ import { AlignToSurface } from './icons/align-to-surface';
 import { AlignViewToPlane } from './icons/align-view-to-plane';
 import { Annotation } from './icons/annotation';
 import { ArrowFilled } from './icons/arrow-filled';
+import { ArrowLeftCircled } from './icons/arrow-left-circled';
 import { ArrowLineLeft } from './icons/arrow-line-left';
 import { ArrowLineRight } from './icons/arrow-line-right';
 import { ArrowPartial } from './icons/arrow-partial';
+import { ArrowRightCircled } from './icons/arrow-right-circled';
 import { ArrowTriangleLeft } from './icons/arrow-triangle-left';
 import { ArrowTriangleRight } from './icons/arrow-triangle-right';
 import { ArrowUpCircled } from './icons/arrow-up-circled';
@@ -20,10 +22,12 @@ import { Back } from './icons/back';
 import { BoxCursor } from './icons/box-cursor';
 import { BoxSelect } from './icons/box-select';
 import { Camera } from './icons/camera';
+import { CameraAdd } from './icons/camera-add';
 import { CaretDown } from './icons/caret-down';
 import { CaretLeft } from './icons/caret-left';
 import { CaretRight } from './icons/caret-right';
 import { CaretUp } from './icons/caret-up';
+import { Caution } from './icons/caution';
 import { Check } from './icons/check';
 import { CheckCircle } from './icons/check-circle';
 import { ChevronDown } from './icons/chevron-down';
@@ -36,23 +40,29 @@ import { CloseCircle } from './icons/close-circle';
 import { CloseCircleFill } from './icons/close-circle-fill';
 import { CollapseAll } from './icons/collapse-all';
 import { Columns } from './icons/columns';
+import { ColumnsAdd } from './icons/columns-add';
 import { CommentAdd } from './icons/comment-add';
 import { CommentFilled } from './icons/comment-filled';
 import { CommentReopen } from './icons/comment-reopen';
 import { CommentResolve } from './icons/comment-resolve';
 import { CommentShow } from './icons/comment-show';
+import { Compare } from './icons/compare';
+import { Compress } from './icons/compress';
 import { Copy } from './icons/copy';
 import { CrossSection } from './icons/cross-section';
 import { CubeOrthographic } from './icons/cube-orthographic';
 import { CubePerspective } from './icons/cube-perspective';
+import { CubeStack } from './icons/cube-stack';
 import { Delete } from './icons/delete';
 import { Download } from './icons/download';
 import { DragIndicator } from './icons/drag-indicator';
 import { Ellipse } from './icons/ellipse';
 import { ErrorCircle } from './icons/error-circle';
+import { Expand } from './icons/expand';
 import { ExpandAll } from './icons/expand-all';
 import { Export } from './icons/export';
 import { File } from './icons/file';
+import { FileFolder } from './icons/file-folder';
 import { FilePdf } from './icons/file-pdf';
 import { FitAll } from './icons/fit-all';
 import { FitSelected } from './icons/fit-selected';
@@ -85,9 +95,13 @@ import { PinFill } from './icons/pin-fill';
 import { PinLine } from './icons/pin-line';
 import { PinText } from './icons/pin-text';
 import { PinTextFill } from './icons/pin-text-fill';
+import { PinTextSquare } from './icons/pin-text-square';
 import { Plus } from './icons/plus';
+import { PlusWithArrow } from './icons/plus-with-arrow';
+import { PMI } from './icons/pmi';
 import { PreciseMeasurement } from './icons/precise-measurement';
 import { Rabbit } from './icons/rabbit';
+import { Report } from './icons/report';
 import { Reset } from './icons/reset';
 import { Resize } from './icons/resize';
 import { Rotate } from './icons/rotate';
@@ -95,13 +109,16 @@ import { Ruler } from './icons/ruler';
 import { Search } from './icons/search';
 import { ShowOnlyNearby } from './icons/show-only-nearby';
 import { Snapshots } from './icons/snapshots';
+import { SquareDotOutline } from './icons/square-dot-outline';
 import { Star } from './icons/star';
 import { TapeMeasure } from './icons/tape-measure';
 import { Teleport } from './icons/teleport';
 import { TeleportAndAlign } from './icons/teleport-and-align';
 import { TeleportToward } from './icons/teleport-toward';
 import { Turtle } from './icons/turtle';
+import { Update } from './icons/update';
 import { VersionHistory } from './icons/version-history';
+import { Views } from './icons/views';
 import { VisibilityHidden } from './icons/visibility-hidden';
 import { VisibilityPartial } from './icons/visibility-partial';
 import { VisibilityVisible } from './icons/visibility-visible';
@@ -122,12 +139,16 @@ export function getSvg(name) {
       return h(Annotation, null);
     case 'arrow-filled':
       return h(ArrowFilled, null);
+    case 'arrow-left-circled':
+      return h(ArrowLeftCircled, null);
     case 'arrow-line-left':
       return h(ArrowLineLeft, null);
     case 'arrow-line-right':
       return h(ArrowLineRight, null);
     case 'arrow-partial':
       return h(ArrowPartial, null);
+    case 'arrow-right-circled':
+      return h(ArrowRightCircled, null);
     case 'arrow-triangle-left':
       return h(ArrowTriangleLeft, null);
     case 'arrow-triangle-right':
@@ -150,6 +171,8 @@ export function getSvg(name) {
       return h(BoxSelect, null);
     case 'camera':
       return h(Camera, null);
+    case 'camera-add':
+      return h(CameraAdd, null);
     case 'caret-down':
       return h(CaretDown, null);
     case 'caret-left':
@@ -158,6 +181,8 @@ export function getSvg(name) {
       return h(CaretRight, null);
     case 'caret-up':
       return h(CaretUp, null);
+    case 'caution':
+      return h(Caution, null);
     case 'check':
       return h(Check, null);
     case 'check-circle':
@@ -182,6 +207,8 @@ export function getSvg(name) {
       return h(CollapseAll, null);
     case 'columns':
       return h(Columns, null);
+    case 'columns-add':
+      return h(ColumnsAdd, null);
     case 'comment-add':
       return h(CommentAdd, null);
     case 'comment-filled':
@@ -192,6 +219,10 @@ export function getSvg(name) {
       return h(CommentResolve, null);
     case 'comment-show':
       return h(CommentShow, null);
+    case 'compare':
+      return h(Compare, null);
+    case 'compress':
+      return h(Compress, null);
     case 'copy':
       return h(Copy, null);
     case 'cross-section':
@@ -200,6 +231,8 @@ export function getSvg(name) {
       return h(CubeOrthographic, null);
     case 'cube-perspective':
       return h(CubePerspective, null);
+    case 'cube-stack':
+      return h(CubeStack, null);
     case 'delete':
       return h(Delete, null);
     case 'download':
@@ -210,12 +243,16 @@ export function getSvg(name) {
       return h(Ellipse, null);
     case 'error-circle':
       return h(ErrorCircle, null);
+    case 'expand':
+      return h(Expand, null);
     case 'expand-all':
       return h(ExpandAll, null);
     case 'export':
       return h(Export, null);
     case 'file':
       return h(File, null);
+    case 'file-folder':
+      return h(FileFolder, null);
     case 'file-pdf':
       return h(FilePdf, null);
     case 'fit-all':
@@ -280,12 +317,20 @@ export function getSvg(name) {
       return h(PinText, null);
     case 'pin-text-fill':
       return h(PinTextFill, null);
+    case 'pin-text-square':
+      return h(PinTextSquare, null);
     case 'plus':
       return h(Plus, null);
+    case 'plus-with-arrow':
+      return h(PlusWithArrow, null);
+    case 'pmi':
+      return h(PMI, null);
     case 'precise-measurement':
       return h(PreciseMeasurement, null);
     case 'rabbit':
       return h(Rabbit, null);
+    case 'report':
+      return h(Report, null);
     case 'reset':
       return h(Reset, null);
     case 'resize':
@@ -302,6 +347,8 @@ export function getSvg(name) {
       return h(Snapshots, null);
     case 'star':
       return h(Star, null);
+    case 'square-dot-outline':
+      return h(SquareDotOutline, null);
     case 'tape-measure':
       return h(TapeMeasure, null);
     case 'teleport-and-align':
@@ -312,8 +359,12 @@ export function getSvg(name) {
       return h(Teleport, null);
     case 'turtle':
       return h(Turtle, null);
+    case 'update':
+      return h(Update, null);
     case 'version-history':
       return h(VersionHistory, null);
+    case 'views':
+      return h(Views, null);
     case 'visibility-hidden':
       return h(VisibilityHidden, null);
     case 'visibility-partial':

package/dist/collection/components/icon/icon.js

@@ -33,7 +33,7 @@ export class Icon {
         "mutable": false,
         "complexType": {
           "original": "IconName",
-          "resolved": "\"help\" | \"open\" | \"info\" | \"copy\" | \"menu\" | \"ellipse\" | \"line\" | \"download\" | \"rotate\" | \"close\" | \"flip\" | \"reset\" | \"resize\" | \"search\" | \"caret-down\" | \"caret-up\" | \"adjustments\" | \"align-to-global\" | \"align-to-part\" | \"align-to-surface\" | \"align-view-to-plane\" | \"annotation\" | \"arrow-filled\" | \"arrow-line-left\" | \"arrow-line-right\" | \"arrow-partial\" | \"arrow-triangle-left\" | \"arrow-triangle-right\" | \"arrow-up-circled\" | \"attachment\" | \"axis-x\" | \"axis-y\" | \"axis-z\" | \"back\" | \"box-cursor\" | \"box-select\" | \"camera\" | \"caret-left\" | \"check\" | \"check-circle\" | \"caret-right\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"circle-outline\" | \"close-circle-fill\" | \"close-circle\" | \"collapse-all\" | \"columns\" | \"comment-add\" | \"comment-filled\" | \"comment-reopen\" | \"comment-resolve\" | \"comment-show\" | \"cross-section\" | \"cube-orthographic\" | \"cube-perspective\" | \"delete\" | \"drag-indicator\" | \"error-circle\" | \"expand-all\" | \"export\" | \"file\" | \"file-pdf\" | \"fit-all\" | \"fit-selected\" | \"folder-plus\" | \"forward\" | \"gear\" | \"invert\" | \"line-dot-left\" | \"line-dot-right\" | \"line-hash-left\" | \"line-hash-right\" | \"locate\" | \"markup\" | \"notification\" | \"open-window\" | \"pan\" | \"pencil\" | \"person-height\" | \"person-run\" | \"person-short\" | \"person-tall\" | \"person-walk\" | \"pin-fill\" | \"pin-line\" | \"pin-text\" | \"pin-text-fill\" | \"plus\" | \"precise-measurement\" | \"rabbit\" | \"ruler\" | \"show-only-nearby\" | \"snapshots\" | \"star\" | \"tape-measure\" | \"teleport-and-align\" | \"teleport-toward\" | \"teleport\" | \"turtle\" | \"version-history\" | \"visibility-hidden\" | \"visibility-partial\" | \"visibility-visible\" | \"zoom\"",
+          "resolved": "\"compare\" | \"help\" | \"open\" | \"expand\" | \"info\" | \"copy\" | \"menu\" | \"ellipse\" | \"line\" | \"download\" | \"rotate\" | \"close\" | \"flip\" | \"reset\" | \"resize\" | \"search\" | \"caret-down\" | \"caret-up\" | \"adjustments\" | \"align-to-global\" | \"align-to-part\" | \"align-to-surface\" | \"align-view-to-plane\" | \"annotation\" | \"arrow-filled\" | \"arrow-left-circled\" | \"arrow-line-left\" | \"arrow-line-right\" | \"arrow-partial\" | \"arrow-right-circled\" | \"arrow-triangle-left\" | \"arrow-triangle-right\" | \"arrow-up-circled\" | \"attachment\" | \"axis-x\" | \"axis-y\" | \"axis-z\" | \"back\" | \"box-cursor\" | \"box-select\" | \"camera\" | \"camera-add\" | \"caret-left\" | \"caution\" | \"check\" | \"check-circle\" | \"caret-right\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"circle-outline\" | \"close-circle-fill\" | \"close-circle\" | \"collapse-all\" | \"columns\" | \"columns-add\" | \"comment-add\" | \"comment-filled\" | \"comment-reopen\" | \"comment-resolve\" | \"comment-show\" | \"compress\" | \"cross-section\" | \"cube-orthographic\" | \"cube-perspective\" | \"cube-stack\" | \"delete\" | \"drag-indicator\" | \"error-circle\" | \"expand-all\" | \"export\" | \"file\" | \"file-folder\" | \"file-pdf\" | \"fit-all\" | \"fit-selected\" | \"folder-plus\" | \"forward\" | \"gear\" | \"invert\" | \"line-dot-left\" | \"line-dot-right\" | \"line-hash-left\" | \"line-hash-right\" | \"locate\" | \"markup\" | \"notification\" | \"open-window\" | \"pan\" | \"pencil\" | \"person-height\" | \"person-run\" | \"person-short\" | \"person-tall\" | \"person-walk\" | \"pin-fill\" | \"pin-line\" | \"pin-text\" | \"pin-text-fill\" | \"pin-text-square\" | \"plus\" | \"plus-with-arrow\" | \"pmi\" | \"precise-measurement\" | \"rabbit\" | \"report\" | \"ruler\" | \"show-only-nearby\" | \"snapshots\" | \"star\" | \"square-dot-outline\" | \"tape-measure\" | \"teleport-and-align\" | \"teleport-toward\" | \"teleport\" | \"turtle\" | \"update\" | \"version-history\" | \"views\" | \"visibility-hidden\" | \"visibility-partial\" | \"visibility-visible\" | \"zoom\"",
           "references": {
             "IconName": {
               "location": "import",

package/dist/collection/components/icon/icons/arrow-left-circled.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const ArrowLeftCircled = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-left-circled" }, h("g", { fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1" }, h("path", { d: "m1.2594 8 3.6867-4.1402z" }), h("path", { d: "m1.2594 8h13.553z" }), h("path", { d: "m1.2594 8 3.6867 4.1402z" })), 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" })));

package/dist/collection/components/icon/icons/arrow-right-circled.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const ArrowRightCircled = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "arrow-right-circled" }, h("g", { fill: "none", stroke: "currentColor", "stroke-linejoin": "round", "stroke-width": "1" }, h("path", { d: "m11.753 8-3.6867-3.1402z" }), h("path", { d: "m11.753 8h-7.553z" }), h("path", { d: "m11.753 8-3.6867 3.1402z" })), 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" })));

package/dist/collection/components/icon/icons/camera-add.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const CameraAdd = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "camera-add" }, 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" })));

package/dist/collection/components/icon/icons/caution.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Caution = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caution" }, 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" })));

package/dist/collection/components/icon/icons/columns-add.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const ColumnsAdd = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "columns-add" }, h("g", null, 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" }), 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" }))));

package/dist/collection/components/icon/icons/compare.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Compare = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compare" }, 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" })));

package/dist/collection/components/icon/icons/compress.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Compress = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compress" }, 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" })));

package/dist/collection/components/icon/icons/cube-stack.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const CubeStack = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-stack" }, 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" })));

package/dist/collection/components/icon/icons/expand.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Expand = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand" }, 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" })));

package/dist/collection/components/icon/icons/file-folder.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const FileFolder = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "file-folder" }, 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" })));

package/dist/collection/components/icon/icons/pin-text-square.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const PinTextSquare = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-square" }, 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" }), 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" })));

package/dist/collection/components/icon/icons/plus-with-arrow.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const PlusWithArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus-with-arrow" }, 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" }), 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" })));

package/dist/collection/components/icon/icons/pmi.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const PMI = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pmi" }, 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" }), 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" }), 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" }), h("circle", { cx: "4.49", cy: "11.53", r: "1.5" })));

package/dist/collection/components/icon/icons/report.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Report = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "report" }, h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(2, 2)", fill: "currentColor", "fill-rule": "nonzero" }, 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" }), 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" }), 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" }), 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" }), 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" }), 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" })))));

package/dist/collection/components/icon/icons/square-dot-outline.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const SquareDotOutline = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "square-dot-outline" }, 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" })));

package/dist/collection/components/icon/icons/update.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Update = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "update" }, 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" })));

package/dist/collection/components/icon/icons/views.js

@@ -0,0 +1,2 @@
+import { h } from '@stencil/core';
+export const Views = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "views" }, 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" })));

package/dist/collection/components/icon-button/icon-button.js

@@ -50,7 +50,7 @@ export class IconButton {
         "mutable": false,
         "complexType": {
           "original": "IconName",
-          "resolved": "\"help\" | \"open\" | \"info\" | \"copy\" | \"menu\" | \"ellipse\" | \"line\" | \"download\" | \"rotate\" | \"close\" | \"flip\" | \"reset\" | \"resize\" | \"search\" | \"caret-down\" | \"caret-up\" | \"adjustments\" | \"align-to-global\" | \"align-to-part\" | \"align-to-surface\" | \"align-view-to-plane\" | \"annotation\" | \"arrow-filled\" | \"arrow-line-left\" | \"arrow-line-right\" | \"arrow-partial\" | \"arrow-triangle-left\" | \"arrow-triangle-right\" | \"arrow-up-circled\" | \"attachment\" | \"axis-x\" | \"axis-y\" | \"axis-z\" | \"back\" | \"box-cursor\" | \"box-select\" | \"camera\" | \"caret-left\" | \"check\" | \"check-circle\" | \"caret-right\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"circle-outline\" | \"close-circle-fill\" | \"close-circle\" | \"collapse-all\" | \"columns\" | \"comment-add\" | \"comment-filled\" | \"comment-reopen\" | \"comment-resolve\" | \"comment-show\" | \"cross-section\" | \"cube-orthographic\" | \"cube-perspective\" | \"delete\" | \"drag-indicator\" | \"error-circle\" | \"expand-all\" | \"export\" | \"file\" | \"file-pdf\" | \"fit-all\" | \"fit-selected\" | \"folder-plus\" | \"forward\" | \"gear\" | \"invert\" | \"line-dot-left\" | \"line-dot-right\" | \"line-hash-left\" | \"line-hash-right\" | \"locate\" | \"markup\" | \"notification\" | \"open-window\" | \"pan\" | \"pencil\" | \"person-height\" | \"person-run\" | \"person-short\" | \"person-tall\" | \"person-walk\" | \"pin-fill\" | \"pin-line\" | \"pin-text\" | \"pin-text-fill\" | \"plus\" | \"precise-measurement\" | \"rabbit\" | \"ruler\" | \"show-only-nearby\" | \"snapshots\" | \"star\" | \"tape-measure\" | \"teleport-and-align\" | \"teleport-toward\" | \"teleport\" | \"turtle\" | \"version-history\" | \"visibility-hidden\" | \"visibility-partial\" | \"visibility-visible\" | \"zoom\"",
+          "resolved": "\"compare\" | \"help\" | \"open\" | \"expand\" | \"info\" | \"copy\" | \"menu\" | \"ellipse\" | \"line\" | \"download\" | \"rotate\" | \"close\" | \"flip\" | \"reset\" | \"resize\" | \"search\" | \"caret-down\" | \"caret-up\" | \"adjustments\" | \"align-to-global\" | \"align-to-part\" | \"align-to-surface\" | \"align-view-to-plane\" | \"annotation\" | \"arrow-filled\" | \"arrow-left-circled\" | \"arrow-line-left\" | \"arrow-line-right\" | \"arrow-partial\" | \"arrow-right-circled\" | \"arrow-triangle-left\" | \"arrow-triangle-right\" | \"arrow-up-circled\" | \"attachment\" | \"axis-x\" | \"axis-y\" | \"axis-z\" | \"back\" | \"box-cursor\" | \"box-select\" | \"camera\" | \"camera-add\" | \"caret-left\" | \"caution\" | \"check\" | \"check-circle\" | \"caret-right\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"circle-outline\" | \"close-circle-fill\" | \"close-circle\" | \"collapse-all\" | \"columns\" | \"columns-add\" | \"comment-add\" | \"comment-filled\" | \"comment-reopen\" | \"comment-resolve\" | \"comment-show\" | \"compress\" | \"cross-section\" | \"cube-orthographic\" | \"cube-perspective\" | \"cube-stack\" | \"delete\" | \"drag-indicator\" | \"error-circle\" | \"expand-all\" | \"export\" | \"file\" | \"file-folder\" | \"file-pdf\" | \"fit-all\" | \"fit-selected\" | \"folder-plus\" | \"forward\" | \"gear\" | \"invert\" | \"line-dot-left\" | \"line-dot-right\" | \"line-hash-left\" | \"line-hash-right\" | \"locate\" | \"markup\" | \"notification\" | \"open-window\" | \"pan\" | \"pencil\" | \"person-height\" | \"person-run\" | \"person-short\" | \"person-tall\" | \"person-walk\" | \"pin-fill\" | \"pin-line\" | \"pin-text\" | \"pin-text-fill\" | \"pin-text-square\" | \"plus\" | \"plus-with-arrow\" | \"pmi\" | \"precise-measurement\" | \"rabbit\" | \"report\" | \"ruler\" | \"show-only-nearby\" | \"snapshots\" | \"star\" | \"square-dot-outline\" | \"tape-measure\" | \"teleport-and-align\" | \"teleport-toward\" | \"teleport\" | \"turtle\" | \"update\" | \"version-history\" | \"views\" | \"visibility-hidden\" | \"visibility-partial\" | \"visibility-visible\" | \"zoom\"",
           "references": {
             "IconName": {
               "location": "import",

package/dist/collection/components/index.js

@@ -8,9 +8,9 @@ export * from './card-group/card-group';
 export * from './chip/chip';
 export * from './click-to-edit-text-field/click-to-edit-text-field';
 export * from './collapsible/collapsible';
-export * from './color-circle/color-circle';
 export * from './color-circle-picker/color-circle-picker';
 export * from './color-picker/color-picker';
+export * from './color-swatch/color-swatch';
 export * from './context-menu/context-menu';
 export * from './dialog/dialog';
 export * from './draggable-popover/draggable-popover';
@@ -32,6 +32,8 @@ export * from './search-bar/search-bar';
 export * from './select/select';
 export * from './slider/slider';
 export * from './spinner/spinner';
+export * from './tab/tab';
+export * from './tabs/tabs';
 export * from './text-field/text-field';
 export * from './toast/toast';
 export * from './toggle/toggle';

package/dist/collection/components/search-bar/dom.js

@@ -4,9 +4,26 @@ export const getWindowSelection = () => {
   }
   return undefined;
 };
+export const nodeHasChildNodes = (node) => {
+  return node.hasChildNodes();
+};
 export const createDocumentRange = () => {
   return document.createRange();
 };
 export const createTextNode = (text) => {
   return new Text(text);
 };
+export const createBreak = () => {
+  return document.createElement('br');
+};
+export const createWrappingDiv = (nodes) => {
+  const el = document.createElement('div');
+  el.append(...nodes);
+  return el;
+};
+export const isHtmlElement = (node) => {
+  return node instanceof HTMLElement;
+};
+export const isBrElement = (node) => {
+  return node instanceof HTMLBRElement;
+};

package/dist/collection/components/search-bar/lib.js

@@ -1,4 +1,4 @@
-import { createTextNode } from './dom';
+import { createBreak, createTextNode } from './dom';
 export const createResultUri = (result) => {
   return `${result.type}:${result.id}`;
 };
@@ -8,15 +8,56 @@ export const createSearchResultReplacement = (result, before, after) => {
     before: createTextNode(before),
     beforeSpace: createTextNode(createHairSpace()),
     result: createTextNode(urn),
-    afterSpace: after != null ? createTextNode(createNoBreakSpace()) : undefined,
+    afterSpace: after != null
+      ? createTextNode(createNoBreakSpace())
+      : createTextNode(createHairSpace()),
     after: after != null ? createTextNode(after) : undefined,
   };
 };
-export const getNodesForSearchResultReplacement = (replacement) => {
+/**
+ * Newline characters and spaces are represented slightly differently within a
+ * content editable element between browsers. This method standardizes the
+ * representation of those characters to avoid having to write branching logic
+ * to support each individual browser.
+ */
+export const standardizeNewlinesAndSpaces = (node) => {
+  const content = node.textContent;
+  if (content === '\n') {
+    return [createBreak()];
+  }
+  else if (content != null && content.includes('\n')) {
+    const split = content.split('\n');
+    return split.reduce((res, substr, i) => {
+      const previous = split[i - 1];
+      // Ignore the empty string if the prior element was converted
+      // to a breaking element to prevent duplication of newlines.
+      if (substr === '' && previous !== '') {
+        return res;
+      }
+      return [
+        ...res,
+        // Standard spaces are not always respected with in `Text`
+        // elements when appended to a contenteditable element. This
+        // conversion preserves that spacing.
+        createTextNode(substr.replace(/ /g, createNoBreakSpace())),
+        createBreak(),
+      ];
+    }, []);
+  }
+  return [node];
+};
+export const getNodesForSearchResultReplacement = (replacement, isBreaking = false) => {
   const keys = Object.keys(replacement);
-  return keys
+  const replacementElements = keys
     .map((key) => replacement[key])
     .filter((node) => node != null);
+  // If the element is intended to replace a breaking element such
+  // as a `<div>` wrapper, a newline is required alongside the standard
+  // replacement elements.
+  if (isBreaking) {
+    return [createTextNode('\n'), ...replacementElements];
+  }
+  return replacementElements;
 };
 /**
  * We leverage a couple unique spaces to represent mentions, allowing for