@tylertech/forge-ai 0.11.7 → 0.12.0

package/dist/ai-suggestions/ai-suggestions.scss.mjs

@@ -1,285 +1,18 @@
-const styles = `/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
+const styles = `/* prettier-ignore */
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-/* prettier-ignore */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/* prettier-ignore */
 .forge-icon {
-  --_icon-color: var(--forge-icon-color, currentColor);
-  --_icon-size: var(--forge-icon-size, 1em);
-  --_icon-width: var(--forge-icon-width, var(--_icon-size));
-  --_icon-height: var(--forge-icon-height, var(--_icon-size));
-  --_icon-font-size: var(--forge-icon-font-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));
+  --_icon-color:var(--forge-icon-color, currentColor);
+  --_icon-size:var(--forge-icon-size, 1em);
+  --_icon-width:var(--forge-icon-width, var(--_icon-size));
+  --_icon-height:var(--forge-icon-height, var(--_icon-size));
+  --_icon-font-size:var(--forge-icon-font-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));
 }
 
-img.forge-icon,
-svg.forge-icon {
+img.forge-icon, svg.forge-icon {
   display: inline-block;
   box-sizing: content-box;
   contain: content;
@@ -303,22 +36,23 @@ svg {
 
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-/* prettier-ignore */
-@layer list, list-item, navlist, with-start-end, two-line, three-line, dense, wrap, selected, indented, disabled;
+@layer list, list-item, navlist, with-start-end, two-line, three-line, dense, wrap, selected, indented, disabled, multicolumn;
 @layer list {
   .forge-list {
-    --_list-spacing: var(--forge-list-spacing, 0);
-    --_list-container-color: var(--forge-list-container-color, transparent);
-    --_list-navlist-spacing: var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));
-    --_list-navlist-margin: var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));
-    --_list-navlist-height: var(--forge-list-navlist-height, 40px);
-    --_list-navlist-padding: var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));
-    --_list-navlist-shape: var(--forge-list-navlist-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));
-    --_list-navlist-font-size: var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));
-    --_list-navlist-font-weight: var(--forge-list-navlist-font-weight, 500);
+    --_list-spacing:var(--forge-list-spacing, 0);
+    --_list-container-color:var(--forge-list-container-color, transparent);
+    --_list-column-width:var(--forge-list-column-width, 256px);
+    --_list-column-spacing:var(--forge-list-column-spacing, var(--_list-spacing));
+    --_list-navlist-spacing:var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));
+    --_list-navlist-margin:var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));
+    --_list-navlist-height:var(--forge-list-navlist-height, 40px);
+    --_list-navlist-padding:var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));
+    --_list-navlist-shape:var(--forge-list-navlist-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));
+    --_list-navlist-font-size:var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));
+    --_list-navlist-font-weight:var(--forge-list-navlist-font-weight, 500);
   }
   .forge-list {
     outline: none;
@@ -328,7 +62,7 @@ svg {
     min-width: inherit;
   }
   .forge-list--dense .forge-list-item {
-    --_list-item-gap: var(--_list-item-dense-gap);
+    --_list-item-gap:var(--_list-item-dense-gap);
     height: var(--_list-item-dense-one-line-height);
     min-height: var(--_list-item-dense-one-line-height);
   }
@@ -366,8 +100,7 @@ svg {
   .forge-list-item:has(.forge-list-item__start ~ .forge-list-item__end) {
     grid-template-columns: auto 1fr auto;
   }
-  .forge-list-item__start,
-  .forge-list-item__end {
+  .forge-list-item__start, .forge-list-item__end {
     color: var(--_list-item-text-color);
     display: inline-flex;
     flex-shrink: 0;
@@ -378,39 +111,39 @@ svg {
 }
 @layer list-item {
   .forge-list-item {
-    --_list-item-background: var(--forge-list-item-background, transparent);
-    --_list-item-shape: var(--forge-list-item-shape, 0);
-    --_list-item-padding: var(--forge-list-item-padding, 0 var(--forge-spacing-medium, 16px));
-    --_list-item-margin: var(--forge-list-item-margin, 0);
-    --_list-item-height: var(--forge-list-item-height, 48px);
-    --_list-item-dense-height: var(--forge-list-item-dense-height, 32px);
-    --_list-item-indent: var(--forge-list-item-indent, var(--forge-spacing-xxlarge, 48px));
-    --_list-item-cursor: var(--forge-list-item-cursor, pointer);
-    --_list-item-gap: var(--forge-list-item-gap, var(--forge-spacing-large, 24px));
-    --_list-item-text-color: var(--forge-list-item-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
-    --_list-item-text-font-size: var(--forge-list-item-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));
-    --_list-item-text-font-weight: var(--forge-list-item-text-font-weight, var(--forge-typography-body2-font-weight, 400));
-    --_list-item-text-line-height: var(--forge-list-item-text-line-height, 1.5rem);
-    --_list-item-selected-color: var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));
-    --_list-item-selected-background: var(--forge-list-item-selected-background, var(--_list-item-selected-color));
-    --_list-item-selected-opacity: var(--forge-list-item-selected-opacity, 0.08);
-    --_list-item-selected-start-color: var(--forge-list-item-selected-start-color, var(--_list-item-selected-color));
-    --_list-item-selected-end-color: var(--forge-list-item-selected-end-color, var(--_list-item-selected-color));
-    --_list-item-selected-text-color: var(--forge-list-item-selected-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
-    --_list-item-disabled-opacity: var(--forge-list-item-disabled-opacity, 0.38);
-    --_list-item-disabled-cursor: var(--forge-list-item-disabled-cursor, not-allowed);
-    --_list-item-one-line-height: var(--forge-list-item-one-line-height, var(--_list-item-height));
-    --_list-item-two-line-height: var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));
-    --_list-item-three-line-height: var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));
-    --_list-item-dense-one-line-height: var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));
-    --_list-item-dense-two-line-height: var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));
-    --_list-item-dense-three-line-height: var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));
-    --_list-item-dense-font-size: var(--forge-list-item-dense-font-size, 0.875rem);
-    --_list-item-dense-indent: var(--forge-list-item-dense-indent, var(--forge-spacing-xxlarge, 48px));
-    --_list-item-dense-gap: var(--forge-list-item-dense-gap, var(--forge-spacing-xsmall, 8px));
-    --_list-item-start-selected-color: var(--forge-list-item-start-selected-color, var(--_list-item-selected-color));
-    --_list-item-end-selected-color: var(--forge-list-item-end-selected-color, var(--_list-item-selected-color));
-    --_list-item-wrap-padding: var(--forge-list-item-wrap-padding, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px));
+    --_list-item-background:var(--forge-list-item-background, transparent);
+    --_list-item-shape:var(--forge-list-item-shape, 0);
+    --_list-item-padding:var(--forge-list-item-padding, 0 var(--forge-spacing-medium, 16px));
+    --_list-item-margin:var(--forge-list-item-margin, 0);
+    --_list-item-height:var(--forge-list-item-height, 48px);
+    --_list-item-dense-height:var(--forge-list-item-dense-height, 32px);
+    --_list-item-indent:var(--forge-list-item-indent, var(--forge-spacing-xxlarge, 48px));
+    --_list-item-cursor:var(--forge-list-item-cursor, pointer);
+    --_list-item-gap:var(--forge-list-item-gap, var(--forge-spacing-large, 24px));
+    --_list-item-text-color:var(--forge-list-item-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
+    --_list-item-text-font-size:var(--forge-list-item-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));
+    --_list-item-text-font-weight:var(--forge-list-item-text-font-weight, var(--forge-typography-body2-font-weight, 400));
+    --_list-item-text-line-height:var(--forge-list-item-text-line-height, 1.5rem);
+    --_list-item-selected-color:var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));
+    --_list-item-selected-background:var(--forge-list-item-selected-background, var(--_list-item-selected-color));
+    --_list-item-selected-opacity:var(--forge-list-item-selected-opacity, 0.08);
+    --_list-item-selected-start-color:var(--forge-list-item-selected-start-color, var(--_list-item-selected-color));
+    --_list-item-selected-end-color:var(--forge-list-item-selected-end-color, var(--_list-item-selected-color));
+    --_list-item-selected-text-color:var(--forge-list-item-selected-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
+    --_list-item-disabled-opacity:var(--forge-list-item-disabled-opacity, 0.38);
+    --_list-item-disabled-cursor:var(--forge-list-item-disabled-cursor, not-allowed);
+    --_list-item-one-line-height:var(--forge-list-item-one-line-height, var(--_list-item-height));
+    --_list-item-two-line-height:var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));
+    --_list-item-three-line-height:var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));
+    --_list-item-dense-one-line-height:var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));
+    --_list-item-dense-two-line-height:var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));
+    --_list-item-dense-three-line-height:var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));
+    --_list-item-dense-font-size:var(--forge-list-item-dense-font-size, 0.875rem);
+    --_list-item-dense-indent:var(--forge-list-item-dense-indent, var(--forge-spacing-xxlarge, 48px));
+    --_list-item-dense-gap:var(--forge-list-item-dense-gap, var(--forge-spacing-xsmall, 8px));
+    --_list-item-start-selected-color:var(--forge-list-item-start-selected-color, var(--_list-item-selected-color));
+    --_list-item-end-selected-color:var(--forge-list-item-end-selected-color, var(--_list-item-selected-color));
+    --_list-item-wrap-padding:var(--forge-list-item-wrap-padding, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px));
   }
   .forge-list-item {
     position: relative;
@@ -421,7 +154,7 @@ svg {
     outline: none;
     text-decoration: none;
     border-radius: var(--_list-item-shape);
-    -webkit-tap-highlight-color: transparent;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     background-color: var(--_list-item-background);
     height: var(--_list-item-height);
     min-height: var(--_list-item-height);
@@ -455,7 +188,7 @@ svg {
     margin: 0;
     box-sizing: border-box;
     width: 100%;
-    background: transparent;
+    background: rgba(0, 0, 0, 0);
     color: inherit;
     outline: none;
     font: inherit;
@@ -473,24 +206,18 @@ svg {
     color: inherit !important;
     text-decoration: none !important;
   }
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  .forge-list-item button:not(:disabled),
-  .forge-list-item a,
-  .forge-list-item label {
-    --_state-layer-display: var(--forge-state-layer-display, flex);
-    --_state-layer-color: var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));
-    --_state-layer-hover-color: var(--forge-state-layer-hover-color, var(--_state-layer-color));
-    --_state-layer-hover-opacity: var(--forge-state-layer-hover-opacity, 0.08);
-    --_state-layer-pressed-color: var(--forge-state-layer-pressed-color, var(--_state-layer-color));
-    --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.12);
-    --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);
-    --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);
-    --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);
-  }
-  .forge-list-item--interactive:not(.forge-list-item--disabled)::before,
-  .forge-list-item button:not(:disabled)::before,
-  .forge-list-item a::before,
-  .forge-list-item label::before {
+  .forge-list-item--interactive:not(.forge-list-item--disabled), .forge-list-item button:not(:disabled), .forge-list-item a, .forge-list-item label {
+    --_state-layer-display:var(--forge-state-layer-display, flex);
+    --_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));
+    --_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));
+    --_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);
+    --_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));
+    --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);
+    --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);
+    --_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);
+    --_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms);
+  }
+  .forge-list-item--interactive:not(.forge-list-item--disabled)::before, .forge-list-item button:not(:disabled)::before, .forge-list-item a::before, .forge-list-item label::before {
     opacity: 0;
     position: absolute;
     backface-visibility: hidden;
@@ -498,55 +225,25 @@ svg {
     background-color: var(--_state-layer-hover-color);
     inset: 0;
     transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;
-    --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 100ms);
+    --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 100ms);
     content: "";
     opacity: 0;
     border-radius: inherit;
   }
-  .forge-list-item--interactive:not(.forge-list-item--disabled):hover::before,
-  .forge-list-item button:not(:disabled):hover::before,
-  .forge-list-item a:hover::before,
-  .forge-list-item label:hover::before {
+  .forge-list-item--interactive:not(.forge-list-item--disabled):hover::before, .forge-list-item button:not(:disabled):hover::before, .forge-list-item a:hover::before, .forge-list-item label:hover::before {
     background-color: var(--_state-layer-hover-color);
     opacity: var(--_state-layer-hover-opacity);
   }
-  .forge-list-item--interactive:not(.forge-list-item--disabled):active::before,
-  .forge-list-item button:not(:disabled):active::before,
-  .forge-list-item a:active::before,
-  .forge-list-item label:active::before {
+  .forge-list-item--interactive:not(.forge-list-item--disabled):active::before, .forge-list-item button:not(:disabled):active::before, .forge-list-item a:active::before, .forge-list-item label:active::before {
     opacity: var(--_state-layer-pressed-opacity);
     transition-duration: var(--_state-layer-pressed-duration);
-    --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.18);
+    --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.18);
   }
   .forge-list-item :is(forge-checkbox, forge-radio, forge-switch, input):is(.forge-list-item__start, .forge-list-item__end):not([forge-ignore]) {
     --forge-focus-indicator-display: none;
     --forge-state-layer-display: none;
   }
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+  .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]), .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
     cursor: pointer;
   }
   @keyframes forge-focus-indicator-outward-grow {
@@ -575,99 +272,27 @@ svg {
       border-width: var(--_focus-indicator-active-width);
     }
   }
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+  .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]), .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
     outline: none;
   }
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
-    --_focus-indicator-display: var(--forge-focus-indicator-display, flex);
-    --_focus-indicator-width: var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));
-    --_focus-indicator-active-width: var(--forge-focus-indicator-active-width, 6px);
-    --_focus-indicator-color: var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));
-    --_focus-indicator-shape: var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));
-    --_focus-indicator-duration: var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));
-    --_focus-indicator-easing: var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));
-    --_focus-indicator-shape-start-start: var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));
-    --_focus-indicator-shape-start-end: var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));
-    --_focus-indicator-shape-end-end: var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));
-    --_focus-indicator-shape-end-start: var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));
-    --_focus-indicator-outward-offset: var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));
-    --_focus-indicator-inward-offset: var(--forge-focus-indicator-inward-offset, 0px);
-    --_focus-indicator-offset-block: var(--forge-focus-indicator-offset-block, 0);
-    --_focus-indicator-offset-inline: var(--forge-focus-indicator-offset-inline, 0);
-  }
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
+  .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
+    --_focus-indicator-display:var(--forge-focus-indicator-display, flex);
+    --_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));
+    --_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);
+    --_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));
+    --_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));
+    --_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));
+    --_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));
+    --_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));
+    --_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));
+    --_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);
+    --_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);
+    --_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0);
+  }
+  .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
     animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);
     animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);
     animation-timing-function: var(--_focus-indicator-easing);
@@ -688,31 +313,7 @@ svg {
     content: "";
     display: block;
   }
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
-  .forge-list-item:has(button:not(:disabled),
-  a,
-  label,
-  .forge-list-item--interactive:not(.forge-list-item--disabled),
-  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+  .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label, .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]), .forge-list-item:has(button:not(:disabled), a, label, .forge-list-item--interactive:not(.forge-list-item--disabled), :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
     --forge-focus-indicator-shape: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));
   }
   .forge-list-item__text {
@@ -733,55 +334,44 @@ svg {
   }
 }
 @layer two-line {
-  .forge-list--two-line .forge-list-item,
-  .forge-list-item--two-line {
+  .forge-list--two-line .forge-list-item, .forge-list-item--two-line {
     height: var(--_list-item-two-line-height);
     min-height: var(--_list-item-two-line-height);
   }
-  .forge-list--three-line .forge-list-item,
-  .forge-list-item--three-line {
+  .forge-list--three-line .forge-list-item, .forge-list-item--three-line {
     height: var(--_list-item-three-line-height);
     min-height: var(--_list-item-three-line-height);
   }
 }
 @layer dense {
-  .forge-list--dense .forge-list-item,
-  .forge-list-item--dense {
-    --_list-item-gap: var(--_list-item-dense-gap);
+  .forge-list--dense .forge-list-item, .forge-list-item--dense {
+    --_list-item-gap:var(--_list-item-dense-gap);
     height: var(--_list-item-dense-one-line-height);
     min-height: var(--_list-item-dense-one-line-height);
     font-size: var(--_list-item-dense-font-size);
   }
-  .forge-list--dense.forge-list--two-line .forge-list-item,
-  .forge-list--dense .forge-list-item--two-line,
-  .forge-list-item--dense.forge-list-item--two-line {
+  .forge-list--dense.forge-list--two-line .forge-list-item, .forge-list--dense .forge-list-item--two-line, .forge-list-item--dense.forge-list-item--two-line {
     height: var(--_list-item-dense-two-line-height);
     min-height: var(--_list-item-dense-two-line-height);
   }
-  .forge-list--dense.forge-list--three-line .forge-list-item,
-  .forge-list--dense .forge-list-item--three-line,
-  .forge-list-item--dense.forge-list-item--three-line {
+  .forge-list--dense.forge-list--three-line .forge-list-item, .forge-list--dense .forge-list-item--three-line, .forge-list-item--dense.forge-list-item--three-line {
     height: var(--_list-item-dense-three-line-height);
     min-height: var(--_list-item-dense-three-line-height);
   }
-  .forge-list-dense.forge-list--indented .forge-list-item,
-  .forge-list--dense .forge-list-item--indented,
-  .forge-list-item--dense.forge-list-item--indented {
+  .forge-list-dense.forge-list--indented .forge-list-item, .forge-list--dense .forge-list-item--indented, .forge-list-item--dense.forge-list-item--indented {
     margin-inline-start: var(--_list-item-dense-indent);
   }
 }
 @layer wrap {
-  .forge-list--wrap .forge-list-item,
-  .forge-list-item--wrap {
-    --_list-item-padding: var(--_list-item-wrap-padding);
+  .forge-list--wrap .forge-list-item, .forge-list-item--wrap {
+    --_list-item-padding:var(--_list-item-wrap-padding);
     height: auto;
     white-space: normal;
     overflow: visible;
     text-overflow: clip;
     line-height: normal;
   }
-  .forge-list--wrap .forge-list-item .forge-list-item__text,
-  .forge-list-item--wrap .forge-list-item__text {
+  .forge-list--wrap .forge-list-item .forge-list-item__text, .forge-list-item--wrap .forge-list-item__text {
     white-space: normal;
     overflow: visible;
     text-overflow: clip;
@@ -812,19 +402,25 @@ svg {
   }
 }
 @layer indented {
-  .forge-list--indented .forge-list-item,
-  .forge-list-item--indented {
+  .forge-list--indented .forge-list-item, .forge-list-item--indented {
     margin-inline-start: var(--_list-item-indent);
   }
 }
 @layer disabled {
-  .forge-list--disabled .forge-list-item,
-  .forge-list-item--disabled,
-  .forge-list-item button:disabled {
+  .forge-list--disabled .forge-list-item, .forge-list-item--disabled, .forge-list-item button:disabled {
     cursor: var(--_list-item-disabled-cursor);
     opacity: var(--_list-item-disabled-opacity);
   }
 }
+@layer multicolumn {
+  .forge-list--multicolumn {
+    display: grid;
+    gap: var(--_list-spacing);
+    min-width: 0;
+    grid-template-columns: repeat(auto-fit, minmax(var(--_list-column-width), 1fr));
+    column-gap: var(--_list-column-spacing);
+  }
+}
 :host {
   display: block;
   width: 100%;