@ni/ok-components 1.3.3 → 1.3.5

package/dist/all-components-bundle.js

@@ -14899,7 +14899,7 @@
   const prefix = 'ni-nimble';
   const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
 
-  const template$1a = html `<slot></slot>`;
+  const template$1h = html `<slot></slot>`;
 
   const styles$1x = css `
     ${display$2('contents')}
@@ -15026,7 +15026,7 @@
   const nimbleDesignSystemProvider = ThemeProvider.compose({
       baseName: 'theme-provider',
       styles: styles$1x,
-      template: template$1a
+      template: template$1h
   });
   DesignSystem.getOrCreate()
       .withPrefix('nimble')
@@ -16748,7 +16748,7 @@
     }
 `;
 
-  const template$19 = (_context, definition) => html `${
+  const template$1g = (_context, definition) => html `${
 /* top-container div is necessary because setting contenteditable directly on the native anchor instead
    leaves it focusable, unlike the behavior you get when the anchor is _within_ a contenteditable element.
 */ ''}<div
@@ -16851,7 +16851,7 @@
   const nimbleAnchor = Anchor.compose({
       baseName: 'anchor',
       baseClass: Anchor$1,
-      template: template$19,
+      template: template$1g,
       styles: styles$1w,
       shadowOptions: {
           delegatesFocus: true
@@ -17266,7 +17266,7 @@
     }
 `;
 
-  const template$18 = (context, definition) => html `
+  const template$1f = (context, definition) => html `
     <a
         class="control"
         part="control"
@@ -17348,7 +17348,7 @@
   ], AnchorButton.prototype, "disabled", void 0);
   const nimbleAnchorButton = AnchorButton.compose({
       baseName: 'anchor-button',
-      template: template$18,
+      template: template$1f,
       styles: styles$1u,
       shadowOptions: {
           delegatesFocus: true
@@ -17440,7 +17440,7 @@
     }
 `;
 
-  const template$17 = (context, definition) => html `
+  const template$1e = (context, definition) => html `
     <template
         role="menuitem"
         class="${x => (typeof x.startColumnCount === 'number'
@@ -17541,7 +17541,7 @@
   // FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.
   const nimbleAnchorMenuItem = AnchorMenuItem.compose({
       baseName: 'anchor-menu-item',
-      template: template$17,
+      template: template$1e,
       styles: styles$1t,
       shadowOptions: {
           delegatesFocus: true
@@ -18379,7 +18379,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   };
   const arrowRightThin16X16 = {
       name: 'arrow_right_thin_16_x_16',
-      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m7.831 4.386-.706 1.127 3.128 1.837H2v1.3h8.365L7.49 10.528l.768 1.085L13.875 8z" class="cls-1"/></svg>`,
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m7.97 4.37-.68 1.12 3.09 1.86H2v1.3h8.38l-3.09 1.86.68 1.12L14 8z" class="cls-1"/></svg>`,
   };
   const arrowRightToLine16X16 = {
       name: 'arrow_right_to_line_16_x_16',
@@ -19263,7 +19263,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   };
 
   // Avoiding any whitespace in the template because this is an inline element
-  const template$16 = html `<div
+  const template$1d = html `<div
     class="icon"
     aria-hidden="true"
     :innerHTML=${x => x.icon.data}
@@ -19332,7 +19332,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   const registerIconSvg = (baseName, iconClass) => {
       const composedIcon = iconClass.compose({
           baseName,
-          template: template$16,
+          template: template$1d,
           styles: styles$1p
       });
       DesignSystem.getOrCreate().withPrefix('nimble').register(composedIcon());
@@ -19457,7 +19457,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
    */
   const StepperOrientation = Orientation;
 
-  const template$15 = (context, definition) => html `
+  const template$1c = (context, definition) => html `
     <template slot="step">
         <li class="
             container
@@ -19604,7 +19604,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   ], AnchorStep.prototype, "tabIndex", void 0);
   const nimbleAnchorStep = AnchorStep.compose({
       baseName: 'anchor-step',
-      template: template$15,
+      template: template$1c,
       styles: styles$1q,
       shadowOptions: {
           delegatesFocus: true
@@ -19729,7 +19729,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
     }
 `;
 
-  const template$14 = (context, definition) => html `
+  const template$1b = (context, definition) => html `
     <template slot="anchortab" role="tab" aria-disabled="${x => x.disabled}">
         <a
             download="${x => x.download}"
@@ -19781,7 +19781,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   // FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.
   const nimbleAnchorTab = AnchorTab.compose({
       baseName: 'anchor-tab',
-      template: template$14,
+      template: template$1b,
       styles: styles$1o,
       shadowOptions: {
           delegatesFocus: true
@@ -19834,7 +19834,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
     ${buttonAppearanceVariantStyles}
 `;
 
-  const template$13 = (context, definition) => html `
+  const template$1a = (context, definition) => html `
     <button
         class="control"
         part="control"
@@ -19925,7 +19925,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   const nimbleButton = Button.compose({
       baseName: 'button',
       baseClass: Button$1,
-      template: template$13,
+      template: template$1a,
       styles: styles$1m,
       shadowOptions: {
           delegatesFocus: true
@@ -19960,7 +19960,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   registerIconSvg('icon-arrow-expander-right', IconArrowExpanderRight);
   const iconArrowExpanderRightTag = 'nimble-icon-arrow-expander-right';
 
-  const template$12 = (context, definition) => html `
+  const template$19 = (context, definition) => html `
     <div
         class="tab-bar"
     >
@@ -20261,7 +20261,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   applyMixins(AnchorTabs, StartEnd);
   const nimbleAnchorTabs = AnchorTabs.compose({
       baseName: 'anchor-tabs',
-      template: template$12,
+      template: template$19,
       styles: styles$1n,
       shadowOptions: {
           delegatesFocus: false
@@ -20374,7 +20374,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
     }
 `;
 
-  const template$11 = (context, definition) => html `
+  const template$18 = (context, definition) => html `
     <template
         role="treeitem"
         slot="${x => (x.isNestedItem() ? 'item' : null)}"
@@ -20511,7 +20511,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   // FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.
   const nimbleAnchorTreeItem = AnchorTreeItem.compose({
       baseName: 'anchor-tree-item',
-      template: template$11,
+      template: template$18,
       styles: styles$1l,
       shadowOptions: {
           delegatesFocus: true
@@ -20718,7 +20718,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
       information: 'information'
   };
 
-  const template$10 = html `
+  const template$17 = html `
     <${themeProviderTag} theme="${Theme.color}">
         <div class="container"
             role="status"
@@ -20836,7 +20836,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   applyMixins(Banner, ARIAGlobalStatesAndProperties);
   const nimbleBanner = Banner.compose({
       baseName: 'banner',
-      template: template$10,
+      template: template$17,
       styles: styles$1j
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBanner());
@@ -21114,7 +21114,7 @@ so this becomes the fallback color for the slot */ ''}
     }
 `;
 
-  const template$$ = html `
+  const template$16 = html `
     <section aria-labelledby="title-slot">
         <span id="title-slot"><slot name="title"></slot></span>
         <slot></slot>
@@ -21129,7 +21129,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleCard = Card.compose({
       baseName: 'card',
       baseClass: Card$1,
-      template: template$$,
+      template: template$16,
       styles: styles$1g
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCard());
@@ -21476,7 +21476,7 @@ so this becomes the fallback color for the slot */ ''}
     </div>
 `;
 
-  const template$_ = (_context, definition) => html `
+  const template$15 = (_context, definition) => html `
     <template
         role="checkbox"
         aria-checked="${x => x.checked}"
@@ -21573,7 +21573,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleCheckbox = Checkbox.compose({
       baseName: 'checkbox',
       baseClass: Checkbox$1,
-      template: template$_,
+      template: template$15,
       styles: styles$1d,
       checkedIndicator: check16X16.data,
       indeterminateIndicator: minus16X16.data
@@ -21647,7 +21647,7 @@ so this becomes the fallback color for the slot */ ''}
             }
         `));
 
-  const template$Z = (context, definition) => html `
+  const template$14 = (context, definition) => html `
     ${startSlotTemplate(context, definition)}
     <span
         class="content"
@@ -21733,7 +21733,7 @@ so this becomes the fallback color for the slot */ ''}
   applyMixins(Chip, StartEnd);
   const nimbleChip = Chip.compose({
       baseName: 'chip',
-      template: template$Z,
+      template: template$14,
       styles: styles$1c,
       shadowOptions: {
           delegatesFocus: true
@@ -21790,7 +21790,7 @@ so this becomes the fallback color for the slot */ ''}
             }
         `));
 
-  const template$Y = (context, definition) => html `
+  const template$13 = (context, definition) => html `
     <div
         role="button"
         part="control"
@@ -21885,7 +21885,7 @@ so this becomes the fallback color for the slot */ ''}
   applyMixins(ToggleButton, StartEnd, DelegatesARIAButton);
   const nimbleToggleButton = ToggleButton.compose({
       baseName: 'toggle-button',
-      template: template$Y,
+      template: template$13,
       styles: styles$1b,
       shadowOptions: {
           delegatesFocus: true
@@ -22357,7 +22357,7 @@ so this becomes the fallback color for the slot */ ''}
         <slot></slot>
     </label>
 `);
-  const template$X = (context, definition) => html `
+  const template$12 = (context, definition) => html `
     <template
         aria-disabled="${x => x.ariaDisabled}"
         autocomplete="${x => x.autocomplete}"
@@ -23132,7 +23132,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleCombobox = Combobox.compose({
       baseName: 'combobox',
       baseClass: FormAssociatedCombobox,
-      template: template$X,
+      template: template$12,
       styles: styles$18,
       shadowOptions: {
           delegatesFocus: true
@@ -23270,7 +23270,7 @@ so this becomes the fallback color for the slot */ ''}
     }
 `;
 
-  const template$W = html `
+  const template$11 = html `
     <template>
         <dialog
             ${ref('dialogElement')}
@@ -23418,7 +23418,7 @@ so this becomes the fallback color for the slot */ ''}
   applyMixins(Dialog, ARIAGlobalStatesAndProperties);
   const nimbleDialog = Dialog.compose({
       baseName: 'dialog',
-      template: template$W,
+      template: template$11,
       styles: styles$17,
       baseClass: Dialog
   });
@@ -23567,7 +23567,7 @@ so this becomes the fallback color for the slot */ ''}
     }
 `;
 
-  const template$V = html `
+  const template$10 = html `
     <dialog
         ${ref('dialog')}
         aria-label="${x => x.ariaLabel}"
@@ -23709,7 +23709,7 @@ so this becomes the fallback color for the slot */ ''}
   applyMixins(Drawer, ARIAGlobalStatesAndProperties);
   const nimbleDrawer = Drawer.compose({
       baseName: 'drawer',
-      template: template$V,
+      template: template$10,
       styles: styles$16
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDrawer());
@@ -26830,7 +26830,7 @@ so this becomes the fallback color for the slot */ ''}
    * The template for the {@link @ni/fast-foundation#(ListboxOption:class)} component.
    * @public
    */
-  const template$U = (context, definition) => html `
+  const template$$ = (context, definition) => html `
     <template
         aria-checked="${x => x.ariaChecked}"
         aria-disabled="${x => x.ariaDisabled}"
@@ -26932,7 +26932,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleListOption = ListOption.compose({
       baseName: 'list-option',
       baseClass: ListboxOption,
-      template: template$U,
+      template: template$$,
       styles: styles$14
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleListOption());
@@ -27000,7 +27000,7 @@ so this becomes the fallback color for the slot */ ''}
   const isListOption$1 = (n) => {
       return n instanceof ListOption;
   };
-  const template$T = html `
+  const template$_ = html `
 <template
     role="group"
     aria-label="${x => x.labelContent}"
@@ -27142,7 +27142,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleListOptionGroup = ListOptionGroup.compose({
       baseName: 'list-option-group',
       baseClass: FoundationElement,
-      template: template$T,
+      template: template$_,
       styles: styles$13
   });
   DesignSystem.getOrCreate()
@@ -27170,7 +27170,7 @@ so this becomes the fallback color for the slot */ ''}
       attr()
   ], Mapping$1.prototype, "key", void 0);
 
-  const template$S = html `<template slot="mapping"></template>`;
+  const template$Z = html `<template slot="mapping"></template>`;
 
   const styles$12 = css `
     ${display$2('none')}
@@ -27188,7 +27188,7 @@ so this becomes the fallback color for the slot */ ''}
   ], MappingEmpty.prototype, "text", void 0);
   const emptyMapping = MappingEmpty.compose({
       baseName: 'mapping-empty',
-      template: template$S,
+      template: template$Z,
       styles: styles$12
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(emptyMapping());
@@ -27259,7 +27259,7 @@ so this becomes the fallback color for the slot */ ''}
   ], MappingIcon.prototype, "resolvedIcon", void 0);
   const iconMapping = MappingIcon.compose({
       baseName: 'mapping-icon',
-      template: template$S,
+      template: template$Z,
       styles: styles$12
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(iconMapping());
@@ -27283,7 +27283,7 @@ so this becomes the fallback color for the slot */ ''}
   ], MappingSpinner.prototype, "textHidden", void 0);
   const spinnerMapping = MappingSpinner.compose({
       baseName: 'mapping-spinner',
-      template: template$S,
+      template: template$Z,
       styles: styles$12
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(spinnerMapping());
@@ -27300,7 +27300,7 @@ so this becomes the fallback color for the slot */ ''}
   ], MappingText.prototype, "text", void 0);
   const textMapping = MappingText.compose({
       baseName: 'mapping-text',
-      template: template$S,
+      template: template$Z,
       styles: styles$12
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(textMapping());
@@ -27603,7 +27603,7 @@ so this becomes the fallback color for the slot */ ''}
       observable
   ], Menu$1.prototype, "itemIcons", void 0);
 
-  const template$R = () => html `
+  const template$Y = () => html `
     <template
         slot="${x => {
     if (x.slot) {
@@ -27691,7 +27691,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleMenu = Menu.compose({
       baseName: 'menu',
       baseClass: Menu$1,
-      template: template$R,
+      template: template$Y,
       styles: styles$11
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());
@@ -27726,7 +27726,7 @@ so this becomes the fallback color for the slot */ ''}
     }
 `;
 
-  const template$Q = html `
+  const template$X = html `
     <template
         ?open="${x => x.open}"
         @focusout="${(x, c) => x.focusoutHandler(c.event)}"
@@ -27976,7 +27976,7 @@ so this becomes the fallback color for the slot */ ''}
   ], MenuButton.prototype, "slottedMenus", void 0);
   const nimbleMenuButton = MenuButton.compose({
       baseName: 'menu-button',
-      template: template$Q,
+      template: template$X,
       styles: styles$10,
       shadowOptions: {
           delegatesFocus: true
@@ -28324,7 +28324,7 @@ so this becomes the fallback color for the slot */ ''}
    * The template for the {@link @ni/fast-foundation#(NumberField:class)} component.
    * @public
    */
-  const template$P = (context, definition) => html `
+  const template$W = (context, definition) => html `
     <template class="${x => (x.readOnly ? 'readonly' : '')}">
         ${labelTemplate$4}
         <div class="root" part="root">
@@ -28478,7 +28478,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleNumberField = NumberField.compose({
       baseName: 'number-field',
       baseClass: NumberField$1,
-      template: template$P,
+      template: template$W,
       styles: styles$_,
       shadowOptions: {
           delegatesFocus: true
@@ -28669,7 +28669,7 @@ so this becomes the fallback color for the slot */ ''}
 `;
 
   const labelTemplate$3 = createRequiredVisibleLabelTemplate(html `<slot name="label"></slot>`);
-  const template$O = html `
+  const template$V = html `
     <template
         role="radiogroup"
         aria-disabled="${x => x.disabled}"
@@ -28709,7 +28709,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleRadioGroup = RadioGroup.compose({
       baseName: 'radio-group',
       baseClass: RadioGroup$1,
-      template: template$O,
+      template: template$V,
       styles: styles$Y,
       shadowOptions: {
           delegatesFocus: true
@@ -29164,7 +29164,7 @@ so this becomes the fallback color for the slot */ ''}
               return Fragment.empty;
           if (!Array.isArray(value))
               throw new RangeError("Invalid input for Fragment.fromJSON");
-          return new Fragment(value.map(schema.nodeFromJSON));
+          return Fragment.fromArray(value.map(schema.nodeFromJSON));
       }
       /**
       Build a fragment from an array of nodes. Ensures that adjacent
@@ -29398,17 +29398,6 @@ so this becomes the fallback color for the slot */ ''}
   */
   class ReplaceError extends Error {
   }
-  /*
-  ReplaceError = function(this: any, message: string) {
-    let err = Error.call(this, message)
-    ;(err as any).__proto__ = ReplaceError.prototype
-    return err
-  } as any
-
-  ReplaceError.prototype = Object.create(Error.prototype)
-  ReplaceError.prototype.constructor = ReplaceError
-  ReplaceError.prototype.name = "ReplaceError"
-  */
   /**
   A slice represents a piece cut out of a larger document. It
   stores not only a fragment, but also the depth up to which nodes on
@@ -29454,7 +29443,7 @@ so this becomes the fallback color for the slot */ ''}
       @internal
       */
       insertAt(pos, fragment) {
-          let content = insertInto(this.content, pos + this.openStart, fragment);
+          let content = insertInto(this.content, pos + this.openStart, fragment, this.openStart + 1, this.openEnd + 1);
           return content && new Slice(content, this.openStart, this.openEnd);
       }
       /**
@@ -29528,14 +29517,14 @@ so this becomes the fallback color for the slot */ ''}
           throw new RangeError("Removing non-flat range");
       return content.replaceChild(index, child.copy(removeRange(child.content, from - offset - 1, to - offset - 1)));
   }
-  function insertInto(content, dist, insert, parent) {
+  function insertInto(content, dist, insert, openStart, openEnd, parent) {
       let { index, offset } = content.findIndex(dist), child = content.maybeChild(index);
       if (offset == dist || child.isText) {
-          if (parent && !parent.canReplace(index, index, insert))
+          if (parent && openStart <= 0 && openEnd <= 0 && !parent.canReplace(index, index, insert))
               return null;
           return content.cut(0, dist).append(insert).append(content.cut(dist));
       }
-      let inner = insertInto(child.content, dist - offset - 1, insert, child);
+      let inner = insertInto(child.content, dist - offset - 1, insert, index == 0 ? openStart - 1 : 0, index == content.childCount - 1 ? openEnd - 1 : 0, child);
       return inner && content.replaceChild(index, child.copy(inner));
   }
   function replace$1($from, $to, slice) {
@@ -30065,10 +30054,11 @@ so this becomes the fallback color for the slot */ ''}
       */
       forEach(f) { this.content.forEach(f); }
       /**
-      Invoke a callback for all descendant nodes recursively between
+      Invoke a callback for all descendant nodes recursively overlapping
       the given two positions that are relative to start of this
-      node's content. The callback is invoked with the node, its
-      position relative to the original node (method receiver),
+      node's content. This includes all ancestors of the nodes
+      containing the two positions. The callback is invoked with the
+      node, its position relative to the original node (method receiver),
       its parent node, and its child index. When the callback returns
       false for a given node, that node's children will not be
       recursed over. The last parameter can be used to specify a
@@ -32156,6 +32146,8 @@ so this becomes the fallback color for the slot */ ''}
       @internal
       */
       serializeNodeInner(node, options) {
+          if (node.isText)
+              return doc$1(options).createTextNode(node.text);
           let { dom, contentDOM } = renderSpec(doc$1(options), this.nodes[node.type.name](node), null, node.attrs);
           if (contentDOM) {
               if (node.isLeaf)
@@ -32190,6 +32182,9 @@ so this becomes the fallback color for the slot */ ''}
           return toDOM && renderSpec(doc$1(options), toDOM(mark, inline), null, mark.attrs);
       }
       static renderSpec(doc, structure, xmlNS = null, blockArraysIn) {
+          // Kludge for backwards-compatibility with accidental original behavious
+          if (typeof structure == "string")
+              return { dom: doc.createTextNode(structure) };
           return renderSpec(doc, structure, xmlNS, blockArraysIn);
       }
       /**
@@ -32261,11 +32256,9 @@ so this becomes the fallback color for the slot */ ''}
       return result;
   }
   function renderSpec(doc, structure, xmlNS, blockArraysIn) {
-      if (typeof structure == "string")
-          return { dom: doc.createTextNode(structure) };
-      if (structure.nodeType != null)
+      if (structure.nodeType == 1)
           return { dom: structure };
-      if (structure.dom && structure.dom.nodeType != null)
+      if (structure.dom && structure.dom.nodeType == 1)
           return structure;
       let tagName = structure[0], suspicious;
       if (typeof tagName != "string")
@@ -32301,6 +32294,9 @@ so this becomes the fallback color for the slot */ ''}
                   throw new RangeError("Content hole must be the only child of its parent node");
               return { dom, contentDOM: dom };
           }
+          else if (typeof child == "string") {
+              dom.appendChild(doc.createTextNode(child));
+          }
           else {
               let { dom: inner, contentDOM: innerContent } = renderSpec(doc, child, xmlNS, blockArraysIn);
               dom.appendChild(inner);
@@ -42781,8 +42777,44 @@ so this becomes the fallback color for the slot */ ''}
     }
     return true;
   };
+
+  // src/commands/deleteSelection.ts
+  var hasTextContent = (nodeSpec) => {
+    if (!nodeSpec.content) {
+      return false;
+    }
+    const textRegex = /^text(\*|\+)/;
+    return textRegex.test(nodeSpec.content);
+  };
+  var expandSelectionForSide = ($pos, schema, side) => {
+    if (!$pos.parent.isInline) {
+      return $pos.pos;
+    }
+    if (side === "left" && $pos.pos > $pos.start() || side === "right" && $pos.pos < $pos.end()) {
+      return $pos.pos;
+    }
+    const parentContent = schema.nodes[$pos.parent.type.name].spec;
+    if (!hasTextContent(parentContent)) {
+      return $pos.pos;
+    }
+    return side === "left" ? $pos.start() - 1 : $pos.end() + 1;
+  };
+  var expandSelectionForInlineText = ($from, $to, schema) => {
+    const from = expandSelectionForSide($from, schema, "left");
+    const to = expandSelectionForSide($to, schema, "right");
+    return { from, to };
+  };
   var deleteSelection = () => ({ state, dispatch }) => {
-    return deleteSelection$1(state, dispatch);
+    const { $from, $to } = state.selection;
+    if (state.selection.empty) {
+      return false;
+    }
+    const { from, to } = expandSelectionForInlineText($from, $to, state.schema);
+    if (dispatch) {
+      state.tr.deleteRange(from, to).scrollIntoView();
+      dispatch(state.tr);
+    }
+    return true;
   };
 
   // src/commands/enter.ts
@@ -45442,6 +45474,7 @@ so this becomes the fallback color for the slot */ ''}
       });
       extension.name = this.name;
       extension.parent = this.parent;
+      this.child = null;
       return extension;
     }
     extend(extendedConfig = {}) {
@@ -45977,6 +46010,36 @@ so this becomes the fallback color for the slot */ ''}
         })
       );
     }
+    /**
+     * Destroy the extension manager and clean up all extension references
+     * to prevent memory leaks through parent/child extension chains.
+     *
+     * Walks each extension's full parent chain and nulls every forward
+     * `parent.child → current` link where the parent still points to the
+     * current node. This breaks the retention path from module-scope
+     * singleton roots through deep extend() chains.
+     *
+     * Only ancestor `.child` links matching the current chain are cleared.
+     * The `.parent` pointer on ancestors is never touched — extensions
+     * may be shared across live editors, so their own backward references
+     * and non-matching forward links must remain intact.
+     */
+    destroy() {
+      this.extensions.forEach((extension) => {
+        let current = extension;
+        while (current.parent) {
+          const parent = current.parent;
+          if (parent.child === current) {
+            parent.child = null;
+          }
+          current = parent;
+        }
+      });
+      this.extensions = [];
+      this.baseExtensions = [];
+      this.schema = null;
+      this.editor = null;
+    }
     /**
      * Go through all extensions, create extension storages & setup marks
      * & bind editor event listener.
@@ -46390,12 +46453,23 @@ so this becomes the fallback color for the slot */ ''}
   });
   var Tabindex = Extension.create({
     name: "tabindex",
+    addOptions() {
+      return {
+        value: void 0
+      };
+    },
     addProseMirrorPlugins() {
       return [
         new Plugin({
           key: new PluginKey("tabindex"),
           props: {
-            attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
+            attributes: () => {
+              var _a;
+              if (!this.editor.isEditable && this.options.value === void 0) {
+                return {};
+              }
+              return { tabindex: (_a = this.options.value) != null ? _a : "0" };
+            }
           }
         })
       ];
@@ -46734,6 +46808,7 @@ img.ProseMirror-separator {
       this.className = "tiptap";
       this.editorView = null;
       this.isFocused = false;
+      this.destroyed = false;
       /**
        * The editor is considered initialized after the `create` event has been emitted.
        */
@@ -47025,7 +47100,7 @@ img.ProseMirror-separator {
      * Creates an extension manager.
      */
     createExtensionManager() {
-      var _a, _b;
+      var _a, _b, _c, _d;
       const coreExtensions = this.options.enableCoreExtensions ? [
         Editable,
         ClipboardTextSerializer.configure({
@@ -47034,7 +47109,9 @@ img.ProseMirror-separator {
         Commands,
         FocusEvents,
         Keymap,
-        Tabindex,
+        Tabindex.configure({
+          value: (_d = (_c = this.options.coreExtensionOptions) == null ? void 0 : _c.tabindex) == null ? void 0 : _d.value
+        }),
         Drop,
         Paste,
         Delete,
@@ -47271,9 +47348,18 @@ img.ProseMirror-separator {
      * Destroy the editor.
      */
     destroy() {
+      if (this.destroyed) {
+        return;
+      }
+      this.destroyed = true;
       this.emit("destroy");
       this.unmount();
       this.removeAllListeners();
+      this.extensionManager.destroy();
+      this.extensionManager = null;
+      this.schema = null;
+      this.commandManager = null;
+      this.extensionStorage = {};
     }
     /**
      * Check if the editor is already destroyed.
@@ -47292,7 +47378,8 @@ img.ProseMirror-separator {
     }
     $pos(pos) {
       const $pos = this.state.doc.resolve(pos);
-      return new NodePos($pos, this);
+      const node = pos > 0 && $pos.nodeAfter && !$pos.nodeAfter.isText ? $pos.nodeAfter : null;
+      return new NodePos($pos, this, false, node);
     }
     get $doc() {
       return this.$pos(0);
@@ -48122,7 +48209,7 @@ ${indentedChild}`;
     }
 `;
 
-  const template$N = html `
+  const template$U = html `
     <template>
         <${anchoredRegionTag}
             ${ref('region')}
@@ -48410,7 +48497,7 @@ ${indentedChild}`;
   ], RichTextMentionListbox.prototype, "anchorElement", void 0);
   const nimbleRichTextMentionListbox = RichTextMentionListbox.compose({
       baseName: 'rich-text-mention-listbox',
-      template: template$N,
+      template: template$U,
       styles: styles$W
   });
   DesignSystem.getOrCreate()
@@ -48418,7 +48505,7 @@ ${indentedChild}`;
       .register(nimbleRichTextMentionListbox());
   const richTextMentionListboxTag = 'nimble-rich-text-mention-listbox';
 
-  const template$M = html `
+  const template$T = html `
     <template
         ${children$1({ property: 'childItems', filter: elements() })}
         @focusout="${x => x.focusoutHandler()}"
@@ -49890,6 +49977,15 @@ ${indentedChild}`;
   function decodeHTML(str, mode = DecodingMode.Legacy) {
       return htmlDecoder(str, mode);
   }
+  /**
+   * Decodes an HTML string, requiring all entities to be terminated by a semicolon.
+   *
+   * @param str The string to decode.
+   * @returns The decoded string.
+   */
+  function decodeHTMLStrict(str) {
+      return htmlDecoder(str, DecodingMode.Strict);
+  }
 
   // Utilities
   //
@@ -50069,6 +50165,10 @@ ${indentedChild}`;
     return P.test(ch) || regex.test(ch)
   }
 
+  function isPunctCharCode (code) {
+    return isPunctChar(fromCodePoint(code))
+  }
+
   // Markdown ASCII punctuation characters.
   //
   // !, ", #, $, %, &, ', (, ), *, +, ,, -, ., /, :, ;, <, =, >, ?, @, [, \, ], ^, _, `, {, |, }, or ~
@@ -50130,6 +50230,7 @@ ${indentedChild}`;
     // (remove this when node v10 is no longer supported).
     //
     if ('ẞ'.toLowerCase() === 'Ṿ') {
+      /* c8 ignore next 2 */
       str = str.replace(/ẞ/g, 'ß');
     }
 
@@ -50168,6 +50269,28 @@ ${indentedChild}`;
     return str.toLowerCase().toUpperCase()
   }
 
+  function isAsciiTrimmable (c) {
+    return c === 0x20 || c === 0x09 || c === 0x0a || c === 0x0d
+  }
+
+  // "Light" .trim() for blocks (headers, paragraphs), where unicode spaces
+  // should be preserved.
+  function asciiTrim (str) {
+    let start = 0;
+    for (; start < str.length; start++) {
+      if (!isAsciiTrimmable(str.charCodeAt(start))) {
+        break
+      }
+    }
+    let end = str.length - 1;
+    for (; end >= start; end--) {
+      if (!isAsciiTrimmable(str.charCodeAt(end))) {
+        break
+      }
+    }
+    return str.slice(start, end + 1)
+  }
+
   // Re-export libraries commonly used in both markdown-it and its plugins,
   // so plugins won't have to depend on them explicitly, which reduces their
   // bundled size (e.g. a browser build).
@@ -50177,6 +50300,7 @@ ${indentedChild}`;
   var utils = /*#__PURE__*/Object.freeze({
     __proto__: null,
     arrayReplaceAt: arrayReplaceAt,
+    asciiTrim: asciiTrim,
     assign: assign$1,
     escapeHtml: escapeHtml,
     escapeRE: escapeRE$1,
@@ -50184,6 +50308,7 @@ ${indentedChild}`;
     has: has,
     isMdAsciiPunct: isMdAsciiPunct,
     isPunctChar: isPunctChar,
+    isPunctCharCode: isPunctCharCode,
     isSpace: isSpace,
     isString: isString$1,
     isValidEntityCode: isValidEntityCode,
@@ -51547,14 +51672,36 @@ ${indentedChild}`;
   const QUOTE_RE = /['"]/g;
   const APOSTROPHE$1 = '\u2019'; /* ’ */
 
-  function replaceAt (str, index, ch) {
-    return str.slice(0, index) + ch + str.slice(index + 1)
+  function addReplacement (replacements, tokenIdx, pos, ch) {
+    if (!replacements[tokenIdx]) {
+      replacements[tokenIdx] = [];
+    }
+
+    replacements[tokenIdx].push({ pos, ch });
+  }
+
+  function applyReplacements (str, replacements) {
+    let result = '';
+    let lastPos = 0;
+
+    replacements.sort((a, b) => a.pos - b.pos);
+
+    for (let i = 0; i < replacements.length; i++) {
+      const replacement = replacements[i];
+
+      result += str.slice(lastPos, replacement.pos) + replacement.ch;
+      lastPos = replacement.pos + 1;
+    }
+
+    return result + str.slice(lastPos)
   }
 
   function process_inlines (tokens, state) {
     let j;
 
     const stack = [];
+    // token index -> list of replacements in the original token content
+    const replacements = {};
 
     for (let i = 0; i < tokens.length; i++) {
       const token = tokens[i];
@@ -51568,9 +51715,9 @@ ${indentedChild}`;
 
       if (token.type !== 'text') { continue }
 
-      let text = token.content;
+      const text = token.content;
       let pos = 0;
-      let max = text.length;
+      const max = text.length;
 
       /* eslint no-labels:0,block-scoped-var:0 */
       OUTER:
@@ -51618,8 +51765,8 @@ ${indentedChild}`;
           }
         }
 
-        const isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctChar(String.fromCharCode(lastChar));
-        const isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctChar(String.fromCharCode(nextChar));
+        const isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctCharCode(lastChar);
+        const isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctCharCode(nextChar);
 
         const isLastWhiteSpace = isWhiteSpace(lastChar);
         const isNextWhiteSpace = isWhiteSpace(nextChar);
@@ -51662,7 +51809,7 @@ ${indentedChild}`;
         if (!canOpen && !canClose) {
           // middle of word
           if (isSingle) {
-            token.content = replaceAt(token.content, t.index, APOSTROPHE$1);
+            addReplacement(replacements, i, t.index, APOSTROPHE$1);
           }
           continue
         }
@@ -51685,18 +51832,8 @@ ${indentedChild}`;
                 closeQuote = state.md.options.quotes[1];
               }
 
-              // replace token.content *before* tokens[item.token].content,
-              // because, if they are pointing at the same token, replaceAt
-              // could mess up indices when quote length != 1
-              token.content = replaceAt(token.content, t.index, closeQuote);
-              tokens[item.token].content = replaceAt(
-                tokens[item.token].content, item.pos, openQuote);
-
-              pos += closeQuote.length - 1;
-              if (item.token === i) { pos += openQuote.length - 1; }
-
-              text = token.content;
-              max = text.length;
+              addReplacement(replacements, i, t.index, closeQuote);
+              addReplacement(replacements, item.token, item.pos, openQuote);
 
               stack.length = j;
               continue OUTER
@@ -51712,10 +51849,14 @@ ${indentedChild}`;
             level: thisLevel
           });
         } else if (canClose && isSingle) {
-          token.content = replaceAt(token.content, t.index, APOSTROPHE$1);
+          addReplacement(replacements, i, t.index, APOSTROPHE$1);
         }
       }
     }
+
+    Object.keys(replacements).forEach(function (tokenIdx) {
+      tokens[tokenIdx].content = applyReplacements(tokens[tokenIdx].content, replacements[tokenIdx]);
+    });
   }
 
   function smartquotes (state) {
@@ -53319,11 +53460,22 @@ ${indentedChild}`;
 
     let nextLine = startLine + 1;
 
+    // Block types 6 and 7 (the only ones whose end condition is a blank line)
+    // have `/^$/` as their closing regexp. For all other types (1-5, e.g.
+    // `<!--` comments), a blank line is regular content and must not terminate
+    // the block - it ends only when its closing sequence is found.
+    const endsOnBlankLine = HTML_SEQUENCES[i][1].test('');
+
     // If we are here - we detected HTML block.
     // Let's roll down till block end.
     if (!HTML_SEQUENCES[i][1].test(lineText)) {
       for (; nextLine < endLine; nextLine++) {
-        if (state.sCount[nextLine] < state.blkIndent) { break }
+        if (state.sCount[nextLine] < state.blkIndent) {
+          // An outdented blank line shouldn't end a block that doesn't end on a
+          // blank line (e.g. a `<!--` comment inside a list item). Such blocks
+          // must continue until their closing sequence regardless of indent.
+          if (endsOnBlankLine || !state.isEmpty(nextLine)) { break }
+        }
 
         pos = state.bMarks[nextLine] + state.tShift[nextLine];
         max = state.eMarks[nextLine];
@@ -53386,7 +53538,7 @@ ${indentedChild}`;
     token_o.map    = [startLine, state.line];
 
     const token_i    = state.push('inline', '', 0);
-    token_i.content  = state.src.slice(pos, max).trim();
+    token_i.content  = asciiTrim(state.src.slice(pos, max));
     token_i.map      = [startLine, state.line];
     token_i.children = [];
 
@@ -53398,6 +53550,7 @@ ${indentedChild}`;
 
   // lheading (---, ===)
 
+
   function lheading (state, startLine, endLine/*, silent */) {
     const terminatorRules = state.md.block.ruler.getRules('paragraph');
 
@@ -53455,10 +53608,11 @@ ${indentedChild}`;
 
     if (!level) {
       // Didn't find valid underline
+      state.parentType = oldParentType;
       return false
     }
 
-    const content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();
+    const content = asciiTrim(state.getLines(startLine, nextLine, state.blkIndent, false));
 
     state.line = nextLine + 1;
 
@@ -53481,6 +53635,7 @@ ${indentedChild}`;
 
   // Paragraph
 
+
   function paragraph (state, startLine, endLine) {
     const terminatorRules = state.md.block.ruler.getRules('paragraph');
     const oldParentType = state.parentType;
@@ -53507,7 +53662,7 @@ ${indentedChild}`;
       if (terminate) { break }
     }
 
-    const content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();
+    const content = asciiTrim(state.getLines(startLine, nextLine, state.blkIndent, false));
 
     state.line = nextLine;
 
@@ -53734,8 +53889,30 @@ ${indentedChild}`;
     const max = this.posMax;
     const marker = this.src.charCodeAt(start);
 
-    // treat beginning of the line as a whitespace
-    const lastChar = start > 0 ? this.src.charCodeAt(start - 1) : 0x20;
+    // Astral characters below are combined manually, because .codePointAt()
+    // does not guarantee numeric type output. And we don't wish JIT cache issues.
+    // The broken surrogate pairs are evaluated as U+FFFD to prevent possible
+    // crashes.
+
+    let lastChar;
+    if (start === 0) {
+      // treat beginning of the line as a whitespace
+      lastChar = 0x20;
+    } else if (start === 1) {
+      lastChar = this.src.charCodeAt(0);
+      if ((lastChar & 0xF800) === 0xD800) { lastChar = 0xFFFD; }
+    } else {
+      lastChar = this.src.charCodeAt(start - 1);
+      if ((lastChar & 0xFC00) === 0xDC00) {
+        // low surrogate => add high one, replace broken pair with U+FFFD
+        const highSurr = this.src.charCodeAt(start - 2);
+        lastChar = (highSurr & 0xFC00) === 0xD800
+          ? 0x10000 + ((highSurr - 0xD800) << 10) + (lastChar - 0xDC00)
+          : 0xFFFD;
+      } else if ((lastChar & 0xFC00) === 0xD800) {
+        lastChar = 0xFFFD;
+      }
+    }
 
     let pos = start;
     while (pos < max && this.src.charCodeAt(pos) === marker) { pos++; }
@@ -53743,10 +53920,19 @@ ${indentedChild}`;
     const count = pos - start;
 
     // treat end of the line as a whitespace
-    const nextChar = pos < max ? this.src.charCodeAt(pos) : 0x20;
+    let nextChar = pos < max ? this.src.charCodeAt(pos) : 0x20;
+    if ((nextChar & 0xFC00) === 0xD800) {
+      // high surrogate => add low one, replace broken pair with U+FFFD
+      const lowSurr = this.src.charCodeAt(pos + 1);
+      nextChar = (lowSurr & 0xFC00) === 0xDC00
+        ? 0x10000 + ((nextChar - 0xD800) << 10) + (lowSurr - 0xDC00)
+        : 0xFFFD;
+    } else if ((nextChar & 0xFC00) === 0xDC00) {
+      nextChar = 0xFFFD;
+    }
 
-    const isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctChar(String.fromCharCode(lastChar));
-    const isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctChar(String.fromCharCode(nextChar));
+    const isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctCharCode(lastChar);
+    const isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctCharCode(nextChar);
 
     const isLastWhiteSpace = isWhiteSpace(lastChar);
     const isNextWhiteSpace = isWhiteSpace(nextChar);
@@ -54773,7 +54959,7 @@ ${indentedChild}`;
     } else {
       const match = state.src.slice(pos).match(NAMED_RE);
       if (match) {
-        const decoded = decodeHTML(match[0]);
+        const decoded = decodeHTMLStrict(match[0]);
         if (decoded !== match[0]) {
           if (!silent) {
             const token   = state.push('text_special', '', 0);
@@ -55435,11 +55621,6 @@ ${indentedChild}`;
   // DON'T try to make PRs with changes. Extend TLDs with LinkifyIt.tlds() instead
   const tlds_default = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
 
-  function resetScanCache (self) {
-    self.__index__ = -1;
-    self.__text_cache__ = '';
-  }
-
   function createValidator (re) {
     return function (text, pos) {
       const tail = text.slice(pos);
@@ -55478,8 +55659,11 @@ ${indentedChild}`;
     function untpl (tpl) { return tpl.replace('%TLDS%', re.src_tlds) }
 
     re.email_fuzzy = RegExp(untpl(re.tpl_email_fuzzy), 'i');
+    re.email_fuzzy_global = RegExp(untpl(re.tpl_email_fuzzy), 'ig');
     re.link_fuzzy = RegExp(untpl(re.tpl_link_fuzzy), 'i');
+    re.link_fuzzy_global = RegExp(untpl(re.tpl_link_fuzzy), 'ig');
     re.link_no_ip_fuzzy = RegExp(untpl(re.tpl_link_no_ip_fuzzy), 'i');
+    re.link_no_ip_fuzzy_global = RegExp(untpl(re.tpl_link_no_ip_fuzzy), 'ig');
     re.host_fuzzy_test = RegExp(untpl(re.tpl_host_fuzzy_test), 'i');
 
     //
@@ -55573,12 +55757,6 @@ ${indentedChild}`;
       '(' + self.re.schema_test.source + ')|(' + self.re.host_fuzzy_test.source + ')|@',
       'i'
     );
-
-    //
-    // Cleanup
-    //
-
-    resetScanCache(self);
   }
 
   /**
@@ -55586,55 +55764,45 @@ ${indentedChild}`;
    *
    * Match result. Single element of array, returned by [[LinkifyIt#match]]
    **/
-  function Match (self, shift) {
-    const start = self.__index__;
-    const end = self.__last_index__;
-    const text = self.__text_cache__.slice(start, end);
+  function Match (text, schema, index, lastIndex) {
+    const raw = text.slice(index, lastIndex);
 
     /**
      * Match#schema -> String
      *
      * Prefix (protocol) for matched string.
      **/
-    this.schema = self.__schema__.toLowerCase();
+    this.schema = schema.toLowerCase();
     /**
      * Match#index -> Number
      *
      * First position of matched string.
      **/
-    this.index = start + shift;
+    this.index = index;
     /**
      * Match#lastIndex -> Number
      *
      * Next position after matched string.
      **/
-    this.lastIndex = end + shift;
+    this.lastIndex = lastIndex;
     /**
      * Match#raw -> String
      *
      * Matched string.
      **/
-    this.raw = text;
+    this.raw = raw;
     /**
      * Match#text -> String
      *
      * Notmalized text of matched string.
      **/
-    this.text = text;
+    this.text = raw;
     /**
      * Match#url -> String
      *
      * Normalized url of matched string.
      **/
-    this.url = text;
-  }
-
-  function createMatch (self, shift) {
-    const match = new Match(self, shift);
-
-    self.__compiled__[match.schema].normalize(match, self);
-
-    return match
+    this.url = raw;
   }
 
   /**
@@ -55689,12 +55857,6 @@ ${indentedChild}`;
 
     this.__opts__ = assign({}, defaultOptions, options);
 
-    // Cache last tested result. Used to skip repeating steps on next `match` call.
-    this.__index__ = -1;
-    this.__last_index__ = -1; // Next scan position
-    this.__schema__ = '';
-    this.__text_cache__ = '';
-
     this.__schemas__ = assign({}, defaultSchemas, schemas);
     this.__compiled__ = {};
 
@@ -55736,69 +55898,38 @@ ${indentedChild}`;
    * Searches linkifiable pattern and returns `true` on success or `false` on fail.
    **/
   LinkifyIt.prototype.test = function test (text) {
-    // Reset scan cache
-    this.__text_cache__ = text;
-    this.__index__ = -1;
-
     if (!text.length) { return false }
 
-    let m, ml, me, len, shift, next, re, tld_pos, at_pos;
+    let m, re;
 
     // try to scan for link with schema - that's the most simple rule
     if (this.re.schema_test.test(text)) {
       re = this.re.schema_search;
       re.lastIndex = 0;
       while ((m = re.exec(text)) !== null) {
-        len = this.testSchemaAt(text, m[2], re.lastIndex);
-        if (len) {
-          this.__schema__ = m[2];
-          this.__index__ = m.index + m[1].length;
-          this.__last_index__ = m.index + m[0].length + len;
-          break
-        }
+        if (this.testSchemaAt(text, m[2], re.lastIndex)) { return true }
       }
     }
 
     if (this.__opts__.fuzzyLink && this.__compiled__['http:']) {
       // guess schemaless links
-      tld_pos = text.search(this.re.host_fuzzy_test);
-      if (tld_pos >= 0) {
-        // if tld is located after found link - no need to check fuzzy pattern
-        if (this.__index__ < 0 || tld_pos < this.__index__) {
-          if ((ml = text.match(this.__opts__.fuzzyIP ? this.re.link_fuzzy : this.re.link_no_ip_fuzzy)) !== null) {
-            shift = ml.index + ml[1].length;
-
-            if (this.__index__ < 0 || shift < this.__index__) {
-              this.__schema__ = '';
-              this.__index__ = shift;
-              this.__last_index__ = ml.index + ml[0].length;
-            }
-          }
+      if (text.search(this.re.host_fuzzy_test) >= 0) {
+        if (text.match(this.__opts__.fuzzyIP ? this.re.link_fuzzy : this.re.link_no_ip_fuzzy) !== null) {
+          return true
         }
       }
     }
 
     if (this.__opts__.fuzzyEmail && this.__compiled__['mailto:']) {
       // guess schemaless emails
-      at_pos = text.indexOf('@');
-      if (at_pos >= 0) {
+      if (text.indexOf('@') >= 0) {
         // We can't skip this check, because this cases are possible:
         // 192.168.1.1@gmail.com, my.in@example.com
-        if ((me = text.match(this.re.email_fuzzy)) !== null) {
-          shift = me.index + me[1].length;
-          next = me.index + me[0].length;
-
-          if (this.__index__ < 0 || shift < this.__index__ ||
-              (shift === this.__index__ && next > this.__last_index__)) {
-            this.__schema__ = 'mailto:';
-            this.__index__ = shift;
-            this.__last_index__ = next;
-          }
-        }
+        if (text.match(this.re.email_fuzzy) !== null) { return true }
       }
     }
 
-    return this.__index__ >= 0
+    return false
   };
 
   /**
@@ -55847,23 +55978,88 @@ ${indentedChild}`;
    **/
   LinkifyIt.prototype.match = function match (text) {
     const result = [];
-    let shift = 0;
+    const type_schemed = [];
+    const type_fuzzy_link = [];
+    const type_fuzzy_email = [];
+    let m, len, re;
+
+    function choose (a, b) {
+      if (!a) { return b }
+      if (!b) { return a }
+      if (a.index !== b.index) { return a.index < b.index ? a : b }
+      return a.lastIndex >= b.lastIndex ? a : b
+    }
+
+    if (!text.length) { return null }
+
+    // scan for links with schema
+    if (this.re.schema_test.test(text)) {
+      re = this.re.schema_search;
+      re.lastIndex = 0;
+      while ((m = re.exec(text)) !== null) {
+        len = this.testSchemaAt(text, m[2], re.lastIndex);
+        if (len) {
+          type_schemed.push({
+            schema: m[2],
+            index: m.index + m[1].length,
+            lastIndex: m.index + m[0].length + len
+          });
+        }
+      }
+    }
+
+    if (this.__opts__.fuzzyLink && this.__compiled__['http:']) {
+      re = this.__opts__.fuzzyIP ? this.re.link_fuzzy_global : this.re.link_no_ip_fuzzy_global;
+      re.lastIndex = 0;
+      while ((m = re.exec(text)) !== null) {
+        type_fuzzy_link.push({
+          schema: '',
+          index: m.index + m[1].length,
+          lastIndex: m.index + m[0].length
+        });
+      }
+    }
 
-    // Try to take previous element from cache, if .test() called before
-    if (this.__index__ >= 0 && this.__text_cache__ === text) {
-      result.push(createMatch(this, shift));
-      shift = this.__last_index__;
+    if (this.__opts__.fuzzyEmail && this.__compiled__['mailto:']) {
+      re = this.re.email_fuzzy_global;
+      re.lastIndex = 0;
+      while ((m = re.exec(text)) !== null) {
+        type_fuzzy_email.push({
+          schema: 'mailto:',
+          index: m.index + m[1].length,
+          lastIndex: m.index + m[0].length
+        });
+      }
     }
 
-    // Cut head if cache was used
-    let tail = shift ? text.slice(shift) : text;
+    const indexes = [0, 0, 0];
+    let lastIndex = 0;
+
+    for (;;) {
+      const candidates = [
+        type_schemed[indexes[0]],
+        type_fuzzy_email[indexes[1]],
+        type_fuzzy_link[indexes[2]]
+      ];
 
-    // Scan string until end reached
-    while (this.test(tail)) {
-      result.push(createMatch(this, shift));
+      const candidate = choose(choose(candidates[0], candidates[1]), candidates[2]);
 
-      tail = tail.slice(this.__last_index__);
-      shift += this.__last_index__;
+      if (!candidate) { break }
+
+      if (candidate === candidates[0]) {
+        indexes[0]++;
+      } else if (candidate === candidates[1]) {
+        indexes[1]++;
+      } else {
+        indexes[2]++;
+      }
+
+      if (candidate.index < lastIndex) { continue }
+
+      const match = new Match(text, candidate.schema, candidate.index, candidate.lastIndex);
+      this.__compiled__[match.schema].normalize(match, this);
+      result.push(match);
+      lastIndex = candidate.lastIndex;
     }
 
     if (result.length) {
@@ -55880,10 +56076,6 @@ ${indentedChild}`;
    * of the string, and null otherwise.
    **/
   LinkifyIt.prototype.matchAtStart = function matchAtStart (text) {
-    // Reset scan cache
-    this.__text_cache__ = text;
-    this.__index__ = -1;
-
     if (!text.length) return null
 
     const m = this.re.schema_at_start.exec(text);
@@ -55892,11 +56084,10 @@ ${indentedChild}`;
     const len = this.testSchemaAt(text, m[2], m[0].length);
     if (!len) return null
 
-    this.__schema__ = m[2];
-    this.__index__ = m.index + m[1].length;
-    this.__last_index__ = m.index + m[0].length + len;
+    const match = new Match(text, m[2], m.index + m[1].length, m.index + m[0].length + len);
 
-    return createMatch(this, 0)
+    this.__compiled__[match.schema].normalize(match, this);
+    return match
   };
 
   /** chainable
@@ -56948,7 +57139,7 @@ ${indentedChild}`;
    * ```javascript
    * var md = require('markdown-it')()
    *             .set({ html: true, breaks: true })
-   *             .set({ typographer, true });
+   *             .set({ typographer: true });
    * ```
    *
    * __Note:__ To achieve the best possible performance, don't modify a
@@ -58896,7 +59087,7 @@ ${indentedChild}`;
   // THIS FILE IS AUTOMATICALLY GENERATED DO NOT EDIT DIRECTLY
   // See update-tlds.js for encoding/decoding format
   // https://data.iana.org/TLD/tlds-alpha-by-domain.txt
-  const encodedTlds = 'aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2';
+  const encodedTlds = 'aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2odyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rck0msd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2oodside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2';
   // Internationalized domain names containing non-ASCII
   const encodedUtlds = 'ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2';
 
@@ -60288,11 +60479,6 @@ ${indentedChild}`;
     tt(Email$1, DOT, EmailDomainDot);
     tt(Email$1, HYPHEN, EmailDomainHyphen);
 
-    // Final possible email states
-    const EmailColon = tt(Email$1, COLON); // URL followed by colon (potential port number here)
-    /*const EmailColonPort = */
-    ta(EmailColon, groups.numeric, Email); // URL followed by colon and port number
-
     // Account for dots and hyphens. Hyphens are usually parts of domain names
     // (but not TLDs)
     const DomainHyphen = tt(Domain, HYPHEN); // domain followed by hyphen
@@ -60375,16 +60561,18 @@ ${indentedChild}`;
       // Continue not accepting for open brackets
       tt(UrlNonaccept, OPEN, UrlOpen);
 
-      // Closing bracket component. This character WILL be included in the URL
-      tt(UrlOpen, CLOSE, Url$1);
-
-      // URL that beings with an opening bracket, followed by a symbols.
+      // URL that begins with an opening bracket, followed by a symbols.
       // Note that the final state can still be `UrlOpen` (if the URL has a
       // single opening bracket for some reason).
       const UrlOpenQ = makeState(Url);
       ta(UrlOpen, qsAccepting, UrlOpenQ);
       const UrlOpenSyms = makeState(); // UrlOpen followed by some symbols it cannot end it
-      ta(UrlOpen, qsNonAccepting);
+      ta(UrlOpen, qsNonAccepting, UrlOpenSyms);
+
+      // Closing bracket component. This character WILL be included in the URL.
+      // Must come after qsNonAccepting (which includes all close-bracket tokens)
+      // so that CLOSE -> Url wins over CLOSE -> UrlOpenSyms.
+      tt(UrlOpen, CLOSE, Url$1);
 
       // URL that begins with an opening bracket, followed by some symbols
       ta(UrlOpenQ, qsAccepting, UrlOpenQ);
@@ -61138,6 +61326,25 @@ ${indentedChild}`;
       return [inputRule];
     }
   });
+  function isSameLineOrderedListToken(token) {
+    var _a, _b;
+    const nestedToken = (_a = token.tokens) == null ? void 0 : _a[0];
+    return Boolean(
+      token.text && ((_b = token.tokens) == null ? void 0 : _b.length) === 1 && (nestedToken == null ? void 0 : nestedToken.type) === "list" && nestedToken.ordered && nestedToken.raw === token.text
+    );
+  }
+  function parseSameLineOrderedListText(text, helpers) {
+    if (helpers.tokenizeInline) {
+      return helpers.parseInline(helpers.tokenizeInline(text));
+    }
+    return helpers.parseInline([
+      {
+        type: "text",
+        raw: text,
+        text
+      }
+    ]);
+  }
   var ListItem = Node3.create({
     name: "listItem",
     addOptions() {
@@ -61168,6 +61375,17 @@ ${indentedChild}`;
       const parseBlockChildren = (_a = helpers.parseBlockChildren) != null ? _a : helpers.parseChildren;
       let content = [];
       if (token.tokens && token.tokens.length > 0) {
+        if (isSameLineOrderedListToken(token)) {
+          return {
+            type: "listItem",
+            content: [
+              {
+                type: "paragraph",
+                content: parseSameLineOrderedListText(token.text || "", helpers)
+              }
+            ]
+          };
+        }
         const hasParagraphTokens = token.tokens.some((t) => t.type === "paragraph");
         if (hasParagraphTokens) {
           content = parseBlockChildren(token.tokens);
@@ -63811,6 +64029,7 @@ ${indentedChild}`;
     addOptions() {
       return {
         limit: null,
+        autoTrim: true,
         mode: "textSize",
         textCounter: (text) => text.length,
         wordCounter: (text) => text.split(" ").filter((word) => word !== "").length
@@ -63848,7 +64067,8 @@ ${indentedChild}`;
               return;
             }
             const limit = this.options.limit;
-            if (limit === null || limit === void 0 || limit === 0) {
+            const autoTrim = this.options.autoTrim;
+            if (limit === null || limit === void 0 || limit === 0 || autoTrim === false) {
               initialEvaluationDone = true;
               return;
             }
@@ -63991,10 +64211,114 @@ ${indentedChild}`;
       };
     }
   });
+  function createPlaceholderDecoration(options) {
+    const {
+      editor,
+      placeholder,
+      dataAttribute,
+      pos,
+      node,
+      isEmptyDoc,
+      hasAnchor,
+      classes: { emptyNode, emptyEditor }
+    } = options;
+    const classes = [emptyNode];
+    if (isEmptyDoc) {
+      classes.push(emptyEditor);
+    }
+    return Decoration.node(pos, pos + node.nodeSize, {
+      class: classes.join(" "),
+      [dataAttribute]: typeof placeholder === "function" ? placeholder({
+        editor,
+        node,
+        pos,
+        hasAnchor
+      }) : placeholder
+    });
+  }
+
+  // src/placeholder/utils/findScrollParent.ts
+  function isScrollable(el) {
+    const style = getComputedStyle(el);
+    const overflow = `${style.overflow} ${style.overflowY} ${style.overflowX}`;
+    return /auto|scroll|overlay/.test(overflow);
+  }
+  function findScrollParent(element) {
+    let el = element;
+    while (el) {
+      if (isScrollable(el)) {
+        return el;
+      }
+      const parent = el.parentElement;
+      if (!parent) {
+        const root = el.getRootNode();
+        if (root instanceof ShadowRoot) {
+          el = root.host;
+          continue;
+        }
+        return window;
+      }
+      el = parent;
+    }
+    return window;
+  }
+
+  // src/placeholder/utils/getViewportBoundaryPositions.ts
+  function getContainerRect(container) {
+    if (container === window) {
+      return { top: 0, bottom: window.innerHeight };
+    }
+    return container.getBoundingClientRect();
+  }
+  function getViewportBoundaryPositions({
+    doc,
+    view,
+    scrollContainer
+  }) {
+    const editorRect = view.dom.getBoundingClientRect();
+    const containerRect = scrollContainer ? getContainerRect(scrollContainer) : { top: 0, bottom: window.innerHeight };
+    const visibleTop = Math.max(editorRect.top, containerRect.top);
+    const visibleBottom = Math.min(editorRect.bottom, containerRect.bottom);
+    if (visibleTop >= visibleBottom) {
+      return { top: 0, bottom: doc.content.size };
+    }
+    const isRTL = getComputedStyle(view.dom).direction === "rtl";
+    const x = isRTL ? Math.max(editorRect.right - 2, editorRect.left + 2) : editorRect.left + 2;
+    const topPos = view.posAtCoords({ left: x, top: visibleTop + 2 });
+    const bottomPos = view.posAtCoords({ left: x, top: visibleBottom - 2 });
+    return {
+      top: topPos ? topPos.pos : 0,
+      bottom: bottomPos ? bottomPos.pos : doc.content.size
+    };
+  }
+
+  // src/placeholder/utils/throttle.ts
+  function throttle(fn, delay) {
+    let timer = null;
+    const call = ((...args) => {
+      if (timer) {
+        return;
+      }
+      fn(...args);
+      timer = setTimeout(() => {
+        timer = null;
+      }, delay);
+    });
+    const cancel = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    return { call, cancel };
+  }
+
+  // src/placeholder/placeholder.ts
   var DEFAULT_DATA_ATTRIBUTE = "placeholder";
   function preparePlaceholderAttribute(attr) {
     return attr.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
   }
+  var PLUGIN_KEY = new PluginKey("tiptap__placeholder");
   var Placeholder = Extension.create({
     name: "placeholder",
     addOptions() {
@@ -64012,40 +64336,124 @@ ${indentedChild}`;
       const dataAttribute = this.options.dataAttribute ? `data-${preparePlaceholderAttribute(this.options.dataAttribute)}` : `data-${DEFAULT_DATA_ATTRIBUTE}`;
       return [
         new Plugin({
-          key: new PluginKey("placeholder"),
+          state: {
+            init() {
+              return {
+                // null means "no viewport info yet" — decoration callback falls
+                // back to full document scan until the scroll handler fires.
+                topPos: null,
+                bottomPos: null
+              };
+            },
+            apply(tr, prev) {
+              const meta = tr.getMeta(PLUGIN_KEY);
+              if (meta == null ? void 0 : meta.positions) {
+                return {
+                  topPos: meta.positions.top,
+                  bottomPos: meta.positions.bottom
+                };
+              }
+              if (!tr.docChanged) {
+                return prev;
+              }
+              return {
+                topPos: prev.topPos !== null ? tr.mapping.map(prev.topPos) : null,
+                bottomPos: prev.bottomPos !== null ? tr.mapping.map(prev.bottomPos) : null
+              };
+            }
+          },
+          key: PLUGIN_KEY,
+          view(view) {
+            const scrollContainer = findScrollParent(view.dom);
+            const computeAndDispatch = () => {
+              const positions = getViewportBoundaryPositions({
+                view,
+                doc: view.state.doc,
+                scrollContainer
+              });
+              const prev = PLUGIN_KEY.getState(view.state);
+              if (prev.topPos === positions.top && prev.bottomPos === positions.bottom) {
+                return;
+              }
+              const tr = view.state.tr.setMeta(PLUGIN_KEY, { positions }).setMeta("tiptap__viewportUpdate", true);
+              view.dispatch(tr);
+            };
+            const { call: throttledUpdate, cancel: cancelThrottle } = throttle(computeAndDispatch, 250);
+            const scrollParent = scrollContainer;
+            scrollParent.addEventListener("scroll", throttledUpdate, { passive: true });
+            computeAndDispatch();
+            return {
+              update(_, prevState) {
+                if (view.state.doc.content.size !== prevState.doc.content.size) {
+                  computeAndDispatch();
+                }
+              },
+              destroy: () => {
+                cancelThrottle();
+                scrollParent.removeEventListener("scroll", throttledUpdate);
+              }
+            };
+          },
           props: {
             decorations: ({ doc, selection }) => {
+              var _a, _b;
               const active = this.editor.isEditable || !this.options.showOnlyWhenEditable;
-              const { anchor } = selection;
-              const decorations = [];
               if (!active) {
                 return null;
               }
+              const { anchor } = selection;
+              const decorations = [];
               const isEmptyDoc = this.editor.isEmpty;
-              doc.descendants((node, pos) => {
-                const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;
-                const isEmpty = !node.isLeaf && isNodeEmpty(node);
-                if (!node.type.isTextblock) {
-                  return this.options.includeChildren;
+              const useResolvedPath = this.options.showOnlyCurrent && !this.options.includeChildren;
+              if (useResolvedPath) {
+                const resolved = doc.resolve(anchor);
+                if (resolved.depth > 0) {
+                  const node = resolved.node(1);
+                  const nodeStart = resolved.before(1);
+                  if (node.type.isTextblock && isNodeEmpty(node)) {
+                    const hasAnchor = anchor >= nodeStart && anchor <= nodeStart + node.nodeSize;
+                    const decoration = createPlaceholderDecoration({
+                      node,
+                      dataAttribute,
+                      hasAnchor,
+                      placeholder: this.options.placeholder,
+                      classes: {
+                        emptyEditor: this.options.emptyEditorClass,
+                        emptyNode: this.options.emptyNodeClass
+                      },
+                      editor: this.editor,
+                      isEmptyDoc,
+                      pos: resolved.before(1)
+                    });
+                    decorations.push(decoration);
+                  }
                 }
-                if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty) {
-                  const classes = [this.options.emptyNodeClass];
-                  if (isEmptyDoc) {
-                    classes.push(this.options.emptyEditorClass);
+              } else {
+                const pluginState = PLUGIN_KEY.getState(this.editor.state);
+                const from = (_a = pluginState.topPos) != null ? _a : 0;
+                const to = (_b = pluginState.bottomPos) != null ? _b : doc.content.size;
+                doc.nodesBetween(from, to, (node, pos) => {
+                  const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;
+                  const isEmpty = !node.isLeaf && isNodeEmpty(node);
+                  if (!node.type.isTextblock) {
+                    return this.options.includeChildren;
                   }
-                  const decoration = Decoration.node(pos, pos + node.nodeSize, {
-                    class: classes.join(" "),
-                    [dataAttribute]: typeof this.options.placeholder === "function" ? this.options.placeholder({
+                  if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty) {
+                    const decoration = createPlaceholderDecoration({
+                      classes: { emptyEditor: this.options.emptyEditorClass, emptyNode: this.options.emptyNodeClass },
                       editor: this.editor,
+                      isEmptyDoc,
+                      dataAttribute,
+                      hasAnchor,
+                      placeholder: this.options.placeholder,
                       node,
-                      pos,
-                      hasAnchor
-                    }) : this.options.placeholder
-                  });
-                  decorations.push(decoration);
-                }
-                return this.options.includeChildren;
-              });
+                      pos
+                    });
+                    decorations.push(decoration);
+                  }
+                  return this.options.includeChildren;
+                });
+              }
               return DecorationSet.create(doc, decorations);
             }
           }
@@ -65004,7 +65412,7 @@ ${indentedChild}`;
   applyMixins(RichTextEditor, ARIAGlobalStatesAndProperties);
   const nimbleRichTextEditor = RichTextEditor.compose({
       baseName: 'rich-text-editor',
-      template: template$M,
+      template: template$T,
       styles: styles$V,
       shadowOptions: {
           delegatesFocus: true
@@ -65014,7 +65422,7 @@ ${indentedChild}`;
       .withPrefix('nimble')
       .register(nimbleRichTextEditor());
 
-  const template$L = html `
+  const template$S = html `
     <template ${children$1({ property: 'childItems', filter: elements() })}>
         <div ${ref('viewer')} class="viewer"></div>
     </template>
@@ -65133,7 +65541,7 @@ ${indentedChild}`;
   ], RichTextViewer.prototype, "markdown", void 0);
   const nimbleRichTextViewer = RichTextViewer.compose({
       baseName: 'rich-text-viewer',
-      template: template$L,
+      template: template$S,
       styles: styles$U
   });
   DesignSystem.getOrCreate()
@@ -65476,7 +65884,7 @@ ${indentedChild}`;
             }
         `));
 
-  const template$K = html `
+  const template$R = html `
     <template role="progressbar">
         ${''
 /**
@@ -65523,7 +65931,7 @@ ${indentedChild}`;
   ], Spinner.prototype, "appearance", void 0);
   const nimbleSpinner = Spinner.compose({
       baseName: 'spinner',
-      template: template$K,
+      template: template$R,
       styles: styles$S
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());
@@ -65540,7 +65948,7 @@ ${indentedChild}`;
         <slot ${ref('labelSlot')}></slot>
     </label>
 `);
-  const template$J = (context, definition) => html `
+  const template$Q = (context, definition) => html `
     <template
         class="${x => [
     x.collapsible && 'collapsible',
@@ -66752,7 +67160,7 @@ ${indentedChild}`;
   const nimbleSelect = Select.compose({
       baseName: 'select',
       baseClass: Select$2,
-      template: template$J,
+      template: template$Q,
       styles: styles$T,
       indicator: arrowExpanderDown16X16.data,
       end: html `
@@ -66778,7 +67186,7 @@ ${indentedChild}`;
     }
 `;
 
-  const template$I = (context, definition) => html `
+  const template$P = (context, definition) => html `
     <template slot="step">
         <li class="
             container
@@ -66900,7 +67308,7 @@ ${indentedChild}`;
   ], Step.prototype, "tabIndex", void 0);
   const nimbleStep = Step.compose({
       baseName: 'step',
-      template: template$I,
+      template: template$P,
       styles: styles$R,
       shadowOptions: {
           delegatesFocus: true
@@ -66979,7 +67387,7 @@ ${indentedChild}`;
     }
 `;
 
-  const template$H = html `
+  const template$O = html `
     ${when(x => x.showScrollButtons, html `
         <${buttonTag}
             content-hidden
@@ -67124,7 +67532,7 @@ ${indentedChild}`;
   ], Stepper.prototype, "steps", void 0);
   const nimbleStepper = Stepper.compose({
       baseName: 'stepper',
-      template: template$H,
+      template: template$O,
       styles: styles$Q
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleStepper());
@@ -67356,7 +67764,7 @@ ${indentedChild}`;
             }
         `));
 
-  const template$G = html `
+  const template$N = html `
     <template
         role="switch"
         aria-checked="${x => x.checked}"
@@ -67400,7 +67808,7 @@ ${indentedChild}`;
   const nimbleSwitch = Switch.compose({
       baseClass: Switch$1,
       baseName: 'switch',
-      template: template$G,
+      template: template$N,
       styles: styles$P
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSwitch());
@@ -71518,7 +71926,7 @@ focus outline in that case.
     }
 `;
 
-  const template$F = html `
+  const template$M = html `
     <template role="columnheader"
         class="${x => (x.alignment === TableColumnAlignment.right ? 'right-align' : '')}"
         aria-sort="${x => x.ariaSort}"
@@ -71604,7 +72012,7 @@ focus outline in that case.
   ], TableHeader.prototype, "isGrouped", void 0);
   const nimbleTableHeader = TableHeader.compose({
       baseName: 'table-header',
-      template: template$F,
+      template: template$M,
       styles: styles$L
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableHeader());
@@ -71852,7 +72260,7 @@ focus outline in that case.
     }
 `;
 
-  const template$E = html `
+  const template$L = html `
     <template role="cell" style="--ni-private-table-cell-nesting-level: ${x => x.nestingLevel}"
         @focusin="${x => x.onCellFocusIn()}"
         @blur="${x => x.onCellBlur()}"
@@ -71949,13 +72357,13 @@ focus outline in that case.
   ], TableCell.prototype, "nestingLevel", void 0);
   const nimbleTableCell = TableCell.compose({
       baseName: 'table-cell',
-      template: template$E,
+      template: template$L,
       styles: styles$I
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableCell());
   const tableCellTag = 'nimble-table-cell';
 
-  const template$D = html `
+  const template$K = html `
     <template 
         role="row"
         aria-selected=${x => x.ariaSelected}
@@ -72350,7 +72758,7 @@ focus outline in that case.
   ], TableRow.prototype, "ariaSelected", null);
   const nimbleTableRow = TableRow.compose({
       baseName: 'table-row',
-      template: template$D,
+      template: template$K,
       styles: styles$J
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableRow());
@@ -72446,7 +72854,7 @@ focus outline in that case.
             }
         `));
 
-  const template$C = html `
+  const template$J = html `
     <template
         role="row"
         @click=${x => x.onGroupExpandToggle()}
@@ -72603,13 +73011,13 @@ focus outline in that case.
   ], TableGroupRow.prototype, "allowHover", void 0);
   const nimbleTableGroupRow = TableGroupRow.compose({
       baseName: 'table-group-row',
-      template: template$C,
+      template: template$J,
       styles: styles$H
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableGroupRow());
   const tableGroupRowTag = 'nimble-table-group-row';
 
-  const template$B = html `
+  const template$I = html `
     <template
         role="treegrid"
         ${'' /* tabindex managed dynamically by KeyboardNavigationManager */}
@@ -72782,24 +73190,56 @@ focus outline in that case.
     </template>
 `;
 
+  function createLazyMeasurementsView(count, flat, getItemKey) {
+    const cache = new Array(count);
+    return new Proxy(cache, {
+      get(target, prop, receiver) {
+        if (typeof prop === "string") {
+          const c = prop.charCodeAt(0);
+          if (c >= 48 && c <= 57) {
+            const i = +prop;
+            if (Number.isInteger(i) && i >= 0 && i < count) {
+              let v = target[i];
+              if (!v) {
+                const s = flat[i * 2];
+                v = target[i] = {
+                  index: i,
+                  key: getItemKey(i),
+                  start: s,
+                  size: flat[i * 2 + 1],
+                  end: s + flat[i * 2 + 1],
+                  lane: 0
+                };
+              }
+              return v;
+            }
+          }
+          if (prop === "length") return count;
+        }
+        return Reflect.get(target, prop, receiver);
+      }
+    });
+  }
+
   function memo(getDeps, fn, opts) {
     let deps = opts.initialDeps ?? [];
     let result;
     let isInitial = true;
     function memoizedFunction() {
-      var _a, _b, _c;
-      let depTime;
-      if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
+      var _a;
+      const debugEnabled = !!opts.key && !!((_a = opts.debug) == null ? void 0 : _a.call(opts));
+      let depTime = 0;
+      if (debugEnabled) depTime = Date.now();
       const newDeps = getDeps();
       const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
       if (!depsChanged) {
         return result;
       }
       deps = newDeps;
-      let resultTime;
-      if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
+      let resultTime = 0;
+      if (debugEnabled) resultTime = Date.now();
       result = fn(...newDeps);
-      if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
+      if (debugEnabled) {
         const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
         const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
         const resultFpsPercentage = resultEndTime / 16;
@@ -72849,6 +73289,14 @@ focus outline in that case.
     };
   };
 
+  let _isIOSResult;
+  const isIOSWebKit = () => {
+    if (_isIOSResult !== void 0) return _isIOSResult;
+    if (typeof navigator === "undefined") return _isIOSResult = false;
+    if (/iP(hone|od|ad)/.test(navigator.userAgent)) return _isIOSResult = true;
+    const mtp = navigator.maxTouchPoints;
+    return _isIOSResult = navigator.platform === "MacIntel" && mtp !== void 0 && mtp > 0;
+  };
   const getRect = (element) => {
     const { offsetWidth, offsetHeight } = element;
     return { width: offsetWidth, height: offsetHeight };
@@ -72857,9 +73305,10 @@ focus outline in that case.
   const defaultRangeExtractor = (range) => {
     const start = Math.max(range.startIndex - range.overscan, 0);
     const end = Math.min(range.endIndex + range.overscan, range.count - 1);
-    const arr = [];
-    for (let i = start; i <= end; i++) {
-      arr.push(i);
+    const len = end - start + 1;
+    const arr = new Array(len);
+    for (let i = 0; i < len; i++) {
+      arr[i] = start + i;
     }
     return arr;
   };
@@ -72904,7 +73353,7 @@ focus outline in that case.
     passive: true
   };
   const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
-  const observeElementOffset = (instance, cb) => {
+  const observeOffset = (instance, cb, readOffset) => {
     const element = instance.scrollElement;
     if (!element) {
       return;
@@ -72913,24 +73362,21 @@ focus outline in that case.
     if (!targetWindow) {
       return;
     }
+    const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
     let offset = 0;
-    const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
+    const fallback = registerScrollendEvent ? null : debounce(
       targetWindow,
-      () => {
-        cb(offset, false);
-      },
+      () => cb(offset, false),
       instance.options.isScrollingResetDelay
     );
     const createHandler = (isScrolling) => () => {
-      const { horizontal, isRtl } = instance.options;
-      offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
-      fallback();
+      offset = readOffset(element);
+      fallback == null ? void 0 : fallback();
       cb(offset, isScrolling);
     };
     const handler = createHandler(true);
     const endHandler = createHandler(false);
     element.addEventListener("scroll", handler, addEventListenerOptions);
-    const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
     if (registerScrollendEvent) {
       element.addEventListener("scrollend", endHandler, addEventListenerOptions);
     }
@@ -72941,6 +73387,10 @@ focus outline in that case.
       }
     };
   };
+  const observeElementOffset = (instance, cb) => observeOffset(instance, cb, (el) => {
+    const { horizontal, isRtl } = instance.options;
+    return horizontal ? el.scrollLeft * (isRtl && -1 || 1) : el.scrollTop;
+  });
   const measureElement = (element, entry, instance) => {
     if (entry == null ? void 0 : entry.borderBoxSize) {
       const box = entry.borderBoxSize[0];
@@ -72953,17 +73403,17 @@ focus outline in that case.
     }
     return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
   };
-  const elementScroll = (offset, {
+  const scrollWithAdjustments = (offset, {
     adjustments = 0,
     behavior
   }, instance) => {
     var _a, _b;
-    const toOffset = offset + adjustments;
     (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {
-      [instance.options.horizontal ? "left" : "top"]: toOffset,
+      [instance.options.horizontal ? "left" : "top"]: offset + adjustments,
       behavior
     });
   };
+  const elementScroll = scrollWithAdjustments;
   let Virtualizer$1 = class Virtualizer {
     constructor(opts) {
       this.unsubs = [];
@@ -72972,16 +73422,24 @@ focus outline in that case.
       this.isScrolling = false;
       this.scrollState = null;
       this.measurementsCache = [];
+      this._flatMeasurements = null;
       this.itemSizeCache = /* @__PURE__ */ new Map();
+      this.itemSizeCacheVersion = 0;
       this.laneAssignments = /* @__PURE__ */ new Map();
-      this.pendingMeasuredCacheIndexes = [];
+      this.pendingMin = null;
       this.prevLanes = void 0;
       this.lanesChangedFlag = false;
       this.lanesSettling = false;
+      this.pendingScrollAnchor = null;
       this.scrollRect = null;
       this.scrollOffset = null;
       this.scrollDirection = null;
       this.scrollAdjustments = 0;
+      this._iosDeferredAdjustment = 0;
+      this._iosTouching = false;
+      this._iosJustTouchEnded = false;
+      this._iosTouchEndTimerId = null;
+      this._intendedScrollOffset = null;
       this.elementsCache = /* @__PURE__ */ new Map();
       this.now = () => {
         var _a, _b, _c;
@@ -73003,6 +73461,12 @@ focus outline in that case.
                 const index = this.indexFromElement(node);
                 if (!node.isConnected) {
                   this.observer.unobserve(node);
+                  for (const [cacheKey, cachedNode] of this.elementsCache) {
+                    if (cachedNode === node) {
+                      this.elementsCache.delete(cacheKey);
+                      break;
+                    }
+                  }
                   return;
                 }
                 if (this.shouldMeasureDuringScroll(index)) {
@@ -73034,10 +73498,8 @@ focus outline in that case.
       })();
       this.range = null;
       this.setOptions = (opts2) => {
-        Object.entries(opts2).forEach(([key, value]) => {
-          if (typeof value === "undefined") delete opts2[key];
-        });
-        this.options = {
+        var _a, _b;
+        const merged = {
           debug: false,
           initialOffset: 0,
           overscan: 1,
@@ -73057,14 +73519,50 @@ focus outline in that case.
           indexAttribute: "data-index",
           initialMeasurementsCache: [],
           lanes: 1,
+          anchorTo: "start",
+          followOnAppend: false,
+          scrollEndThreshold: 1,
           isScrollingResetDelay: 150,
           enabled: true,
           isRtl: false,
           useScrollendEvent: false,
           useAnimationFrameWithResizeObserver: false,
-          laneAssignmentMode: "estimate",
-          ...opts2
+          laneAssignmentMode: "estimate"
         };
+        for (const key in opts2) {
+          const v = opts2[key];
+          if (v !== void 0) merged[key] = v;
+        }
+        const prevOptions = this.options;
+        let anchor = null;
+        let followOnAppend = null;
+        if (prevOptions !== void 0 && prevOptions.enabled && merged.enabled && merged.anchorTo === "end" && this.scrollElement !== null) {
+          const prevCount = prevOptions.count;
+          const nextCount = merged.count;
+          const measurements = this.getMeasurements();
+          const prevFirstKey = prevCount > 0 ? ((_a = measurements[0]) == null ? void 0 : _a.key) ?? prevOptions.getItemKey(0) : null;
+          const prevLastKey = prevCount > 0 ? ((_b = measurements[prevCount - 1]) == null ? void 0 : _b.key) ?? prevOptions.getItemKey(prevCount - 1) : null;
+          const didCountChange = nextCount !== prevCount;
+          const didEdgeKeysChange = didCountChange || prevCount > 0 && nextCount > 0 && (merged.getItemKey(0) !== prevFirstKey || merged.getItemKey(nextCount - 1) !== prevLastKey);
+          if (didEdgeKeysChange) {
+            const item = prevCount > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? measurements[0] : null;
+            if (item) {
+              anchor = [item.key, this.getScrollOffset() - item.start];
+            }
+            const behavior = merged.followOnAppend === true ? "auto" : merged.followOnAppend || null;
+            if (behavior && nextCount > prevCount && this.isAtEnd(prevOptions.scrollEndThreshold) && (prevCount === 0 || merged.getItemKey(nextCount - 1) !== prevLastKey)) {
+              followOnAppend = behavior;
+            }
+          }
+        }
+        this.options = merged;
+        if (anchor || followOnAppend) {
+          this.pendingScrollAnchor = [
+            (anchor == null ? void 0 : anchor[0]) ?? null,
+            (anchor == null ? void 0 : anchor[1]) ?? 0,
+            followOnAppend
+          ];
+        }
       };
       this.notify = (sync) => {
         var _a, _b;
@@ -73135,21 +73633,104 @@ focus outline in that case.
           );
           this.unsubs.push(
             this.options.observeElementOffset(this, (offset, isScrolling) => {
+              if (this._intendedScrollOffset !== null && Math.abs(offset - this._intendedScrollOffset) < 1.5) {
+                offset = this._intendedScrollOffset;
+              }
+              this._intendedScrollOffset = null;
               this.scrollAdjustments = 0;
               this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
               this.scrollOffset = offset;
               this.isScrolling = isScrolling;
+              this._flushIosDeferredIfReady();
               if (this.scrollState) {
                 this.scheduleScrollReconcile();
               }
               this.maybeNotify();
             })
           );
+          if ("addEventListener" in this.scrollElement) {
+            const scrollEl = this.scrollElement;
+            const onTouchStart = () => {
+              this._iosTouching = true;
+              this._iosJustTouchEnded = false;
+              if (this._iosTouchEndTimerId !== null && this.targetWindow != null) {
+                this.targetWindow.clearTimeout(this._iosTouchEndTimerId);
+                this._iosTouchEndTimerId = null;
+              }
+            };
+            const onTouchEnd = () => {
+              this._iosTouching = false;
+              if (!isIOSWebKit() || this.targetWindow == null) {
+                return;
+              }
+              this._iosJustTouchEnded = true;
+              this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+                this._iosJustTouchEnded = false;
+                this._iosTouchEndTimerId = null;
+                this._flushIosDeferredIfReady();
+              }, 150);
+            };
+            scrollEl.addEventListener(
+              "touchstart",
+              onTouchStart,
+              addEventListenerOptions
+            );
+            scrollEl.addEventListener(
+              "touchend",
+              onTouchEnd,
+              addEventListenerOptions
+            );
+            this.unsubs.push(() => {
+              scrollEl.removeEventListener("touchstart", onTouchStart);
+              scrollEl.removeEventListener("touchend", onTouchEnd);
+              if (this._iosTouchEndTimerId !== null && this.targetWindow != null) {
+                this.targetWindow.clearTimeout(this._iosTouchEndTimerId);
+                this._iosTouchEndTimerId = null;
+              }
+            });
+          }
           this._scrollToOffset(this.getScrollOffset(), {
             adjustments: void 0,
             behavior: void 0
           });
         }
+        const anchor = this.pendingScrollAnchor;
+        this.pendingScrollAnchor = null;
+        if (anchor && this.scrollElement && this.options.enabled) {
+          const [key, offset, followOnAppend] = anchor;
+          if (key !== null) {
+            const { count, getItemKey } = this.options;
+            let index = 0;
+            while (index < count && getItemKey(index) !== key) {
+              index++;
+            }
+            const item = index < count ? this.getMeasurements()[index] : void 0;
+            if (item) {
+              const delta = item.start + offset - this.getScrollOffset();
+              if (!approxEqual(delta, 0)) {
+                this.applyScrollAdjustment(delta);
+              }
+            }
+          }
+          if (followOnAppend) {
+            this.scrollToEnd({ behavior: followOnAppend });
+          }
+        }
+      };
+      this._flushIosDeferredIfReady = () => {
+        if (this._iosDeferredAdjustment === 0) return;
+        if (this.isScrolling) return;
+        if (this._iosTouching) return;
+        if (this._iosJustTouchEnded) return;
+        const cur = this.getScrollOffset();
+        const max = this.getMaxScrollOffset();
+        if (cur < 0 || cur > max) return;
+        const delta = this._iosDeferredAdjustment;
+        this._iosDeferredAdjustment = 0;
+        this._scrollToOffset(cur, {
+          adjustments: this.scrollAdjustments += delta,
+          behavior: void 0
+        });
       };
       this.rafId = null;
       this.getSize = () => {
@@ -73211,7 +73792,7 @@ focus outline in that case.
             this.lanesChangedFlag = true;
           }
           this.prevLanes = lanes;
-          this.pendingMeasuredCacheIndexes = [];
+          this.pendingMin = null;
           return {
             count,
             paddingStart,
@@ -73227,7 +73808,7 @@ focus outline in that case.
         }
       );
       this.getMeasurements = memo(
-        () => [this.getMeasurementOptions(), this.itemSizeCache],
+        () => [this.getMeasurementOptions(), this.itemSizeCacheVersion],
         ({
           count,
           paddingStart,
@@ -73236,7 +73817,8 @@ focus outline in that case.
           enabled,
           lanes,
           laneAssignmentMode
-        }, itemSizeCache) => {
+        }, _itemSizeCacheVersion) => {
+          const itemSizeCache = this.itemSizeCache;
           if (!enabled) {
             this.measurementsCache = [];
             this.itemSizeCache.clear();
@@ -73256,7 +73838,7 @@ focus outline in that case.
             this.measurementsCache = [];
             this.itemSizeCache.clear();
             this.laneAssignments.clear();
-            this.pendingMeasuredCacheIndexes = [];
+            this.pendingMin = null;
           }
           if (this.measurementsCache.length === 0 && !this.lanesSettling) {
             this.measurementsCache = this.options.initialMeasurementsCache;
@@ -73264,11 +73846,40 @@ focus outline in that case.
               this.itemSizeCache.set(item.key, item.size);
             });
           }
-          const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-          this.pendingMeasuredCacheIndexes = [];
+          const min = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+          this.pendingMin = null;
           if (this.lanesSettling && this.measurementsCache.length === count) {
             this.lanesSettling = false;
           }
+          if (lanes === 1) {
+            const gap = this.options.gap;
+            const need = count * 2;
+            let flat = this._flatMeasurements;
+            if (!flat || flat.length < need) {
+              const next = new Float64Array(need);
+              if (flat && min > 0) next.set(flat.subarray(0, min * 2));
+              flat = next;
+              this._flatMeasurements = flat;
+            }
+            let runningStart;
+            if (min === 0) {
+              runningStart = paddingStart + scrollMargin;
+            } else {
+              const prevIdx = min - 1;
+              runningStart = flat[prevIdx * 2] + flat[prevIdx * 2 + 1] + gap;
+            }
+            for (let i = min; i < count; i++) {
+              const key = getItemKey(i);
+              const measuredSize = itemSizeCache.get(key);
+              const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
+              flat[i * 2] = runningStart;
+              flat[i * 2 + 1] = size;
+              runningStart += size + gap;
+            }
+            const view = createLazyMeasurementsView(count, flat, getItemKey);
+            this.measurementsCache = view;
+            return view;
+          }
           const measurements = this.measurementsCache.slice(0, min);
           const laneLastIndex = new Array(lanes).fill(
             void 0
@@ -73331,7 +73942,11 @@ focus outline in that case.
             measurements,
             outerSize,
             scrollOffset,
-            lanes
+            lanes,
+            // Pass the typed array so binary search + forward-walk can
+            // read start/end directly from Float64Array, skipping the
+            // Proxy traps that materialize a full VirtualItem per probe.
+            flat: lanes === 1 && this._flatMeasurements != null ? this._flatMeasurements : null
           }) : null;
         },
         {
@@ -73426,23 +74041,60 @@ focus outline in that case.
         }
       };
       this.resizeItem = (index, size) => {
-        var _a;
-        const item = this.measurementsCache[index];
-        if (!item) return;
-        const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
+        var _a, _b;
+        if (index < 0 || index >= this.options.count) return;
+        let cachedSize;
+        let itemStart;
+        let key;
+        const flat = this._flatMeasurements;
+        if (this.options.lanes === 1 && flat !== null) {
+          key = this.options.getItemKey(index);
+          itemStart = flat[index * 2];
+          cachedSize = flat[index * 2 + 1];
+        } else {
+          const item = this.measurementsCache[index];
+          if (!item) return;
+          key = item.key;
+          itemStart = item.start;
+          cachedSize = item.size;
+        }
+        const itemSize = this.itemSizeCache.get(key) ?? cachedSize;
         const delta = size - itemSize;
         if (delta !== 0) {
-          if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
-            if (this.options.debug) {
-              console.info("correction", delta);
-            }
-            this._scrollToOffset(this.getScrollOffset(), {
-              adjustments: this.scrollAdjustments += delta,
-              behavior: void 0
-            });
+          const wasAtEnd = this.options.anchorTo === "end" && ((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold;
+          const prevTotalSize = wasAtEnd ? this.getTotalSize() : 0;
+          const shouldAdjustScroll = ((_b = this.scrollState) == null ? void 0 : _b.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(
+            // The callback expects a VirtualItem; build one lazily only
+            // when the consumer actually supplied a custom predicate.
+            this.measurementsCache[index] ?? {
+              index,
+              key,
+              start: itemStart,
+              size: cachedSize,
+              end: itemStart + cachedSize,
+              lane: 0
+            },
+            delta,
+            this
+          ) : (
+            // Default: adjust scrollTop only when the resize is an above-
+            // viewport item AND we're not actively scrolling backward.
+            // Adjusting during backward scroll fights the user's scroll
+            // direction and produces the "items jump while scrolling up"
+            // jank reported across many issues. Users who want the old
+            // behavior can pass shouldAdjustScrollPositionOnItemSizeChange.
+            itemStart < this.getScrollOffset() + this.scrollAdjustments && this.scrollDirection !== "backward"
+          ));
+          if (this.pendingMin === null || index < this.pendingMin) {
+            this.pendingMin = index;
+          }
+          this.itemSizeCache.set(key, size);
+          this.itemSizeCacheVersion++;
+          if (wasAtEnd) {
+            this.applyScrollAdjustment(this.getTotalSize() - prevTotalSize);
+          } else if (shouldAdjustScroll) {
+            this.applyScrollAdjustment(delta);
           }
-          this.pendingMeasuredCacheIndexes.push(item.index);
-          this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
           this.notify(false);
         }
       };
@@ -73467,14 +74119,15 @@ focus outline in that case.
         if (measurements.length === 0) {
           return void 0;
         }
-        return notUndefined(
-          measurements[findNearestBinarySearch(
-            0,
-            measurements.length - 1,
-            (index) => notUndefined(measurements[index]).start,
-            offset
-          )]
+        const flat = this._flatMeasurements;
+        const useFlat = this.options.lanes === 1 && flat != null;
+        const idx = findNearestBinarySearch(
+          0,
+          measurements.length - 1,
+          useFlat ? (i) => flat[i * 2] : (i) => notUndefined(measurements[i]).start,
+          offset
         );
+        return notUndefined(measurements[idx]);
       };
       this.getMaxScrollOffset = () => {
         if (!this.scrollElement) return 0;
@@ -73485,6 +74138,18 @@ focus outline in that case.
           return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
         }
       };
+      this.getVirtualDistanceFromEnd = () => {
+        return Math.max(
+          this.getTotalSize() - this.getSize() - this.getScrollOffset(),
+          0
+        );
+      };
+      this.getDistanceFromEnd = () => {
+        return Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0);
+      };
+      this.isAtEnd = (threshold = this.options.scrollEndThreshold) => {
+        return this.getDistanceFromEnd() <= threshold;
+      };
       this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
         if (!this.scrollElement) return 0;
         const size = this.getSize();
@@ -73574,6 +74239,18 @@ focus outline in that case.
         this._scrollToOffset(offset, { adjustments: void 0, behavior });
         this.scheduleScrollReconcile();
       };
+      this.scrollToEnd = ({ behavior = "auto" } = {}) => {
+        if (this.options.count > 0) {
+          this.scrollToIndex(this.options.count - 1, {
+            align: "end",
+            behavior
+          });
+          return;
+        }
+        this.scrollToOffset(Math.max(this.getTotalSize() - this.getSize(), 0), {
+          behavior
+        });
+      };
       this.getTotalSize = () => {
         var _a;
         const measurements = this.getMeasurements();
@@ -73581,7 +74258,13 @@ focus outline in that case.
         if (measurements.length === 0) {
           end = this.options.paddingStart;
         } else if (this.options.lanes === 1) {
-          end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
+          const lastIdx = measurements.length - 1;
+          const flat = this._flatMeasurements;
+          if (flat != null) {
+            end = flat[lastIdx * 2] + flat[lastIdx * 2 + 1];
+          } else {
+            end = ((_a = measurements[lastIdx]) == null ? void 0 : _a.end) ?? 0;
+          }
         } else {
           const endByLane = Array(this.options.lanes).fill(null);
           let endIndex = measurements.length - 1;
@@ -73599,19 +74282,54 @@ focus outline in that case.
           0
         );
       };
+      this.takeSnapshot = () => {
+        const snapshot = [];
+        if (this.itemSizeCache.size === 0) return snapshot;
+        const m = this.getMeasurements();
+        for (const item of m) {
+          if (item && this.itemSizeCache.has(item.key)) {
+            snapshot.push({
+              index: item.index,
+              key: item.key,
+              start: item.start,
+              size: item.size,
+              end: item.end,
+              lane: item.lane
+            });
+          }
+        }
+        return snapshot;
+      };
       this._scrollToOffset = (offset, {
         adjustments,
         behavior
       }) => {
+        this._intendedScrollOffset = offset + (adjustments ?? 0);
         this.options.scrollToFn(offset, { behavior, adjustments }, this);
       };
       this.measure = () => {
-        this.itemSizeCache = /* @__PURE__ */ new Map();
-        this.laneAssignments = /* @__PURE__ */ new Map();
+        this.pendingMin = null;
+        this.itemSizeCache.clear();
+        this.laneAssignments.clear();
+        this.itemSizeCacheVersion++;
         this.notify(false);
       };
       this.setOptions(opts);
     }
+    applyScrollAdjustment(delta, behavior) {
+      if (delta === 0) return;
+      if (this.options.debug) {
+        console.info("correction", delta);
+      }
+      if (isIOSWebKit() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded)) {
+        this._iosDeferredAdjustment += delta;
+      } else {
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: this.scrollAdjustments += delta,
+          behavior
+        });
+      }
+    }
     scheduleScrollReconcile() {
       if (!this.targetWindow) {
         this.scrollState = null;
@@ -73639,17 +74357,28 @@ focus outline in that case.
       if (!targetChanged && approxEqual(targetOffset, this.getScrollOffset())) {
         this.scrollState.stableFrames++;
         if (this.scrollState.stableFrames >= STABLE_FRAMES) {
+          if (this.getScrollOffset() !== targetOffset) {
+            this._scrollToOffset(targetOffset, {
+              adjustments: void 0,
+              behavior: "auto"
+            });
+          }
           this.scrollState = null;
           return;
         }
       } else {
         this.scrollState.stableFrames = 0;
         if (targetChanged) {
+          const viewport = this.getSize() || 600;
+          const distance = Math.abs(targetOffset - this.getScrollOffset());
+          const keepSmooth = this.scrollState.behavior === "smooth" && distance > viewport;
           this.scrollState.lastTargetOffset = targetOffset;
-          this.scrollState.behavior = "auto";
+          if (!keepSmooth) {
+            this.scrollState.behavior = "auto";
+          }
           this._scrollToOffset(targetOffset, {
             adjustments: void 0,
-            behavior: "auto"
+            behavior: keepSmooth ? "smooth" : "auto"
           });
         }
       }
@@ -73678,25 +74407,22 @@ focus outline in that case.
     measurements,
     outerSize,
     scrollOffset,
-    lanes
+    lanes,
+    flat
   }) {
     const lastIndex = measurements.length - 1;
-    const getOffset = (index) => measurements[index].start;
+    const getStart = flat ? (index) => flat[index * 2] : (index) => measurements[index].start;
+    const getEnd = flat ? (index) => flat[index * 2] + flat[index * 2 + 1] : (index) => measurements[index].end;
     if (measurements.length <= lanes) {
       return {
         startIndex: 0,
         endIndex: lastIndex
       };
     }
-    let startIndex = findNearestBinarySearch(
-      0,
-      lastIndex,
-      getOffset,
-      scrollOffset
-    );
+    let startIndex = findNearestBinarySearch(0, lastIndex, getStart, scrollOffset);
     let endIndex = startIndex;
     if (lanes === 1) {
-      while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
+      while (endIndex < lastIndex && getEnd(endIndex) < scrollOffset + outerSize) {
         endIndex++;
       }
     } else if (lanes > 1) {
@@ -76932,7 +77658,7 @@ focus outline in that case.
   ], Table$1.prototype, "windowShiftKeyDown", void 0);
   const nimbleTable = Table$1.compose({
       baseName: 'table',
-      template: template$B,
+      template: template$I,
       styles: styles$M
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTable());
@@ -76949,7 +77675,7 @@ focus outline in that case.
 
   // Avoiding a wrapping <template> and be careful about starting and ending whitspace
   // so the template can be composed into other column header templates
-  const template$A = html `<span
+  const template$H = html `<span
     ${overflow('hasOverflow')}
     class="header-content"
     title=${x => (x.hasOverflow && x.headerTextContent ? x.headerTextContent : null)}
@@ -77045,7 +77771,7 @@ focus outline in that case.
     }
 `;
 
-  const template$z = html `
+  const template$G = html `
     <template
         @click="${(x, c) => {
     if (typeof x.cellRecord?.href === 'string') {
@@ -77137,7 +77863,7 @@ focus outline in that case.
   ], TableColumnAnchorCellView.prototype, "showAnchor", null);
   const anchorCellView = TableColumnAnchorCellView.compose({
       baseName: 'table-column-anchor-cell-view',
-      template: template$z,
+      template: template$G,
       styles: styles$F
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(anchorCellView());
@@ -77215,7 +77941,7 @@ focus outline in that case.
       observable
   ], TableColumnTextGroupHeaderViewBase.prototype, "text", void 0);
 
-  const template$y = html `
+  const template$F = html `
     <span
         ${overflow('hasOverflow')}
         title="${x => (x.hasOverflow && x.text ? x.text : null)}"
@@ -77248,7 +77974,7 @@ focus outline in that case.
   }
   const tableColumnTextGroupHeaderView = TableColumnTextGroupHeaderView.compose({
       baseName: 'table-column-text-group-header-view',
-      template: template$y,
+      template: template$F,
       styles: styles$E
   });
   DesignSystem.getOrCreate()
@@ -77493,7 +78219,7 @@ focus outline in that case.
   ], TableColumnAnchor.prototype, "download", void 0);
   const nimbleTableColumnAnchor = TableColumnAnchor.compose({
       baseName: 'table-column-anchor',
-      template: template$A,
+      template: template$H,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -77546,7 +78272,7 @@ focus outline in that case.
   }
   const tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({
       baseName: 'table-column-date-text-group-header-view',
-      template: template$y,
+      template: template$F,
       styles: styles$E
   });
   DesignSystem.getOrCreate()
@@ -77554,7 +78280,7 @@ focus outline in that case.
       .register(tableColumnDateTextGroupHeaderView());
   const tableColumnDateTextGroupHeaderViewTag = 'nimble-table-column-date-text-group-header-view';
 
-  const template$x = html `
+  const template$E = html `
     <template
         class="
             ${x => (x.alignment === TableColumnAlignment.right ? 'right-align' : '')}
@@ -77672,7 +78398,7 @@ focus outline in that case.
   }
   const dateTextCellView = TableColumnDateTextCellView.compose({
       baseName: 'table-column-date-text-cell-view',
-      template: template$x,
+      template: template$E,
       styles: styles$D
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());
@@ -77931,7 +78657,7 @@ focus outline in that case.
   ], TableColumnDateText.prototype, "customHourCycle", void 0);
   const nimbleTableColumnDateText = TableColumnDateText.compose({
       baseName: 'table-column-date-text',
-      template: template$A,
+      template: template$H,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -77948,7 +78674,7 @@ focus outline in that case.
   }
   const durationTextCellView = TableColumnDurationTextCellView.compose({
       baseName: 'table-column-duration-text-cell-view',
-      template: template$x,
+      template: template$E,
       styles: styles$D
   });
   DesignSystem.getOrCreate()
@@ -78050,7 +78776,7 @@ focus outline in that case.
   }
   const tableColumnDurationTextGroupHeaderView = TableColumnDurationTextGroupHeaderView.compose({
       baseName: 'table-column-duration-text-group-header-view',
-      template: template$y,
+      template: template$F,
       styles: styles$E
   });
   DesignSystem.getOrCreate()
@@ -78103,7 +78829,7 @@ focus outline in that case.
   }
   const nimbleTableColumnDurationText = TableColumnDurationText.compose({
       baseName: 'table-column-duration-text',
-      template: template$A,
+      template: template$H,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -78220,7 +78946,7 @@ focus outline in that case.
     }
 `;
 
-  const template$w = html `${template$A}<slot ${slotted('mappings')} name="mapping"></slot>`;
+  const template$D = html `${template$H}<slot ${slotted('mappings')} name="mapping"></slot>`;
 
   const enumBaseValidityFlagNames = [
       'invalidMappingKeyValueForType',
@@ -78330,7 +79056,7 @@ focus outline in that case.
     }
 `;
 
-  const template$v = html `
+  const template$C = html `
     ${when(x => x.visualizationTemplate, html `
             <span class="reserve-icon-size">
                 ${x => x.visualizationTemplate}
@@ -78474,7 +79200,7 @@ focus outline in that case.
   ], TableColumnMappingGroupHeaderView.prototype, "visualizationTemplate", void 0);
   const mappingGroupHeaderView = TableColumnMappingGroupHeaderView.compose({
       baseName: 'table-column-mapping-group-header-view',
-      template: template$v,
+      template: template$C,
       styles: styles$B
   });
   DesignSystem.getOrCreate()
@@ -78506,7 +79232,7 @@ focus outline in that case.
     }
 `;
 
-  const template$u = html `
+  const template$B = html `
     ${when(x => x.visualizationTemplate, html `
             <span class="reserve-icon-size">
                 ${x => x.visualizationTemplate}
@@ -78593,7 +79319,7 @@ focus outline in that case.
   ], TableColumnMappingCellView.prototype, "hasOverflow", void 0);
   const mappingCellView = TableColumnMappingCellView.compose({
       baseName: 'table-column-mapping-cell-view',
-      template: template$u,
+      template: template$B,
       styles: styles$A
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(mappingCellView());
@@ -78677,23 +79403,23 @@ focus outline in that case.
   ], TableColumnMapping.prototype, "widthMode", void 0);
   const nimbleTableColumnMapping = TableColumnMapping.compose({
       baseName: 'table-column-mapping',
-      template: template$w,
+      template: template$D,
       styles: styles$C
   });
   DesignSystem.getOrCreate()
       .withPrefix('nimble')
       .register(nimbleTableColumnMapping());
 
-  const template$t = html `
+  const template$A = html `
     <template @delegated-event="${(x, c) => x.onDelegatedEvent(c.event)}"
-        >${template$A}</template
+        >${template$H}</template
     >
 `;
 
   /** @internal */
   const cellViewMenuSlotName = 'menu-button-menu';
 
-  const template$s = html `
+  const template$z = html `
     ${when(x => x.showMenuButton, html `
         <${menuButtonTag}
             ${ref('menuButton')}
@@ -78787,7 +79513,7 @@ focus outline in that case.
   ], TableColumnMenuButtonCellView.prototype, "showMenuButton", null);
   const menuButtonCellView = TableColumnMenuButtonCellView.compose({
       baseName: 'table-column-menu-button-cell-view',
-      template: template$s,
+      template: template$z,
       styles: styles$z
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(menuButtonCellView());
@@ -78843,7 +79569,7 @@ focus outline in that case.
   ], TableColumnMenuButton.prototype, "menuSlot", void 0);
   const nimbleTableColumnMenuButton = TableColumnMenuButton.compose({
       baseName: 'table-column-menu-button',
-      template: template$t,
+      template: template$A,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -78852,7 +79578,7 @@ focus outline in that case.
 
   // Avoiding a wrapping <template> and be careful about starting and ending whitespace
   // so the template can be composed into other column header templates
-  const template$r = html `<span
+  const template$y = html `<span
     ${overflow('hasOverflow')}
     class="header-content"
     title=${x => (x.hasOverflow && x.headerTextContent ? x.headerTextContent : null)}
@@ -78871,7 +79597,7 @@ focus outline in that case.
   }
   const tableColumnNumberTextGroupHeaderView = TableColumnNumberTextGroupHeaderView.compose({
       baseName: 'table-column-number-text-group-header-view',
-      template: template$y,
+      template: template$F,
       styles: styles$E
   });
   DesignSystem.getOrCreate()
@@ -78893,7 +79619,7 @@ focus outline in that case.
   }
   const numberTextCellView = TableColumnNumberTextCellView.compose({
       baseName: 'table-column-number-text-cell-view',
-      template: template$x,
+      template: template$E,
       styles: styles$D
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(numberTextCellView());
@@ -79434,7 +80160,7 @@ focus outline in that case.
   ], TableColumnNumberText.prototype, "unit", void 0);
   const nimbleTableColumnNumberText = TableColumnNumberText.compose({
       baseName: 'table-column-number-text',
-      template: template$r,
+      template: template$y,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -79453,7 +80179,7 @@ focus outline in that case.
   }
   const textCellView = TableColumnTextCellView.compose({
       baseName: 'table-column-text-cell-view',
-      template: template$x,
+      template: template$E,
       styles: styles$D
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(textCellView());
@@ -79508,7 +80234,7 @@ focus outline in that case.
   }
   const nimbleTableColumnText = TableColumnText.compose({
       baseName: 'table-column-text',
-      template: template$A,
+      template: template$H,
       styles: styles$G
   });
   DesignSystem.getOrCreate()
@@ -79597,7 +80323,7 @@ focus outline in that case.
   const nimbleTabs = Tabs.compose({
       baseName: 'tabs',
       baseClass: Tabs$1,
-      template: template$12,
+      template: template$19,
       styles: styles$y
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabs());
@@ -79634,7 +80360,7 @@ focus outline in that case.
     }
 `;
 
-  const template$q = (context, definition) => html `
+  const template$x = (context, definition) => html `
     <template slot="end">
         ${when(x => x.defaultSlottedElements.length > 0, html `
             <div class="separator"></div>
@@ -79666,7 +80392,7 @@ focus outline in that case.
   ], TabsToolbar.prototype, "defaultSlottedElements", void 0);
   const nimbleTabsToolbar = TabsToolbar.compose({
       baseName: 'tabs-toolbar',
-      template: template$q,
+      template: template$x,
       styles: styles$x
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabsToolbar());
@@ -79872,7 +80598,7 @@ focus outline in that case.
         <slot ${slotted('defaultSlottedNodes')}></slot>
     </label>
 `);
-  const template$p = () => html `
+  const template$w = () => html `
     ${labelTemplate$1}
     <div class="container">
         <textarea
@@ -80020,7 +80746,7 @@ focus outline in that case.
   const nimbleTextArea = TextArea.compose({
       baseName: 'text-area',
       baseClass: TextArea$1,
-      template: template$p,
+      template: template$w,
       styles: styles$w,
       shadowOptions: {
           delegatesFocus: true
@@ -80315,7 +81041,7 @@ focus outline in that case.
    * The template for the {@link @ni/fast-foundation#(TextField:class)} component.
    * @public
    */
-  const template$o = (context, definition) => html `
+  const template$v = (context, definition) => html `
     <template
         class="
             ${x => (x.readOnly ? 'readonly' : '')}
@@ -80400,7 +81126,7 @@ focus outline in that case.
   const nimbleTextField = TextField.compose({
       baseName: 'text-field',
       baseClass: TextField$1,
-      template: template$o,
+      template: template$v,
       styles: styles$v,
       shadowOptions: {
           delegatesFocus: true
@@ -80504,7 +81230,7 @@ focus outline in that case.
             }
         `));
 
-  const template$n = html `
+  const template$u = html `
             ${when(x => x.tooltipVisible, html `
             <${anchoredRegionTag}
                 class="anchored-region"
@@ -80556,7 +81282,7 @@ focus outline in that case.
   const nimbleTooltip = Tooltip.compose({
       baseName: 'tooltip',
       baseClass: Tooltip$1,
-      template: template$n,
+      template: template$u,
       styles: styles$u
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());
@@ -80882,7 +81608,7 @@ focus outline in that case.
     }
 `;
 
-  const template$m = html `
+  const template$t = html `
     <template
         role="tree"
         ${ref('treeView')}
@@ -80978,7 +81704,7 @@ focus outline in that case.
   const nimbleTreeView = TreeView.compose({
       baseName: 'tree-view',
       baseClass: TreeView$1,
-      template: template$m,
+      template: template$t,
       styles: styles$s
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeView());
@@ -81095,7 +81821,7 @@ focus outline in that case.
   }
   const unitScaleByte = new UnitScaleByte();
 
-  const template$l = html `<template slot="unit"></template>`;
+  const template$s = html `<template slot="unit"></template>`;
 
   const styles$r = css `
     ${display$2('none')}
@@ -81125,7 +81851,7 @@ focus outline in that case.
   ], UnitByte.prototype, "binary", void 0);
   const nimbleUnitByte = UnitByte.compose({
       baseName: 'unit-byte',
-      template: template$l,
+      template: template$s,
       styles: styles$r
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitByte());
@@ -81178,7 +81904,7 @@ focus outline in that case.
   }
   const nimbleUnitVolt = UnitVolt.compose({
       baseName: 'unit-volt',
-      template: template$l,
+      template: template$s,
       styles: styles$r
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitVolt());
@@ -95493,7 +96219,7 @@ focus outline in that case.
       return new Table(reader.readAll());
   }
 
-  const template$k = html `
+  const template$r = html `
     <div class="wafer-map-container">
         <svg class="svg-root">
             <g ${ref('zoomContainer')} transform=${x => x.transform.toString()}>
@@ -98551,7 +99277,7 @@ focus outline in that case.
   ], WaferMap.prototype, "colorScale", void 0);
   const nimbleWaferMap = WaferMap.compose({
       baseName: 'wafer-map',
-      template: template$k,
+      template: template$r,
       styles: styles$q
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleWaferMap());
@@ -98637,7 +99363,7 @@ focus outline in that case.
     }
 `;
 
-  const template$j = html `
+  const template$q = html `
 <div class="toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}">
     <slot name="toolbar" ${slotted({ property: 'slottedToolbarElements' })}></slot>
 </div>
@@ -98719,7 +99445,7 @@ focus outline in that case.
   ], ChatConversation.prototype, "slottedEndElements", void 0);
   const sprightChatConversation = ChatConversation.compose({
       baseName: 'chat-conversation',
-      template: template$j,
+      template: template$q,
       styles: styles$p
   });
   DesignSystem.getOrCreate()
@@ -98871,7 +99597,7 @@ focus outline in that case.
     }
 `;
 
-  const template$i = html `
+  const template$p = html `
 <div class="container">
     <section class="attachments ${x => (x.attachmentsIsEmpty ? '' : 'has-content')}">
         <slot
@@ -99123,7 +99849,7 @@ focus outline in that case.
   ], ChatInput.prototype, "slottedAttachmentsElements", void 0);
   const sprightChatInput = ChatInput.compose({
       baseName: 'chat-input',
-      template: template$i,
+      template: template$p,
       styles: styles$o,
       shadowOptions: {
           delegatesFocus: true
@@ -99216,7 +99942,7 @@ focus outline in that case.
     }
 `;
 
-  const template$h = (context, definition) => html `
+  const template$o = (context, definition) => html `
     <div class="container">
         ${startSlotTemplate(context, definition)}
         <section class="message-content">
@@ -99265,7 +99991,7 @@ focus outline in that case.
   applyMixins(ChatMessage, StartEnd);
   const sprightChatMessage = ChatMessage.compose({
       baseName: 'chat-message',
-      template: template$h,
+      template: template$o,
       styles: styles$n
   });
   DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessage());
@@ -99328,7 +100054,7 @@ focus outline in that case.
     }
 `;
 
-  const template$g = (context, definition) => html `
+  const template$n = (context, definition) => html `
     <div class="container">
         ${startSlotTemplate(context, definition)}
         <section class="message-content">
@@ -99366,7 +100092,7 @@ focus outline in that case.
   applyMixins(ChatMessageInbound, StartEnd);
   const sprightChatMessageInbound = ChatMessageInbound.compose({
       baseName: 'chat-message-inbound',
-      template: template$g,
+      template: template$n,
       styles: styles$m
   });
   DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageInbound());
@@ -99405,7 +100131,7 @@ focus outline in that case.
     }
 `;
 
-  const template$f = () => html `
+  const template$m = () => html `
     <div class="container">
         <section class="message-content">
             <slot></slot>
@@ -99420,7 +100146,7 @@ focus outline in that case.
   }
   const sprightChatMessageOutbound = ChatMessageOutbound.compose({
       baseName: 'chat-message-outbound',
-      template: template$f,
+      template: template$m,
       styles: styles$l
   });
   DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageOutbound());
@@ -99452,7 +100178,7 @@ focus outline in that case.
     }
 `;
 
-  const template$e = () => html `
+  const template$l = () => html `
     <div class="container">
         <section class="message-content">
             <slot></slot>
@@ -99467,7 +100193,7 @@ focus outline in that case.
   }
   const sprightChatMessageSystem = ChatMessageSystem.compose({
       baseName: 'chat-message-system',
-      template: template$e,
+      template: template$l,
       styles: styles$k
   });
   DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageSystem());
@@ -99575,7 +100301,7 @@ focus outline in that case.
   <path class="nigel-chat-dark-0" d="M11.36,7.6l-.03.02c-1.12.61-2.04,1.53-2.65,2.65l-.02.03c-.1.18-.35.18-.45,0l-.02-.03c-.61-1.12-1.53-2.04-2.65-2.65l-.03-.02c-.18-.1-.18-.35,0-.45l.03-.02c1.12-.61,2.04-1.53,2.65-2.65l.02-.03c.1-.18.35-.18.45,0l.02.03c.61,1.12,1.53,2.04,2.65,2.65l.03.02c.18.1.18.35,0,.45Z"/>
 </svg>`;
 
-  const template$d = html `
+  const template$k = html `
     <div class="icon light-icon" aria-hidden="true" :innerHTML="${() => nigelChatLightData}"></div>
     <div class="icon dark-icon" aria-hidden="true" :innerHTML="${() => nigelChatDarkData}"></div>
 `;
@@ -99604,7 +100330,7 @@ focus outline in that case.
   }
   const sprightIconNigelChat = IconNigelChat.compose({
       baseName: 'icon-nigel-chat',
-      template: template$d,
+      template: template$k,
       styles: styles$i
   });
   DesignSystem.getOrCreate()
@@ -99612,7 +100338,7 @@ focus outline in that case.
       .register(sprightIconNigelChat());
   const iconNigelChatTag = 'spright-icon-nigel-chat';
 
-  const template$c = () => html `
+  const template$j = () => html `
     <div class="container">
         <div class="brand-icon">
             <slot name="brand-icon">
@@ -99644,11 +100370,226 @@ focus outline in that case.
   ], ChatMessageWelcome.prototype, "subtitle", void 0);
   const sprightChatMessageWelcome = ChatMessageWelcome.compose({
       baseName: 'chat-message-welcome',
-      template: template$c,
+      template: template$j,
       styles: styles$j
   });
   DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageWelcome());
 
+  const iconData$6 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-conditional-0 {
+        fill: #c42126;
+      }
+    </style>
+  </defs>
+  <path class="breakpoint-conditional-0" d="M8,3c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5ZM11,9h-2v2h-2v-2h-2v-2h2v-2h2v2h2v2Z"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint conditional icon.
+   */
+  class IconBreakpointConditional extends Icon {
+  }
+  const template$i = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$6}"></div>
+`;
+  const sprightIconBreakpointConditional = IconBreakpointConditional.compose({
+      baseName: 'icon-breakpoint-conditional',
+      template: template$i,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointConditional());
+
+  const iconData$5 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-disabled-0 {
+        fill: #161617;
+        opacity: .3;
+      }
+    </style>
+  </defs>
+  <circle class="breakpoint-disabled-0" cx="8" cy="8" r="5"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint disabled icon.
+   */
+  class IconBreakpointDisabled extends Icon {
+  }
+  const template$h = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$5}"></div>
+`;
+  const sprightIconBreakpointDisabled = IconBreakpointDisabled.compose({
+      baseName: 'icon-breakpoint-disabled',
+      template: template$h,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointDisabled());
+
+  const iconData$4 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-enabled-0 {
+        fill: #c42126;
+      }
+    </style>
+  </defs>
+  <circle class="breakpoint-enabled-0" cx="8" cy="8" r="5"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint enabled icon.
+   */
+  class IconBreakpointEnabled extends Icon {
+  }
+  const template$g = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$4}"></div>
+`;
+  const sprightIconBreakpointEnabled = IconBreakpointEnabled.compose({
+      baseName: 'icon-breakpoint-enabled',
+      template: template$g,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointEnabled());
+
+  const iconData$3 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-execution-pointer-0 {
+        fill: #161617;
+      }
+    </style>
+  </defs>
+  <polygon class="breakpoint-execution-pointer-0" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint execution pointer icon.
+   */
+  class IconBreakpointExecutionPointer extends Icon {
+  }
+  const template$f = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$3}"></div>
+`;
+  const sprightIconBreakpointExecutionPointer = IconBreakpointExecutionPointer.compose({
+      baseName: 'icon-breakpoint-execution-pointer',
+      template: template$f,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointExecutionPointer());
+
+  const iconData$2 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-hit-disabled-0 {
+        opacity: .3;
+      }
+
+      .breakpoint-hit-disabled-0, .breakpoint-hit-disabled-1 {
+        fill: #161617;
+      }
+    </style>
+  </defs>
+  <path class="breakpoint-hit-disabled-0" d="M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z"/>
+  <polygon class="breakpoint-hit-disabled-1" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint hit disabled icon.
+   */
+  class IconBreakpointHitDisabled extends Icon {
+  }
+  const template$e = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$2}"></div>
+`;
+  const sprightIconBreakpointHitDisabled = IconBreakpointHitDisabled.compose({
+      baseName: 'icon-breakpoint-hit-disabled',
+      template: template$e,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointHitDisabled());
+
+  const iconData$1 = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-hit-0 {
+        fill: #c42126;
+      }
+
+      .breakpoint-hit-1 {
+        fill: #161617;
+      }
+    </style>
+  </defs>
+  <path class="breakpoint-hit-0" d="M3.36,6.25c.71-1.89,2.5-3.25,4.64-3.25s3.98,1.4,4.67,3.33l-4.96-2.99-1.45,2.4.84.51h-3.75ZM7.71,12.66l-1.45-2.4.84-.51h-3.75c.71,1.89,2.5,3.25,4.64,3.25s3.98-1.4,4.67-3.33l-4.96,2.99Z"/>
+  <polygon class="breakpoint-hit-1" points="7.97 4.37 7.29 5.49 9.8 7 2 7 2 9 9.8 9 7.29 10.51 7.97 11.63 14 8 7.97 4.37"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint hit icon.
+   */
+  class IconBreakpointHit extends Icon {
+  }
+  const template$d = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData$1}"></div>
+`;
+  const sprightIconBreakpointHit = IconBreakpointHit.compose({
+      baseName: 'icon-breakpoint-hit',
+      template: template$d,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointHit());
+
+  const iconData = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .breakpoint-hover-0 {
+        fill: #c42126;
+        opacity: .3;
+      }
+    </style>
+  </defs>
+  <circle class="breakpoint-hover-0" cx="8" cy="8" r="5"/>
+</svg>`;
+
+  /**
+   * Spright breakpoint hover icon.
+   */
+  class IconBreakpointHover extends Icon {
+  }
+  const template$c = html `
+    <div class="icon" aria-hidden="true" :innerHTML="${() => iconData}"></div>
+`;
+  const sprightIconBreakpointHover = IconBreakpointHover.compose({
+      baseName: 'icon-breakpoint-hover',
+      template: template$c,
+      styles: styles$1p
+  });
+  DesignSystem.getOrCreate()
+      .withPrefix('spright')
+      .register(sprightIconBreakpointHover());
+
   const styles$h = css `
     ${styles$1p}
 
@@ -99667,7 +100608,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemCalendarWeek = IconWorkItemCalendarWeek.compose({
       baseName: 'icon-work-item-calendar-week',
-      template: template$16,
+      template: template$1d,
       styles: styles$h
   });
   DesignSystem.getOrCreate()
@@ -99692,7 +100633,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemCalipers = IconWorkItemCalipers.compose({
       baseName: 'icon-work-item-calipers',
-      template: template$16,
+      template: template$1d,
       styles: styles$g
   });
   DesignSystem.getOrCreate()
@@ -99717,7 +100658,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemForklift = IconWorkItemForklift.compose({
       baseName: 'icon-work-item-forklift',
-      template: template$16,
+      template: template$1d,
       styles: styles$f
   });
   DesignSystem.getOrCreate()
@@ -99742,7 +100683,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemRectangleCheckLines = IconWorkItemRectangleCheckLines.compose({
       baseName: 'icon-work-item-rectangle-check-lines',
-      template: template$16,
+      template: template$1d,
       styles: styles$e
   });
   DesignSystem.getOrCreate()
@@ -99767,7 +100708,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemUserHelmetSafety = IconWorkItemUserHelmetSafety.compose({
       baseName: 'icon-work-item-user-helmet-safety',
-      template: template$16,
+      template: template$1d,
       styles: styles$d
   });
   DesignSystem.getOrCreate()
@@ -99792,7 +100733,7 @@ focus outline in that case.
   }
   const sprightIconWorkItemWrenchHammer = IconWorkItemWrenchHammer.compose({
       baseName: 'icon-work-item-wrench-hammer',
-      template: template$16,
+      template: template$1d,
       styles: styles$c
   });
   DesignSystem.getOrCreate()