q2-tecton-elements 1.69.1 → 1.70.0

package/dist/bundle-report.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-14T17:34:27",
+  "timestamp": "2026-07-21T23:06:49",
   "compiler": {
     "name": "node",
     "version": "24.10.0"
@@ -7,13 +7,13 @@
   "app": {
     "namespace": "Q2TectonElements",
     "fsNamespace": "q2-tecton-elements",
-    "components": 68,
-    "entries": 68,
-    "bundles": 555,
+    "components": 69,
+    "entries": 69,
+    "bundles": 565,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 149,
+        "files": 154,
         "generatedFiles": [
           "./dist/collection/__mocks__/echarts.js",
           "./dist/collection/components/click-elsewhere/click-elsewhere.js",
@@ -92,6 +92,7 @@
           "./dist/collection/components/q2-input/q2-input.js",
           "./dist/collection/components/q2-input/test/q2-input-test.vr.js",
           "./dist/collection/components/q2-item/q2-item.js",
+          "./dist/collection/components/q2-item/test/q2-item-test.vr.js",
           "./dist/collection/components/q2-legend/q2-legend.js",
           "./dist/collection/components/q2-link/q2-link.js",
           "./dist/collection/components/q2-link/test/q2-link-test.vr.js",
@@ -112,6 +113,7 @@
           "./dist/collection/components/q2-option-list/q2-option-list.js",
           "./dist/collection/components/q2-option/q2-option.js",
           "./dist/collection/components/q2-otp/q2-otp.js",
+          "./dist/collection/components/q2-otp/test/q2-otp-test.vr.js",
           "./dist/collection/components/q2-pagination/q2-pagination.js",
           "./dist/collection/components/q2-pagination/test/q2-pagination-test.vr.js",
           "./dist/collection/components/q2-pill/q2-pill.js",
@@ -124,6 +126,7 @@
           "./dist/collection/components/q2-relative-time/q2-relative-time.js",
           "./dist/collection/components/q2-resize-observer/q2-resize-observer.js",
           "./dist/collection/components/q2-search/q2-search.js",
+          "./dist/collection/components/q2-search/test/q2-search-test.vr.js",
           "./dist/collection/components/q2-section-container/q2-section-container.js",
           "./dist/collection/components/q2-section/q2-section.js",
           "./dist/collection/components/q2-section/test/q2-section-test.vr.js",
@@ -134,6 +137,8 @@
           "./dist/collection/components/q2-stepper-vertical/test/q2-stepper-vertical-test.vr.js",
           "./dist/collection/components/q2-stepper/q2-stepper.js",
           "./dist/collection/components/q2-stepper/test/q2-stepper-test.vr.js",
+          "./dist/collection/components/q2-surface/q2-surface.js",
+          "./dist/collection/components/q2-surface/test/q2-surface-test.vr.js",
           "./dist/collection/components/q2-tab-container/q2-tab-container.js",
           "./dist/collection/components/q2-tab-container/test/q2-tab-container-test.vr.js",
           "./dist/collection/components/q2-tab-pane/q2-tab-pane.js",
@@ -168,7 +173,7 @@
       },
       {
         "name": "dist-custom-elements",
-        "files": 173,
+        "files": 175,
         "generatedFiles": [
           "./dist/components/action-sheet.js",
           "./dist/components/charting.js",
@@ -323,6 +328,8 @@
           "./dist/components/q2-stepper-vertical.js",
           "./dist/components/q2-stepper.d.ts",
           "./dist/components/q2-stepper.js",
+          "./dist/components/q2-surface.d.ts",
+          "./dist/components/q2-surface.js",
           "./dist/components/q2-tab-container.d.ts",
           "./dist/components/q2-tab-container.js",
           "./dist/components/q2-tab-pane.d.ts",
@@ -347,7 +354,7 @@
       },
       {
         "name": "dist-lazy",
-        "files": 232,
+        "files": 235,
         "generatedFiles": [
           "./dist/cjs/action-sheet-D71RSc-w.js",
           "./dist/cjs/app-globals-V2Kpy_OQ.js",
@@ -356,8 +363,8 @@
           "./dist/cjs/component-iASoq6gx.js",
           "./dist/cjs/dataSample-BYR-wrOn.js",
           "./dist/cjs/index-CgG3VNXc.js",
-          "./dist/cjs/index-D2LFCsNP.js",
           "./dist/cjs/index-DUaTw_1N.js",
+          "./dist/cjs/index-SpDCZABA.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mirror-emit-kjeNv83f.js",
@@ -415,6 +422,7 @@
           "./dist/cjs/q2-stepper-pane.cjs.entry.js",
           "./dist/cjs/q2-stepper-vertical.cjs.entry.js",
           "./dist/cjs/q2-stepper.cjs.entry.js",
+          "./dist/cjs/q2-surface.cjs.entry.js",
           "./dist/cjs/q2-tab-container.cjs.entry.js",
           "./dist/cjs/q2-tab-pane.cjs.entry.js",
           "./dist/cjs/q2-tecton-elements.cjs.js",
@@ -432,7 +440,7 @@
           "./dist/esm/click-elsewhere_3.entry.js",
           "./dist/esm/component-DaQM9u3s.js",
           "./dist/esm/dataSample-Dm1zpQNi.js",
-          "./dist/esm/index-Bx4m6N0g.js",
+          "./dist/esm/index-Cps4jSQM.js",
           "./dist/esm/index-Cqkz7Bnm.js",
           "./dist/esm/index-O1A-ZSZs.js",
           "./dist/esm/index.js",
@@ -492,6 +500,7 @@
           "./dist/esm/q2-stepper-pane.entry.js",
           "./dist/esm/q2-stepper-vertical.entry.js",
           "./dist/esm/q2-stepper.entry.js",
+          "./dist/esm/q2-surface.entry.js",
           "./dist/esm/q2-tab-container.entry.js",
           "./dist/esm/q2-tab-pane.entry.js",
           "./dist/esm/q2-tecton-elements.js",
@@ -511,7 +520,7 @@
           "./dist/q2-tecton-elements/click-elsewhere_3.entry.js",
           "./dist/q2-tecton-elements/component-DaQM9u3s.js",
           "./dist/q2-tecton-elements/dataSample-Dm1zpQNi.js",
-          "./dist/q2-tecton-elements/index-Bx4m6N0g.js",
+          "./dist/q2-tecton-elements/index-Cps4jSQM.js",
           "./dist/q2-tecton-elements/index-Cqkz7Bnm.js",
           "./dist/q2-tecton-elements/index-O1A-ZSZs.js",
           "./dist/q2-tecton-elements/index.esm.js",
@@ -570,6 +579,7 @@
           "./dist/q2-tecton-elements/q2-stepper-pane.entry.js",
           "./dist/q2-tecton-elements/q2-stepper-vertical.entry.js",
           "./dist/q2-tecton-elements/q2-stepper.entry.js",
+          "./dist/q2-tecton-elements/q2-surface.entry.js",
           "./dist/q2-tecton-elements/q2-tab-container.entry.js",
           "./dist/q2-tecton-elements/q2-tab-pane.entry.js",
           "./dist/q2-tecton-elements/q2-tecton-elements.esm.js",
@@ -610,9 +620,10 @@
         "fileName": "q2-loc.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "sanitize-html-string-DPHNpMWE.js",
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 1886
+        "originalByteSize": 2807
       },
       {
         "key": "q2-mutation-observer.entry",
@@ -648,11 +659,11 @@
         "fileName": "q2-action-sheet.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sanitize-html-string-DPHNpMWE.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 21035
+        "originalByteSize": 21020
       },
       {
         "key": "q2-card.entry",
@@ -663,10 +674,10 @@
         "fileName": "q2-card.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 13776
+        "originalByteSize": 13746
       },
       {
         "key": "q2-card-image.entry",
@@ -677,9 +688,9 @@
         "fileName": "q2-card-image.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 32093
+        "originalByteSize": 32252
       },
       {
         "key": "q2-checkbox-group.entry",
@@ -690,7 +701,7 @@
         "fileName": "q2-checkbox-group.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -705,7 +716,7 @@
         "fileName": "q2-context.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 8059
       },
@@ -719,7 +730,7 @@
         "imports": [
           "index-Cqkz7Bnm.js"
         ],
-        "originalByteSize": 10744
+        "originalByteSize": 10729
       },
       {
         "key": "q2-data-table.entry",
@@ -730,10 +741,10 @@
         "fileName": "q2-data-table.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 40371
+        "originalByteSize": 40478
       },
       {
         "key": "q2-detail.entry",
@@ -744,9 +755,9 @@
         "fileName": "q2-detail.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 8363
+        "originalByteSize": 8825
       },
       {
         "key": "q2-dropdown.entry",
@@ -758,9 +769,9 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "action-sheet-B7adb3xs.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 18476
+        "originalByteSize": 18505
       },
       {
         "key": "q2-editable-field.entry",
@@ -771,10 +782,10 @@
         "fileName": "q2-editable-field.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 12154
+        "originalByteSize": 12373
       },
       {
         "key": "q2-example.entry",
@@ -797,7 +808,7 @@
         "fileName": "q2-file-picker.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 23721
       },
@@ -872,9 +883,9 @@
         "fileName": "q2-meter.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 13823
+        "originalByteSize": 13792
       },
       {
         "key": "q2-modal.entry",
@@ -885,10 +896,10 @@
         "fileName": "q2-modal.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sanitize-html-string-DPHNpMWE.js"
         ],
-        "originalByteSize": 13274
+        "originalByteSize": 13259
       },
       {
         "key": "q2-month-picker.entry",
@@ -899,7 +910,7 @@
         "fileName": "q2-month-picker.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 10459
       },
@@ -912,7 +923,7 @@
         "fileName": "q2-otp.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 23928
       },
@@ -925,7 +936,7 @@
         "fileName": "q2-pagination.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 20535
@@ -939,7 +950,7 @@
         "fileName": "q2-pill.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
@@ -954,7 +965,7 @@
         "fileName": "q2-radio.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 14083
@@ -968,7 +979,7 @@
         "fileName": "q2-radio-group.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 11737
@@ -983,7 +994,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "index-O1A-ZSZs.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 6857
       },
@@ -996,9 +1007,9 @@
         "fileName": "q2-search.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 41039
+        "originalByteSize": 45153
       },
       {
         "key": "q2-section.entry",
@@ -1009,10 +1020,10 @@
         "fileName": "q2-section.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 12780
+        "originalByteSize": 12765
       },
       {
         "key": "q2-stepper.entry",
@@ -1023,10 +1034,11 @@
         "fileName": "q2-stepper.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
-          "mirror-emit-DUjY_ucm.js"
+          "index-Cps4jSQM.js",
+          "mirror-emit-DUjY_ucm.js",
+          "sanitize-html-string-DPHNpMWE.js"
         ],
-        "originalByteSize": 22931
+        "originalByteSize": 23003
       },
       {
         "key": "q2-stepper-pane.entry",
@@ -1038,7 +1050,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 4940
@@ -1052,10 +1064,23 @@
         "fileName": "q2-stepper-vertical.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
-          "mirror-emit-DUjY_ucm.js"
+          "index-Cps4jSQM.js",
+          "mirror-emit-DUjY_ucm.js",
+          "sanitize-html-string-DPHNpMWE.js"
+        ],
+        "originalByteSize": 24585
+      },
+      {
+        "key": "q2-surface.entry",
+        "components": [
+          "q2-surface"
+        ],
+        "bundleId": "q2-surface",
+        "fileName": "q2-surface.entry.js",
+        "imports": [
+          "index-Cqkz7Bnm.js"
         ],
-        "originalByteSize": 24017
+        "originalByteSize": 14357
       },
       {
         "key": "q2-tab-container.entry",
@@ -1066,7 +1091,7 @@
         "fileName": "q2-tab-container.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -1094,7 +1119,7 @@
         "fileName": "q2-textarea.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 29400
@@ -1108,7 +1133,7 @@
         "fileName": "q2-toast.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 11669
       },
@@ -1146,7 +1171,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 8799
@@ -1160,7 +1185,7 @@
         "fileName": "q2-dropdown-item.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -1177,7 +1202,7 @@
           "index-Cqkz7Bnm.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 7725
+        "originalByteSize": 7695
       },
       {
         "key": "q2-optgroup.entry",
@@ -1189,7 +1214,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 4230
       },
@@ -1202,11 +1227,11 @@
         "fileName": "q2-select.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
-        "originalByteSize": 45877
+        "originalByteSize": 47642
       },
       {
         "key": "q2-tooltip.entry",
@@ -1217,7 +1242,7 @@
         "fileName": "q2-tooltip.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 21156
       },
@@ -1230,9 +1255,9 @@
         "fileName": "q2-item.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 12268
+        "originalByteSize": 12385
       },
       {
         "key": "q2-option.entry",
@@ -1243,7 +1268,7 @@
         "fileName": "q2-option.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "component-DaQM9u3s.js"
         ],
         "originalByteSize": 8112
@@ -1257,7 +1282,7 @@
         "fileName": "q2-message.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 9003
       },
@@ -1270,7 +1295,7 @@
         "fileName": "q2-icon.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sprites-jG2RmiwF.js"
         ],
         "originalByteSize": 25187
@@ -1285,10 +1310,10 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "index-O1A-ZSZs.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 60758
+        "originalByteSize": 60931
       },
       {
         "key": "q2-checkbox.q2-tag.entry",
@@ -1300,11 +1325,11 @@
         "fileName": "q2-checkbox_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
-        "originalByteSize": 55891
+        "originalByteSize": 55927
       },
       {
         "key": "q2-link.q2-list.entry",
@@ -1316,9 +1341,9 @@
         "fileName": "q2-link_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 13122
+        "originalByteSize": 13107
       },
       {
         "key": "q2-action-group.q2-resize-observer.entry",
@@ -1330,7 +1355,7 @@
         "fileName": "q2-action-group_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 16758
       },
@@ -1344,11 +1369,11 @@
         "fileName": "q2-btn_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "shapes-DZ6aIPWK.js",
           "sprites-jG2RmiwF.js"
         ],
-        "originalByteSize": 77774
+        "originalByteSize": 78108
       },
       {
         "key": "q2-carousel.entry",
@@ -1359,7 +1384,7 @@
         "fileName": "q2-carousel.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -1378,9 +1403,9 @@
           "index-Cqkz7Bnm.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 52755
+        "originalByteSize": 52740
       },
       {
         "key": "q2-chart-bar.entry",
@@ -1391,7 +1416,7 @@
         "fileName": "q2-chart-bar.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "charting-DOZct-UB.js",
           "dataSample-Dm1zpQNi.js",
           "sectorHelper--RMGWGAy.js"
@@ -1407,7 +1432,7 @@
         "fileName": "q2-chart-area.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "charting-DOZct-UB.js",
           "dataSample-Dm1zpQNi.js"
@@ -1424,10 +1449,10 @@
         "fileName": "q2-badge_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 125589
+        "originalByteSize": 126540
       },
       {
         "key": "q2-chart-donut.entry",
@@ -1438,12 +1463,12 @@
         "fileName": "q2-chart-donut.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "charting-DOZct-UB.js",
           "sectorHelper--RMGWGAy.js"
         ],
-        "originalByteSize": 179584
+        "originalByteSize": 179569
       }
     ],
     "esm": [
@@ -1456,9 +1481,10 @@
         "fileName": "q2-loc.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "sanitize-html-string-DPHNpMWE.js",
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 1886
+        "originalByteSize": 2807
       },
       {
         "key": "q2-mutation-observer.entry",
@@ -1494,11 +1520,11 @@
         "fileName": "q2-action-sheet.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sanitize-html-string-DPHNpMWE.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 21035
+        "originalByteSize": 21020
       },
       {
         "key": "q2-card.entry",
@@ -1509,10 +1535,10 @@
         "fileName": "q2-card.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 13776
+        "originalByteSize": 13746
       },
       {
         "key": "q2-card-image.entry",
@@ -1523,9 +1549,9 @@
         "fileName": "q2-card-image.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 32093
+        "originalByteSize": 32252
       },
       {
         "key": "q2-checkbox-group.entry",
@@ -1536,7 +1562,7 @@
         "fileName": "q2-checkbox-group.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -1551,7 +1577,7 @@
         "fileName": "q2-context.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 8059
       },
@@ -1565,7 +1591,7 @@
         "imports": [
           "index-Cqkz7Bnm.js"
         ],
-        "originalByteSize": 10744
+        "originalByteSize": 10729
       },
       {
         "key": "q2-data-table.entry",
@@ -1576,10 +1602,10 @@
         "fileName": "q2-data-table.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 40371
+        "originalByteSize": 40478
       },
       {
         "key": "q2-detail.entry",
@@ -1590,9 +1616,9 @@
         "fileName": "q2-detail.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 8363
+        "originalByteSize": 8825
       },
       {
         "key": "q2-dropdown.entry",
@@ -1604,9 +1630,9 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "action-sheet-B7adb3xs.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 18476
+        "originalByteSize": 18505
       },
       {
         "key": "q2-editable-field.entry",
@@ -1617,10 +1643,10 @@
         "fileName": "q2-editable-field.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 12154
+        "originalByteSize": 12373
       },
       {
         "key": "q2-example.entry",
@@ -1643,7 +1669,7 @@
         "fileName": "q2-file-picker.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 23721
       },
@@ -1718,9 +1744,9 @@
         "fileName": "q2-meter.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 13823
+        "originalByteSize": 13792
       },
       {
         "key": "q2-modal.entry",
@@ -1731,10 +1757,10 @@
         "fileName": "q2-modal.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sanitize-html-string-DPHNpMWE.js"
         ],
-        "originalByteSize": 13274
+        "originalByteSize": 13259
       },
       {
         "key": "q2-month-picker.entry",
@@ -1745,7 +1771,7 @@
         "fileName": "q2-month-picker.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 10459
       },
@@ -1758,7 +1784,7 @@
         "fileName": "q2-otp.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 23928
       },
@@ -1771,7 +1797,7 @@
         "fileName": "q2-pagination.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 20535
@@ -1785,7 +1811,7 @@
         "fileName": "q2-pill.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
@@ -1800,7 +1826,7 @@
         "fileName": "q2-radio.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 14083
@@ -1814,7 +1840,7 @@
         "fileName": "q2-radio-group.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 11737
@@ -1829,7 +1855,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "index-O1A-ZSZs.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 6857
       },
@@ -1842,9 +1868,9 @@
         "fileName": "q2-search.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 41039
+        "originalByteSize": 45153
       },
       {
         "key": "q2-section.entry",
@@ -1855,10 +1881,10 @@
         "fileName": "q2-section.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 12780
+        "originalByteSize": 12765
       },
       {
         "key": "q2-stepper.entry",
@@ -1869,10 +1895,11 @@
         "fileName": "q2-stepper.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
-          "mirror-emit-DUjY_ucm.js"
+          "index-Cps4jSQM.js",
+          "mirror-emit-DUjY_ucm.js",
+          "sanitize-html-string-DPHNpMWE.js"
         ],
-        "originalByteSize": 22931
+        "originalByteSize": 23003
       },
       {
         "key": "q2-stepper-pane.entry",
@@ -1884,7 +1911,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 4940
@@ -1898,10 +1925,23 @@
         "fileName": "q2-stepper-vertical.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
-          "mirror-emit-DUjY_ucm.js"
+          "index-Cps4jSQM.js",
+          "mirror-emit-DUjY_ucm.js",
+          "sanitize-html-string-DPHNpMWE.js"
+        ],
+        "originalByteSize": 24585
+      },
+      {
+        "key": "q2-surface.entry",
+        "components": [
+          "q2-surface"
+        ],
+        "bundleId": "q2-surface",
+        "fileName": "q2-surface.entry.js",
+        "imports": [
+          "index-Cqkz7Bnm.js"
         ],
-        "originalByteSize": 24017
+        "originalByteSize": 14357
       },
       {
         "key": "q2-tab-container.entry",
@@ -1912,7 +1952,7 @@
         "fileName": "q2-tab-container.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -1940,7 +1980,7 @@
         "fileName": "q2-textarea.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 29400
@@ -1954,7 +1994,7 @@
         "fileName": "q2-toast.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 11669
       },
@@ -1992,7 +2032,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
         "originalByteSize": 8799
@@ -2006,7 +2046,7 @@
         "fileName": "q2-dropdown-item.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -2023,7 +2063,7 @@
           "index-Cqkz7Bnm.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 7725
+        "originalByteSize": 7695
       },
       {
         "key": "q2-optgroup.entry",
@@ -2035,7 +2075,7 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 4230
       },
@@ -2048,11 +2088,11 @@
         "fileName": "q2-select.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
-        "originalByteSize": 45877
+        "originalByteSize": 47642
       },
       {
         "key": "q2-tooltip.entry",
@@ -2063,7 +2103,7 @@
         "fileName": "q2-tooltip.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 21156
       },
@@ -2076,9 +2116,9 @@
         "fileName": "q2-item.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 12268
+        "originalByteSize": 12385
       },
       {
         "key": "q2-option.entry",
@@ -2089,7 +2129,7 @@
         "fileName": "q2-option.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "component-DaQM9u3s.js"
         ],
         "originalByteSize": 8112
@@ -2103,7 +2143,7 @@
         "fileName": "q2-message.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 9003
       },
@@ -2116,7 +2156,7 @@
         "fileName": "q2-icon.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "sprites-jG2RmiwF.js"
         ],
         "originalByteSize": 25187
@@ -2131,10 +2171,10 @@
         "imports": [
           "index-Cqkz7Bnm.js",
           "index-O1A-ZSZs.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 60758
+        "originalByteSize": 60931
       },
       {
         "key": "q2-checkbox.q2-tag.entry",
@@ -2146,11 +2186,11 @@
         "fileName": "q2-checkbox_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "action-sheet-B7adb3xs.js"
         ],
-        "originalByteSize": 55891
+        "originalByteSize": 55927
       },
       {
         "key": "q2-link.q2-list.entry",
@@ -2162,9 +2202,9 @@
         "fileName": "q2-link_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 13122
+        "originalByteSize": 13107
       },
       {
         "key": "q2-action-group.q2-resize-observer.entry",
@@ -2176,7 +2216,7 @@
         "fileName": "q2-action-group_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
         "originalByteSize": 16758
       },
@@ -2190,11 +2230,11 @@
         "fileName": "q2-btn_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "shapes-DZ6aIPWK.js",
           "sprites-jG2RmiwF.js"
         ],
-        "originalByteSize": 77774
+        "originalByteSize": 78108
       },
       {
         "key": "q2-carousel.entry",
@@ -2205,7 +2245,7 @@
         "fileName": "q2-carousel.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js"
         ],
@@ -2224,9 +2264,9 @@
           "index-Cqkz7Bnm.js",
           "mirror-emit-DUjY_ucm.js",
           "component-DaQM9u3s.js",
-          "index-Bx4m6N0g.js"
+          "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 52755
+        "originalByteSize": 52740
       },
       {
         "key": "q2-chart-bar.entry",
@@ -2237,7 +2277,7 @@
         "fileName": "q2-chart-bar.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "charting-DOZct-UB.js",
           "dataSample-Dm1zpQNi.js",
           "sectorHelper--RMGWGAy.js"
@@ -2253,7 +2293,7 @@
         "fileName": "q2-chart-area.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "charting-DOZct-UB.js",
           "dataSample-Dm1zpQNi.js"
@@ -2270,10 +2310,10 @@
         "fileName": "q2-badge_2.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js"
         ],
-        "originalByteSize": 125589
+        "originalByteSize": 126540
       },
       {
         "key": "q2-chart-donut.entry",
@@ -2284,12 +2324,12 @@
         "fileName": "q2-chart-donut.entry.js",
         "imports": [
           "index-Cqkz7Bnm.js",
-          "index-Bx4m6N0g.js",
+          "index-Cps4jSQM.js",
           "mirror-emit-DUjY_ucm.js",
           "charting-DOZct-UB.js",
           "sectorHelper--RMGWGAy.js"
         ],
-        "originalByteSize": 179584
+        "originalByteSize": 179569
       }
     ],
     "es5": [],
@@ -2304,9 +2344,10 @@
         "fileName": "q2-loc.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "sanitize-html-string-D17Pr7-c.js",
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 1881
+        "originalByteSize": 2815
       },
       {
         "key": "q2-mutation-observer.entry",
@@ -2342,11 +2383,11 @@
         "fileName": "q2-action-sheet.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "sanitize-html-string-D17Pr7-c.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 21151
+        "originalByteSize": 21136
       },
       {
         "key": "q2-card.entry",
@@ -2357,10 +2398,10 @@
         "fileName": "q2-card.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 13797
+        "originalByteSize": 13767
       },
       {
         "key": "q2-card-image.entry",
@@ -2371,9 +2412,9 @@
         "fileName": "q2-card-image.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 32342
+        "originalByteSize": 32501
       },
       {
         "key": "q2-checkbox-group.entry",
@@ -2384,7 +2425,7 @@
         "fileName": "q2-checkbox-group.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "component-iASoq6gx.js"
         ],
@@ -2399,7 +2440,7 @@
         "fileName": "q2-context.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 8130
       },
@@ -2413,7 +2454,7 @@
         "imports": [
           "index-DUaTw_1N.js"
         ],
-        "originalByteSize": 10779
+        "originalByteSize": 10764
       },
       {
         "key": "q2-data-table.entry",
@@ -2424,10 +2465,10 @@
         "fileName": "q2-data-table.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 40998
+        "originalByteSize": 41105
       },
       {
         "key": "q2-detail.entry",
@@ -2438,9 +2479,9 @@
         "fileName": "q2-detail.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 8364
+        "originalByteSize": 8826
       },
       {
         "key": "q2-dropdown.entry",
@@ -2452,9 +2493,9 @@
         "imports": [
           "index-DUaTw_1N.js",
           "action-sheet-D71RSc-w.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 18507
+        "originalByteSize": 18536
       },
       {
         "key": "q2-editable-field.entry",
@@ -2465,10 +2506,10 @@
         "fileName": "q2-editable-field.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 12296
+        "originalByteSize": 12515
       },
       {
         "key": "q2-example.entry",
@@ -2491,7 +2532,7 @@
         "fileName": "q2-file-picker.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 23975
       },
@@ -2566,9 +2607,9 @@
         "fileName": "q2-meter.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 14073
+        "originalByteSize": 14042
       },
       {
         "key": "q2-modal.entry",
@@ -2579,10 +2620,10 @@
         "fileName": "q2-modal.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "sanitize-html-string-D17Pr7-c.js"
         ],
-        "originalByteSize": 13354
+        "originalByteSize": 13339
       },
       {
         "key": "q2-month-picker.entry",
@@ -2593,7 +2634,7 @@
         "fileName": "q2-month-picker.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 10561
       },
@@ -2606,7 +2647,7 @@
         "fileName": "q2-otp.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 24092
       },
@@ -2619,7 +2660,7 @@
         "fileName": "q2-pagination.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 20738
@@ -2633,7 +2674,7 @@
         "fileName": "q2-pill.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "action-sheet-D71RSc-w.js"
         ],
@@ -2648,7 +2689,7 @@
         "fileName": "q2-radio.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 14103
@@ -2662,7 +2703,7 @@
         "fileName": "q2-radio-group.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 11747
@@ -2677,7 +2718,7 @@
         "imports": [
           "index-DUaTw_1N.js",
           "index-CgG3VNXc.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 6863
       },
@@ -2690,9 +2731,9 @@
         "fileName": "q2-search.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 41308
+        "originalByteSize": 45420
       },
       {
         "key": "q2-section.entry",
@@ -2703,10 +2744,10 @@
         "fileName": "q2-section.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 12829
+        "originalByteSize": 12814
       },
       {
         "key": "q2-stepper.entry",
@@ -2717,10 +2758,11 @@
         "fileName": "q2-stepper.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
-          "mirror-emit-kjeNv83f.js"
+          "index-SpDCZABA.js",
+          "mirror-emit-kjeNv83f.js",
+          "sanitize-html-string-D17Pr7-c.js"
         ],
-        "originalByteSize": 23048
+        "originalByteSize": 23152
       },
       {
         "key": "q2-stepper-pane.entry",
@@ -2732,7 +2774,7 @@
         "imports": [
           "index-DUaTw_1N.js",
           "component-iASoq6gx.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 4974
@@ -2746,10 +2788,23 @@
         "fileName": "q2-stepper-vertical.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
-          "mirror-emit-kjeNv83f.js"
+          "index-SpDCZABA.js",
+          "mirror-emit-kjeNv83f.js",
+          "sanitize-html-string-D17Pr7-c.js"
+        ],
+        "originalByteSize": 24728
+      },
+      {
+        "key": "q2-surface.entry",
+        "components": [
+          "q2-surface"
+        ],
+        "bundleId": "q2-surface.cjs",
+        "fileName": "q2-surface.cjs.entry.js",
+        "imports": [
+          "index-DUaTw_1N.js"
         ],
-        "originalByteSize": 24125
+        "originalByteSize": 14344
       },
       {
         "key": "q2-tab-container.entry",
@@ -2760,7 +2815,7 @@
         "fileName": "q2-tab-container.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "component-iASoq6gx.js"
         ],
@@ -2788,7 +2843,7 @@
         "fileName": "q2-textarea.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 29450
@@ -2802,7 +2857,7 @@
         "fileName": "q2-toast.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 11806
       },
@@ -2840,7 +2895,7 @@
         "imports": [
           "index-DUaTw_1N.js",
           "component-iASoq6gx.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
         "originalByteSize": 8810
@@ -2854,7 +2909,7 @@
         "fileName": "q2-dropdown-item.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "component-iASoq6gx.js"
         ],
@@ -2871,7 +2926,7 @@
           "index-DUaTw_1N.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 7820
+        "originalByteSize": 7790
       },
       {
         "key": "q2-optgroup.entry",
@@ -2883,7 +2938,7 @@
         "imports": [
           "index-DUaTw_1N.js",
           "component-iASoq6gx.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 4234
       },
@@ -2896,11 +2951,11 @@
         "fileName": "q2-select.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "action-sheet-D71RSc-w.js"
         ],
-        "originalByteSize": 46083
+        "originalByteSize": 47848
       },
       {
         "key": "q2-tooltip.entry",
@@ -2911,7 +2966,7 @@
         "fileName": "q2-tooltip.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 21139
       },
@@ -2924,9 +2979,9 @@
         "fileName": "q2-item.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 12355
+        "originalByteSize": 12472
       },
       {
         "key": "q2-option.entry",
@@ -2937,7 +2992,7 @@
         "fileName": "q2-option.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "component-iASoq6gx.js"
         ],
         "originalByteSize": 8143
@@ -2951,7 +3006,7 @@
         "fileName": "q2-message.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 8992
       },
@@ -2964,7 +3019,7 @@
         "fileName": "q2-icon.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "sprites-DZZE7UFT.js"
         ],
         "originalByteSize": 25172
@@ -2979,10 +3034,10 @@
         "imports": [
           "index-DUaTw_1N.js",
           "index-CgG3VNXc.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 61619
+        "originalByteSize": 61792
       },
       {
         "key": "q2-checkbox.q2-tag.entry",
@@ -2994,11 +3049,11 @@
         "fileName": "q2-checkbox_2.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "action-sheet-D71RSc-w.js"
         ],
-        "originalByteSize": 56187
+        "originalByteSize": 56223
       },
       {
         "key": "q2-link.q2-list.entry",
@@ -3010,9 +3065,9 @@
         "fileName": "q2-link_2.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 13176
+        "originalByteSize": 13161
       },
       {
         "key": "q2-action-group.q2-resize-observer.entry",
@@ -3024,7 +3079,7 @@
         "fileName": "q2-action-group_2.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
         "originalByteSize": 16783
       },
@@ -3038,11 +3093,11 @@
         "fileName": "q2-btn_2.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "shapes-CWaeHFb9.js",
           "sprites-DZZE7UFT.js"
         ],
-        "originalByteSize": 77844
+        "originalByteSize": 78178
       },
       {
         "key": "q2-carousel.entry",
@@ -3053,7 +3108,7 @@
         "fileName": "q2-carousel.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "component-iASoq6gx.js"
         ],
@@ -3072,9 +3127,9 @@
           "index-DUaTw_1N.js",
           "mirror-emit-kjeNv83f.js",
           "component-iASoq6gx.js",
-          "index-D2LFCsNP.js"
+          "index-SpDCZABA.js"
         ],
-        "originalByteSize": 52843
+        "originalByteSize": 52828
       },
       {
         "key": "q2-chart-bar.entry",
@@ -3085,7 +3140,7 @@
         "fileName": "q2-chart-bar.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "charting-ClN1ldqv.js",
           "dataSample-BYR-wrOn.js",
           "sectorHelper-9TWL-3dw.js"
@@ -3101,7 +3156,7 @@
         "fileName": "q2-chart-area.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "charting-ClN1ldqv.js",
           "dataSample-BYR-wrOn.js"
@@ -3118,10 +3173,10 @@
         "fileName": "q2-badge_2.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js"
         ],
-        "originalByteSize": 125950
+        "originalByteSize": 126925
       },
       {
         "key": "q2-chart-donut.entry",
@@ -3132,12 +3187,12 @@
         "fileName": "q2-chart-donut.cjs.entry.js",
         "imports": [
           "index-DUaTw_1N.js",
-          "index-D2LFCsNP.js",
+          "index-SpDCZABA.js",
           "mirror-emit-kjeNv83f.js",
           "charting-ClN1ldqv.js",
           "sectorHelper-9TWL-3dw.js"
         ],
-        "originalByteSize": 179973
+        "originalByteSize": 179958
       }
     ]
   },
@@ -4596,13 +4651,19 @@
           "mutable": false,
           "required": false,
           "optional": false,
+          "defaultValue": "'medium'",
           "complexType": {
             "original": "'small' | 'medium' | 'large'",
             "resolved": "\"large\" | \"medium\" | \"small\"",
             "references": {}
           },
           "docs": {
-            "tags": [],
+            "tags": [
+              {
+                "name": "default",
+                "text": "'medium'"
+              }
+            ],
             "text": "Defines the size of q2-btn, it renders as default size if not provided."
           },
           "internal": false,
@@ -5724,6 +5785,33 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "valid",
+          "type": "boolean",
+          "attribute": "valid",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Show success styles when the calendar is in a valid state. The error state takes precedence when both are set."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "validDates",
           "type": "unknown",
@@ -6298,27 +6386,6 @@
         "q2-btn"
       ],
       "properties": [
-        {
-          "name": "accessibilityLabel",
-          "type": "string",
-          "attribute": "accessibility-label",
-          "reflect": false,
-          "mutable": false,
-          "required": false,
-          "optional": true,
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "docs": {
-            "tags": [],
-            "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
-          },
-          "internal": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "background",
           "type": "string",
@@ -6718,6 +6785,27 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "tctAriaLabel",
+          "type": "string",
+          "attribute": "tct-aria-label",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "vendor",
           "type": "string",
@@ -17978,6 +18066,33 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "valid",
+          "type": "boolean",
+          "attribute": "valid",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Displays a success state icon when the field does not have active errors."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "validity",
           "type": "unknown",
@@ -19396,6 +19511,37 @@
       "methods": [],
       "potentialCmpRefs": [],
       "properties": [
+        {
+          "name": "ignoreTag",
+          "type": "boolean",
+          "attribute": "ignore-tag",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "warning",
+                "text": "Only use this with trusted localization strings, as it uses innerHTML and may expose XSS vulnerabilities. See the FAQ \"Can I add HTML to my localization strings?\" for usage guidance."
+              },
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "When true, allows HTML tags in the localized string to be rendered as HTML."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "substitutions",
           "type": "unknown",
@@ -20024,7 +20170,7 @@
           },
           {
             "name": "category",
-            "text": "Display"
+            "text": "Platform"
           },
           {
             "name": "summary",
@@ -27229,6 +27375,33 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "valid",
+          "type": "boolean",
+          "attribute": "valid",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Determines whether to show a success state. The error state takes precedence when both are set."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -28051,6 +28224,378 @@
         }
       ]
     },
+    {
+      "tag": "q2-surface",
+      "path": "./src/components/q2-surface/q2-surface.js",
+      "source": "./src/components/q2-surface/q2-surface.tsx",
+      "elementRef": "hostElement",
+      "componentClassName": "Q2Surface",
+      "assetsDirs": [],
+      "dependencies": [],
+      "dependents": [],
+      "directDependencies": [],
+      "directDependents": [],
+      "docs": {
+        "tags": [
+          {
+            "name": "name",
+            "text": "Surface"
+          },
+          {
+            "name": "category",
+            "text": "Display"
+          },
+          {
+            "name": "summary",
+            "text": "An unopinionated visual primitive. A plain block by default that gains visual treatment via attributes."
+          }
+        ],
+        "text": ""
+      },
+      "encapsulation": "shadow",
+      "excludeFromCollection": false,
+      "events": [
+        {
+          "name": "tctClick",
+          "method": "tctClick",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [],
+            "text": "Emitted when the surface is clicked and `clickable` is true."
+          },
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "internal": false
+        }
+      ],
+      "internal": false,
+      "listeners": [
+        {
+          "name": "click",
+          "method": "onClick",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "name": "keydown",
+          "method": "onKeydown",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "animate",
+          "docs": {
+            "text": "Triggers a named animation on the surface. If an animation is already running, cancels it before starting the new one.",
+            "tags": [
+              {
+                "name": "param",
+                "text": "animation The animation to play. Defaults to `'pulse'`."
+              },
+              {
+                "name": "returns",
+                "text": "A Promise that resolves when the animation finishes or is cancelled."
+              }
+            ]
+          },
+          "complexType": {
+            "signature": "(animation?: \"bounce\" | \"flash\" | \"pulse\" | \"tada\") => Promise<void>",
+            "parameters": [
+              {
+                "name": "animation",
+                "type": "\"bounce\" | \"flash\" | \"pulse\" | \"tada\"",
+                "docs": "The animation to play. Defaults to `'pulse'`."
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "internal": false
+        }
+      ],
+      "potentialCmpRefs": [],
+      "properties": [
+        {
+          "name": "background",
+          "type": "string",
+          "attribute": "background",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "'default' | 'primary' | 'secondary' | 'tertiary'",
+            "resolved": "\"default\" | \"primary\" | \"secondary\" | \"tertiary\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Applies a background color from the design-system token palette. When unset, the surface is transparent."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "backgroundGradient",
+          "type": "boolean",
+          "attribute": "background-gradient",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "info",
+                "text": "Direction and colors are customizable via CSS custom properties."
+              },
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Applies a gradient fade across the background."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "border",
+          "type": "string",
+          "attribute": "border",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "'default' | 'primary' | 'secondary' | 'tertiary'",
+            "resolved": "\"default\" | \"primary\" | \"secondary\" | \"tertiary\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Renders a visible border around the surface, optionally in a themed color."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "borderGradient",
+          "type": "boolean",
+          "attribute": "border-gradient",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "info",
+                "text": "Requires `border` to be set to produce a colored gradient. Without `border`, falls back to the default border color."
+              },
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Renders the border as a gradient using the color set by the `border` prop. Takes precedence over a solid `border` when both are set."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "clickable",
+          "type": "boolean",
+          "attribute": "clickable",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "info",
+                "text": "Emits `tctClick` when clicked."
+              },
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Makes the surface interactive, responding to clicks."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "elevation",
+          "type": "number",
+          "attribute": "elevation",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "0",
+          "complexType": {
+            "original": "0 | 1 | 2 | 3 | 4 | 5",
+            "resolved": "0 | 1 | 2 | 3 | 4 | 5",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "info",
+                "text": "0 means no shadow; higher values appear more elevated."
+              },
+              {
+                "name": "default",
+                "text": "0"
+              }
+            ],
+            "text": "Gives the component a drop shadow."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inset",
+          "type": "string",
+          "attribute": "inset",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "'none'",
+          "complexType": {
+            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "info",
+                "text": "Individual axes can be overridden with `inset-x` and `inset-y`."
+              },
+              {
+                "name": "default",
+                "text": "'none'"
+              }
+            ],
+            "text": "Adds internal padding applied uniformly on all sides."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "insetX",
+          "type": "string",
+          "attribute": "inset-x",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Adds horizontal padding, overriding the horizontal component of `inset`."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "insetY",
+          "type": "string",
+          "attribute": "inset-y",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Adds vertical padding, overriding the vertical component of `inset`."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "radius",
+          "type": "number",
+          "attribute": "radius",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "0",
+          "complexType": {
+            "original": "0 | 1 | 2 | 3 | 4 | 5",
+            "resolved": "0 | 1 | 2 | 3 | 4 | 5",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "0"
+              }
+            ],
+            "text": "Adds corner rounding on a scale from 0 (sharp) to 5 (most rounded)."
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "shadowDelegatesFocus": false,
+      "states": []
+    },
     {
       "tag": "q2-tab-container",
       "path": "./src/components/q2-tab-container/q2-tab-container.js",
@@ -29652,16 +30197,24 @@
       "docs": {
         "tags": [
           {
-            "name": "slot",
-            "text": "icon - Optional slot for a custom icon."
+            "name": "name",
+            "text": "Toast"
+          },
+          {
+            "name": "category",
+            "text": "Platform"
+          },
+          {
+            "name": "summary",
+            "text": "Use for brief, non-intrusive notifications that appear temporarily and do not require user interaction."
           },
           {
             "name": "slot",
-            "text": "title - Optional slot for the title content."
+            "text": "icon - Optional slot for a custom icon."
           },
           {
             "name": "slot",
-            "text": "- Optional slot for the message content."
+            "text": "title - Optional slot for the title content."
           },
           {
             "name": "slot",
@@ -31885,6 +32438,33 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "valid",
+              "type": "boolean",
+              "attribute": "valid",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Show success styles when the calendar is in a valid state. The error state takes precedence when both are set."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "validDates",
               "type": "unknown",
@@ -32618,6 +33198,7 @@
             "clearable",
             "placeholder",
             "optional",
+            "valid",
             "aria-expanded",
             "aria-controls",
             "hints",
@@ -33609,27 +34190,6 @@
           "shadowDelegatesFocus": false,
           "slotAssignment": null,
           "properties": [
-            {
-              "name": "accessibilityLabel",
-              "type": "string",
-              "attribute": "accessibility-label",
-              "reflect": false,
-              "mutable": false,
-              "required": false,
-              "optional": true,
-              "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-              },
-              "docs": {
-                "tags": [],
-                "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
-              },
-              "internal": false,
-              "getter": false,
-              "setter": false
-            },
             {
               "name": "background",
               "type": "string",
@@ -34029,6 +34589,27 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "tctAriaLabel",
+              "type": "string",
+              "attribute": "tct-aria-label",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "vendor",
               "type": "string",
@@ -34510,6 +35091,7 @@
             "src",
             "alt",
             "onClick",
+            "block",
             "disabled",
             "label",
             "hideLabel",
@@ -36225,7 +36807,20 @@
           ],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--tct-area-chart-width?",
+              "docs": "(<length-percentage>) Controls the width of the area chart.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-area-chart-height?",
+              "docs": "(<length-percentage>) Controls the height of the area chart.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
           "docs": {
             "tags": [
               {
@@ -36837,7 +37432,20 @@
           ],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--tct-bar-chart-width?",
+              "docs": "(<length-percentage>) Controls the width of the bar chart.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-bar-chart-height?",
+              "docs": "(<length-percentage>) Controls the height of the bar chart.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
           "docs": {
             "tags": [
               {
@@ -42838,6 +43446,10 @@
             {
               "propName": "errors",
               "methodName": "errorsObserver"
+            },
+            {
+              "propName": "value",
+              "methodName": "valueObserver"
             }
           ],
           "doesExtend": false,
@@ -47376,6 +47988,37 @@
           "shadowDelegatesFocus": false,
           "slotAssignment": null,
           "properties": [
+            {
+              "name": "ignoreTag",
+              "type": "boolean",
+              "attribute": "ignore-tag",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "warning",
+                    "text": "Only use this with trusted localization strings, as it uses innerHTML and may expose XSS vulnerabilities. See the FAQ \"Can I add HTML to my localization strings?\" for usage guidance."
+                  },
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "When true, allows HTML tags in the localized string to be rendered as HTML."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "substitutions",
               "type": "unknown",
@@ -47462,7 +48105,7 @@
           "hasComponentWillUpdateFn": false,
           "hasComponentDidUpdateFn": false,
           "hasComponentWillRenderFn": false,
-          "hasComponentDidRenderFn": false,
+          "hasComponentDidRenderFn": true,
           "hasConnectedCallbackFn": false,
           "hasDeserializer": false,
           "hasDisconnectedCallbackFn": true,
@@ -47482,7 +48125,7 @@
           "hasAttribute": true,
           "hasProp": true,
           "hasPropNumber": false,
-          "hasPropBoolean": false,
+          "hasPropBoolean": true,
           "hasPropString": true,
           "hasPropMutable": true,
           "hasReflect": true,
@@ -48666,7 +49309,7 @@
               },
               {
                 "name": "category",
-                "text": "Display"
+                "text": "Platform"
               },
               {
                 "name": "summary",
@@ -49940,7 +50583,194 @@
           ],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--tct-otp-margin?",
+              "docs": "(<length-percentage>+) Controls the margin of the component host as a shorthand. Overrides --tct-otp-margin-top and --tct-otp-margin-bottom when set.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-margin-top",
+              "docs": "(<length-percentage>) Controls the top margin of the component host.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-margin-bottom",
+              "docs": "(<length-percentage>) Controls the bottom margin of the component host.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-vertical-gap",
+              "docs": "(<length-percentage>) Controls the vertical spacing between the label, fields, helper text, and actions.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-gap",
+              "docs": "(<length-percentage>) Controls the horizontal spacing between individual OTP fields.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-background",
+              "docs": "(<color>) Controls the background color of each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-border-color",
+              "docs": "(<color>) Controls the border color of each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-border-radius",
+              "docs": "(<length-percentage>) Controls the corner radius of each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-border-width",
+              "docs": "(<length>) Controls the border width of each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-font-color",
+              "docs": "(<color>) Controls the text color inside each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-font-size",
+              "docs": "(<length-percentage>) Controls the font size of characters inside each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-font-weight",
+              "docs": "(<number>) Controls the font weight of characters inside each OTP input field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-masked-color",
+              "docs": "(<color>) Controls the color of the mask dot shown when the field is in masked mode.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-masked-size",
+              "docs": "(<length>) Controls the diameter of the mask dot shown when the field is in masked mode.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-focus-border-color?",
+              "docs": "(<color>) Controls the border color of the active (focused) OTP field. Defaults to the regular field border color.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-focus-box-shadow",
+              "docs": "(*) Controls the box-shadow applied to the active (focused) OTP field.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-error-border-color",
+              "docs": "(<color>) Controls the border color of each OTP field when the component is in the error state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-error-focus-ring-color",
+              "docs": "(<color>) Controls the focus ring color of the active field when the component is in the error state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-error-focus-box-shadow",
+              "docs": "(*) Controls the box-shadow of the active field when the component is in the error state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-success-border-color",
+              "docs": "(<color>) Controls the border color of each OTP field when the component is in the success state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-success-focus-ring-color",
+              "docs": "(<color>) Controls the focus ring color of the active field when the component is in the success state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-success-focus-box-shadow",
+              "docs": "(*) Controls the box-shadow of the active field when the component is in the success state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-field-disabled-opacity",
+              "docs": "(<number>) Controls the opacity of each OTP field when the component is disabled.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-separator-color",
+              "docs": "(<color>) Controls the color of the separator character between field groups.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-separator-font-size",
+              "docs": "(<length-percentage>) Controls the font size of the separator character.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-separator-font-weight",
+              "docs": "(<number>) Controls the font weight of the separator character.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-helper-font-color",
+              "docs": "(<color>) Controls the color of the helper text below the fields.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-helper-font-size",
+              "docs": "(<length-percentage>) Controls the font size of the helper text below the fields.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-processing-overlay-background",
+              "docs": "(<color>) Controls the background of the overlay shown during processing.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-processing-spinner-size",
+              "docs": "(<length>) Controls the size of the spinner shown during processing.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-otp-tween",
+              "docs": "(*) Controls the transition timing applied to field state changes.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
           "docs": {
             "tags": [
               {
@@ -52481,6 +53311,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-radio-focus-box-shadow?",
+              "docs": "(*) Controls the optional box shadow of the radio on focus.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-radio-select-fill-default?",
               "docs": "(<color>) Controls the optional inner-circle fill in the default state.",
@@ -52667,6 +53503,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-radio-label-hidden-columns?",
+              "docs": "(*) Controls the optional grid-template-columns when the label is visually hidden.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-radio-tile-border-radius",
               "docs": "(<length-percentage>) Controls the corner radius of the radio tile.",
@@ -54756,7 +55598,146 @@
           ],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--tct-search-margin?",
+              "docs": "(<length-percentage>+) Controls the margin of the component host as a shorthand. Overrides --tct-search-margin-top and --tct-search-margin-bottom when set.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-margin-top",
+              "docs": "(<length-percentage>) Controls the top margin of the component host.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-margin-bottom",
+              "docs": "(<length-percentage>) Controls the bottom margin of the component host.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-input-min-height?",
+              "docs": "(*) Controls the minimum height of the search input.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-input-max-height?",
+              "docs": "(*) Controls the maximum height of the search input.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-input-horizontal-gap",
+              "docs": "(<length-percentage>) Controls the horizontal gap between elements inside the search input.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-icon-min-width?",
+              "docs": "(*) Controls the minimum width of the icon container in the search input.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-loading-popover-height?",
+              "docs": "(<length-percentage>) Controls the minimum height of the popover while the component is in the loading state.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-loading-spinner-size",
+              "docs": "(<length-percentage>) Controls the size of the loading spinner.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-header-padding",
+              "docs": "(<length-percentage>+) Controls the padding of the multi-select filter header.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-header-background",
+              "docs": "(<color>) Controls the background color of the multi-select filter header.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-padding",
+              "docs": "(<length-percentage>+) Controls the padding of each filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-font-size",
+              "docs": "(<length-percentage>) Controls the font size of each filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-border-radius",
+              "docs": "(<length-percentage>) Controls the corner radius of each filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-background",
+              "docs": "(<color>) Controls the default background color of each filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-font-color",
+              "docs": "(<color>) Controls the default text color of each filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-hover-background",
+              "docs": "(<color>) Controls the background color of a filter option label on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-hover-font-color",
+              "docs": "(<color>) Controls the text color of a filter option label on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-active-background",
+              "docs": "(<color>) Controls the background color of the selected filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-active-font-color",
+              "docs": "(<color>) Controls the text color of the selected filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-multi-select-option-disabled-opacity",
+              "docs": "(<number>) Controls the opacity of a disabled filter option label.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-no-results-padding",
+              "docs": "(<length-percentage>+) Controls the padding of the no-results message.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-search-no-results-font-color",
+              "docs": "(<color>) Controls the text color of the no-results message.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
           "docs": {
             "tags": [
               {
@@ -54846,6 +55827,7 @@
           "isPlain": false,
           "htmlAttrNames": [
             "name",
+            "slot",
             "class",
             "aria-label",
             "type",
@@ -54895,8 +55877,8 @@
             "badgeValue"
           ],
           "htmlTagNames": [
-            "slot",
             "div",
+            "slot",
             "fieldset",
             "legend",
             "input",
@@ -57194,6 +58176,7 @@
             "tabIndex",
             "onKeyDown",
             "onClick",
+            "innerHTML",
             "ref",
             "aria-hidden",
             "aria-describedBy",
@@ -57225,6 +58208,706 @@
       ],
       "entryKey": "q2-stepper-vertical.entry"
     },
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": null,
+          "attachInternalsCustomStates": [],
+          "formAssociated": false,
+          "tagName": "q2-surface",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "Q2Surface",
+          "elementRef": "hostElement",
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "slotAssignment": null,
+          "properties": [
+            {
+              "name": "background",
+              "type": "string",
+              "attribute": "background",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "'default' | 'primary' | 'secondary' | 'tertiary'",
+                "resolved": "\"default\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Applies a background color from the design-system token palette. When unset, the surface is transparent."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "backgroundGradient",
+              "type": "boolean",
+              "attribute": "background-gradient",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "Direction and colors are customizable via CSS custom properties."
+                  },
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Applies a gradient fade across the background."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "border",
+              "type": "string",
+              "attribute": "border",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "'default' | 'primary' | 'secondary' | 'tertiary'",
+                "resolved": "\"default\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Renders a visible border around the surface, optionally in a themed color."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "borderGradient",
+              "type": "boolean",
+              "attribute": "border-gradient",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "Requires `border` to be set to produce a colored gradient. Without `border`, falls back to the default border color."
+                  },
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Renders the border as a gradient using the color set by the `border` prop. Takes precedence over a solid `border` when both are set."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "clickable",
+              "type": "boolean",
+              "attribute": "clickable",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "Emits `tctClick` when clicked."
+                  },
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Makes the surface interactive, responding to clicks."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "elevation",
+              "type": "number",
+              "attribute": "elevation",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "0",
+              "complexType": {
+                "original": "0 | 1 | 2 | 3 | 4 | 5",
+                "resolved": "0 | 1 | 2 | 3 | 4 | 5",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "0 means no shadow; higher values appear more elevated."
+                  },
+                  {
+                    "name": "default",
+                    "text": "0"
+                  }
+                ],
+                "text": "Gives the component a drop shadow."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "inset",
+              "type": "string",
+              "attribute": "inset",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "'none'",
+              "complexType": {
+                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "Individual axes can be overridden with `inset-x` and `inset-y`."
+                  },
+                  {
+                    "name": "default",
+                    "text": "'none'"
+                  }
+                ],
+                "text": "Adds internal padding applied uniformly on all sides."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "insetX",
+              "type": "string",
+              "attribute": "inset-x",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Adds horizontal padding, overriding the horizontal component of `inset`."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "insetY",
+              "type": "string",
+              "attribute": "inset-y",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Adds vertical padding, overriding the vertical component of `inset`."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "radius",
+              "type": "number",
+              "attribute": "radius",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "0",
+              "complexType": {
+                "original": "0 | 1 | 2 | 3 | 4 | 5",
+                "resolved": "0 | 1 | 2 | 3 | 4 | 5",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "0"
+                  }
+                ],
+                "text": "Adds corner rounding on a scale from 0 (sharp) to 5 (most rounded)."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [],
+          "methods": [
+            {
+              "name": "animate",
+              "docs": {
+                "text": "Triggers a named animation on the surface. If an animation is already running, cancels it before starting the new one.",
+                "tags": [
+                  {
+                    "name": "param",
+                    "text": "animation The animation to play. Defaults to `'pulse'`."
+                  },
+                  {
+                    "name": "returns",
+                    "text": "A Promise that resolves when the animation finishes or is cancelled."
+                  }
+                ]
+              },
+              "complexType": {
+                "signature": "(animation?: \"bounce\" | \"flash\" | \"pulse\" | \"tada\") => Promise<void>",
+                "parameters": [
+                  {
+                    "name": "animation",
+                    "type": "\"bounce\" | \"flash\" | \"pulse\" | \"tada\"",
+                    "docs": "The animation to play. Defaults to `'pulse'`."
+                  }
+                ],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  }
+                },
+                "return": "Promise<void>"
+              },
+              "internal": false
+            }
+          ],
+          "listeners": [
+            {
+              "name": "click",
+              "method": "onClick",
+              "capture": false,
+              "passive": false
+            },
+            {
+              "name": "keydown",
+              "method": "onKeydown",
+              "capture": false,
+              "passive": false
+            }
+          ],
+          "events": [
+            {
+              "name": "tctClick",
+              "method": "tctClick",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Emitted when the surface is clicked and `clickable` is true."
+              },
+              "complexType": {
+                "original": "void",
+                "resolved": "void",
+                "references": {}
+              },
+              "internal": false
+            }
+          ],
+          "watchers": [],
+          "doesExtend": false,
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "Q2-SURFACE",
+              "styleStr": null,
+              "styleIdentifier": "Q2SurfaceStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.scss",
+                  "relativePath": "q2-surface.scss",
+                  "originalComponentPath": "q2-surface.scss"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [
+            {
+              "name": "--tct-surface-background-default",
+              "docs": "(<color>) Background color when background=\"default\". Defaults to --t-base.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-background-primary",
+              "docs": "(<color>) Background color when background=\"primary\". Defaults to --t-primary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-background-secondary",
+              "docs": "(<color>) Background color when background=\"secondary\". Defaults to --t-secondary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-background-tertiary",
+              "docs": "(<color>) Background color when background=\"tertiary\". Defaults to --t-tertiary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-hover-background",
+              "docs": "(<color>) Hover background when clickable and no background is set. Defaults to --t-base-hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-primary-hover-background",
+              "docs": "(<color>) Hover background when clickable and background=\"primary\". Defaults to --t-primary-l2.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-secondary-hover-background",
+              "docs": "(<color>) Hover background when clickable and background=\"secondary\". Defaults to --t-secondary-l2.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-tertiary-hover-background",
+              "docs": "(<color>) Hover background when clickable and background=\"tertiary\". Defaults to --t-tertiary-l2.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-primary-font-color",
+              "docs": "(<color>) Text color when background=\"primary\". Defaults to --t-primary-text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-secondary-font-color",
+              "docs": "(<color>) Text color when background=\"secondary\". Defaults to --t-secondary-text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-tertiary-font-color",
+              "docs": "(<color>) Text color when background=\"tertiary\". Defaults to --t-tertiary-text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-color",
+              "docs": "(<color>) Border color when border=\"default\". Defaults to --t-gray-12.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-primary-border-color",
+              "docs": "(<color>) Border color when border=\"primary\". Defaults to --t-primary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-secondary-border-color",
+              "docs": "(<color>) Border color when border=\"secondary\" . Defaults to --t-secondary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-tertiary-border-color",
+              "docs": "(<color>) Border color when border=\"tertiary\". Defaults to --t-tertiary.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-radius-1",
+              "docs": "(<length>) Corner radius at radius=1. Defaults to --app-border-radius-1 (4px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-radius-2",
+              "docs": "(<length>) Corner radius at radius=2. Defaults to --app-border-radius-2 (8px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-radius-3",
+              "docs": "(<length>) Corner radius at radius=3. Defaults to --app-border-radius-3 (12px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-radius-4",
+              "docs": "(<length>) Corner radius at radius=4. Defaults to --app-border-radius-4 (16px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-radius-5",
+              "docs": "(<length>) Corner radius at radius=5. Defaults to --app-border-radius-5 (24px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-1-box-shadow",
+              "docs": "(*) Box shadow at elevation=1.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-2-box-shadow",
+              "docs": "(*) Box shadow at elevation=2.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-3-box-shadow",
+              "docs": "(*) Box shadow at elevation=3.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-4-box-shadow",
+              "docs": "(*) Box shadow at elevation=4.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-5-box-shadow",
+              "docs": "(*) Box shadow at elevation=5.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-0-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=0 or unset.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-1-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=1.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-2-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=2.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-3-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=3.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-4-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=4.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-elevation-hover-5-box-shadow",
+              "docs": "(*) Hover box shadow when clickable and elevation=5.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-inset-compact",
+              "docs": "(<length>) Padding when inset=\"compact\". Defaults to --app-scale-1x (5px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-inset-normal",
+              "docs": "(<length>) Padding when inset=\"normal\". Defaults to --app-scale-3x (15px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-inset-comfortable",
+              "docs": "(<length>) Padding when inset=\"comfortable\". Defaults to --app-scale-5x (25px).",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-background-gradient-direction",
+              "docs": "(<angle> | <side-or-corner>) Gradient direction for background-gradient. Defaults to \"to right bottom\".",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-border-gradient-direction",
+              "docs": "(<angle> | <side-or-corner>) Gradient direction for border-gradient, overrides --tct-surface-background-gradient-direction. Defaults to \"to right bottom\".",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-focus-visible-box-shadow",
+              "docs": "(*) Focus ring box-shadow when clickable.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-tween",
+              "docs": "(<time> <easing>) Transition timing for all animated properties.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-surface-animation-duration",
+              "docs": "(<time>) Duration of animate() animations. Defaults to 1s.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
+          "docs": {
+            "tags": [
+              {
+                "name": "name",
+                "text": "Surface"
+              },
+              {
+                "name": "category",
+                "text": "Display"
+              },
+              {
+                "name": "summary",
+                "text": "An unopinionated visual primitive. A plain block by default that gains visual treatment via attributes."
+              }
+            ],
+            "text": ""
+          },
+          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.js",
+          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.tsx",
+          "sourceMapPath": null,
+          "serializers": [],
+          "deserializers": [],
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": false,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDeserializer": false,
+          "hasDisconnectedCallbackFn": true,
+          "hasElement": false,
+          "hasEvent": true,
+          "hasLifecycle": false,
+          "hasListener": true,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": true,
+          "hasMode": false,
+          "hasModernPropertyDecls": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": true,
+          "hasPropBoolean": true,
+          "hasPropString": true,
+          "hasPropMutable": false,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasSerializer": false,
+          "hasSlot": true,
+          "hasState": false,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": true,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": false,
+          "hasVdomPropOrAttr": true,
+          "hasVdomRef": false,
+          "hasVdomRender": true,
+          "hasVdomStyle": false,
+          "hasVdomText": false,
+          "hasWatchCallback": false,
+          "isPlain": false,
+          "htmlAttrNames": [
+            "key",
+            "class",
+            "role",
+            "tabIndex"
+          ],
+          "htmlTagNames": [
+            "div",
+            "slot"
+          ],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [],
+          "dependents": [],
+          "dependencies": [],
+          "directDependents": [],
+          "directDependencies": []
+        }
+      ],
+      "entryKey": "q2-surface.entry"
+    },
     {
       "cmps": [
         {
@@ -59906,16 +61589,24 @@
           "docs": {
             "tags": [
               {
-                "name": "slot",
-                "text": "icon - Optional slot for a custom icon."
+                "name": "name",
+                "text": "Toast"
+              },
+              {
+                "name": "category",
+                "text": "Platform"
+              },
+              {
+                "name": "summary",
+                "text": "Use for brief, non-intrusive notifications that appear temporarily and do not require user interaction."
               },
               {
                 "name": "slot",
-                "text": "title - Optional slot for the title content."
+                "text": "icon - Optional slot for a custom icon."
               },
               {
                 "name": "slot",
-                "text": "- Optional slot for the message content."
+                "text": "title - Optional slot for the title content."
               },
               {
                 "name": "slot",
@@ -66086,6 +67777,33 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "valid",
+              "type": "boolean",
+              "attribute": "valid",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Determines whether to show a success state. The error state takes precedence when both are set."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "value",
               "type": "string",
@@ -66463,13 +68181,13 @@
             },
             {
               "name": "--tct-select-input-min-height?",
-              "docs": "(<length-percentage>) Controls the optional minimum height of the select input.",
+              "docs": "(<length-percentage>) Controls the optional minimum height of the select input. Use this to control the height of the select in the empty state, especially when using multiline-options with tall content.",
               "annotation": "prop",
               "mode": "$"
             },
             {
               "name": "--tct-select-input-max-height?",
-              "docs": "(<length-percentage>) Controls the optional maximum height of the select input.",
+              "docs": "(<length-percentage>) Controls the optional maximum height of the select input. Use this to constrain the height when displaying multiline selected content.",
               "annotation": "prop",
               "mode": "$"
             },
@@ -66651,6 +68369,7 @@
             "readonly",
             "placeholder",
             "hideLabel",
+            "valid",
             "ariaExpanded",
             "ariaControls",
             "ariaHaspopup",
@@ -67894,6 +69613,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-item-action-btn-icon-padding",
+              "docs": "(<length>) Controls the padding of icon buttons in the item action area.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-item-action-icon-height",
               "docs": "(<length>) Controls the height applied to icon buttons in the item action area.",
@@ -68922,6 +70647,30 @@
               "docs": "(<color>) Controls the color of the status bar when the message type is error or danger.",
               "annotation": "prop",
               "mode": "$"
+            },
+            {
+              "name": "--tct-message-info-background",
+              "docs": "(<color>) Controls the background color of the message container when the message type is info.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-message-success-background",
+              "docs": "(<color>) Controls the background color of the message container when the message type is success.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-message-warning-background",
+              "docs": "(<color>) Controls the background color of the message container when the message type is warning.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-message-error-background",
+              "docs": "(<color>) Controls the background color of the message container when the message type is error or danger.",
+              "annotation": "prop",
+              "mode": "$"
             }
           ],
           "docs": {
@@ -70449,6 +72198,33 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "valid",
+              "type": "boolean",
+              "attribute": "valid",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Displays a success state icon when the field does not have active errors."
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "validity",
               "type": "unknown",
@@ -71267,6 +73043,24 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-input-placeholder-font-size?",
+              "docs": "(<length-percentage>) Controls the optional font size of the input placeholder text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-input-placeholder-font-weight?",
+              "docs": "(<number>) Controls the optional font weight of the input placeholder text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--tct-input-placeholder-padding?",
+              "docs": "(<length-percentage>+) Controls the optional inner padding of the input placeholder text.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-input-autofill-background",
               "docs": "(<color>) Controls the background color of the input field when autofilled.",
@@ -72873,6 +74667,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-popover-width?",
+              "docs": "(<length-percentage>) Controls the optional width of the popover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-popover-top",
               "docs": "(<length-percentage>) Controls the top offset of the popover when opening downward.",
@@ -73513,13 +75313,19 @@
               "mutable": false,
               "required": false,
               "optional": false,
+              "defaultValue": "'medium'",
               "complexType": {
                 "original": "'small' | 'medium' | 'large'",
                 "resolved": "\"large\" | \"medium\" | \"small\"",
                 "references": {}
               },
               "docs": {
-                "tags": [],
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "'medium'"
+                  }
+                ],
                 "text": "Defines the size of q2-btn, it renders as default size if not provided."
               },
               "internal": false,
@@ -74142,6 +75948,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-primary-hover-box-shadow",
+              "docs": "(*) Controls the box shadow of the primary-intent button on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-primary-focus-background",
               "docs": "(<color>) Controls the background color of the primary-intent button on focus.",
@@ -74208,6 +76020,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-primary-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the primary-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-primary-active-background",
               "docs": "(<color>) Controls the background color of the primary-intent button when active.",
@@ -74352,6 +76170,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-secondary-hover-box-shadow",
+              "docs": "(*) Controls the box shadow of the secondary-intent button on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-secondary-focus-background",
               "docs": "(<color>) Controls the background color of the secondary-intent button on focus.",
@@ -74418,6 +76242,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-secondary-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the secondary-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-secondary-active-background",
               "docs": "(<color>) Controls the background color of the secondary-intent button when active.",
@@ -74562,6 +76392,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-neutral-hover-box-shadow",
+              "docs": "(*) Controls the box shadow of the neutral-intent button on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-neutral-focus-background",
               "docs": "(<color>) Controls the background color of the neutral-intent button on focus.",
@@ -74628,6 +76464,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-neutral-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the neutral-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-neutral-active-background",
               "docs": "(<color>) Controls the background color of the neutral-intent button when active.",
@@ -74772,6 +76614,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-neutral-text-hover-box-shadow",
+              "docs": "(*) Controls the box shadow of the neutral-text-intent button on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-neutral-text-focus-background",
               "docs": "(<color>) Controls the background color of the neutral-text-intent button on focus.",
@@ -74832,6 +76680,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-neutral-text-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the neutral-text-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-neutral-text-active-background",
               "docs": "(<color>) Controls the background color of the neutral-text-intent button when active.",
@@ -74976,6 +76830,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-destroy-hover-box-shadow",
+              "docs": "(*) Controls the box shadow of the destroy-intent button on hover.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-destroy-focus-background",
               "docs": "(<color>) Controls the background color of the destroy-intent button on focus.",
@@ -75042,6 +76902,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-destroy-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the destroy-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-destroy-active-background",
               "docs": "(<color>) Controls the background color of the destroy-intent button when active.",
@@ -75258,6 +77124,12 @@
               "annotation": "prop",
               "mode": "$"
             },
+            {
+              "name": "--tct-btn-escape-focus-visible-box-shadow",
+              "docs": "(*) Controls the box shadow of the escape-intent button when focused via keyboard.",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--tct-btn-escape-active-background",
               "docs": "(<color>) Controls the background color of the escape-intent button when active.",
@@ -76243,15 +78115,15 @@
       "index-Cqkz7Bnm.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-action-group": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-action-sheet": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "sanitize-html-string-DPHNpMWE.js",
       "mirror-emit-DUjY_ucm.js"
     ],
@@ -76260,105 +78132,105 @@
     ],
     "sc-q2-badge": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-btn": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "shapes-DZ6aIPWK.js",
       "sprites-jG2RmiwF.js"
     ],
     "sc-q2-calendar": [
       "index-Cqkz7Bnm.js",
       "index-O1A-ZSZs.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-card": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-card-image": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-carousel": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js"
     ],
     "sc-q2-carousel-pane": [
       "index-Cqkz7Bnm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-chart-area": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "charting-DOZct-UB.js",
       "dataSample-Dm1zpQNi.js"
     ],
     "sc-q2-chart-bar": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "charting-DOZct-UB.js",
       "dataSample-Dm1zpQNi.js",
       "sectorHelper--RMGWGAy.js"
     ],
     "sc-q2-chart-donut": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "charting-DOZct-UB.js",
       "sectorHelper--RMGWGAy.js"
     ],
     "sc-q2-checkbox": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "action-sheet-B7adb3xs.js"
     ],
     "sc-q2-checkbox-group": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js"
     ],
     "sc-q2-context": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-currency": [
       "index-Cqkz7Bnm.js"
     ],
     "sc-q2-data-table": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-detail": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-dropdown": [
       "index-Cqkz7Bnm.js",
       "action-sheet-B7adb3xs.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-dropdown-item": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js"
     ],
     "sc-q2-editable-field": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-example": [
@@ -76366,7 +78238,7 @@
     ],
     "sc-q2-file-picker": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-form": [
       "index-Cqkz7Bnm.js"
@@ -76383,17 +78255,17 @@
     ],
     "sc-q2-icon": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "sprites-jG2RmiwF.js"
     ],
     "sc-q2-input": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-item": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-legend": [
       "index-Cqkz7Bnm.js",
@@ -76401,15 +78273,15 @@
     ],
     "sc-q2-link": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-list": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-loading": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "shapes-DZ6aIPWK.js",
       "sprites-jG2RmiwF.js"
     ],
@@ -76419,24 +78291,25 @@
     ],
     "sc-q2-loc": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "sanitize-html-string-DPHNpMWE.js",
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-message": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-meter": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-modal": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "sanitize-html-string-DPHNpMWE.js"
     ],
     "sc-q2-month-picker": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-mutation-observer": [
       "index-Cqkz7Bnm.js"
@@ -76444,31 +78317,31 @@
     "sc-q2-optgroup": [
       "index-Cqkz7Bnm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-option": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "component-DaQM9u3s.js"
     ],
     "sc-q2-option-list": [
       "index-Cqkz7Bnm.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-otp": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-pagination": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-pill": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "action-sheet-B7adb3xs.js"
     ],
@@ -76476,34 +78349,34 @@
       "index-Cqkz7Bnm.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-radio": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-radio-group": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-relative-time": [
       "index-Cqkz7Bnm.js",
       "index-O1A-ZSZs.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-resize-observer": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-search": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-section": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-section-container": [
@@ -76512,29 +78385,34 @@
     ],
     "sc-q2-select": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "action-sheet-B7adb3xs.js"
     ],
     "sc-q2-stepper": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
-      "mirror-emit-DUjY_ucm.js"
+      "index-Cps4jSQM.js",
+      "mirror-emit-DUjY_ucm.js",
+      "sanitize-html-string-DPHNpMWE.js"
     ],
     "sc-q2-stepper-pane": [
       "index-Cqkz7Bnm.js",
       "component-DaQM9u3s.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-stepper-vertical": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
-      "mirror-emit-DUjY_ucm.js"
+      "index-Cps4jSQM.js",
+      "mirror-emit-DUjY_ucm.js",
+      "sanitize-html-string-DPHNpMWE.js"
+    ],
+    "sc-q2-surface": [
+      "index-Cqkz7Bnm.js"
     ],
     "sc-q2-tab-container": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "component-DaQM9u3s.js"
     ],
@@ -76544,22 +78422,22 @@
     ],
     "sc-q2-tag": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js",
       "action-sheet-B7adb3xs.js"
     ],
     "sc-q2-textarea": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js",
+      "index-Cps4jSQM.js",
       "mirror-emit-DUjY_ucm.js"
     ],
     "sc-q2-toast": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-q2-tooltip": [
       "index-Cqkz7Bnm.js",
-      "index-Bx4m6N0g.js"
+      "index-Cps4jSQM.js"
     ],
     "sc-tecton-tab-pane": [
       "index-Cqkz7Bnm.js"
@@ -76757,6 +78635,9 @@
       "./src/utils/test/vr-helpers"
     ],
     "./src/components/q2-item/q2-item.tsx": [],
+    "./src/components/q2-item/test/q2-item-test.vr.ts": [
+      "./src/utils/test/vr-helpers"
+    ],
     "./src/components/q2-legend/q2-legend.tsx": [],
     "./src/components/q2-link/q2-link.tsx": [],
     "./src/components/q2-link/test/q2-link-test.vr.ts": [
@@ -76791,6 +78672,9 @@
     "./src/components/q2-option-list/q2-option-list.tsx": [],
     "./src/components/q2-option/q2-option.tsx": [],
     "./src/components/q2-otp/q2-otp.tsx": [],
+    "./src/components/q2-otp/test/q2-otp-test.vr.ts": [
+      "./src/utils/test/vr-helpers"
+    ],
     "./src/components/q2-pagination/q2-pagination.tsx": [],
     "./src/components/q2-pagination/test/q2-pagination-test.vr.ts": [
       "./src/utils/test/vr-helpers"
@@ -76817,6 +78701,9 @@
     "./src/components/q2-search/q2-search.tsx": [
       "./src/utils"
     ],
+    "./src/components/q2-search/test/q2-search-test.vr.ts": [
+      "./src/utils/test/vr-helpers"
+    ],
     "./src/components/q2-section-container/q2-section-container.tsx": [],
     "./src/components/q2-section/q2-section.tsx": [],
     "./src/components/q2-section/test/q2-section-test.vr.ts": [
@@ -76837,6 +78724,10 @@
     "./src/components/q2-stepper/test/q2-stepper-test.vr.ts": [
       "./src/utils/test/vr-helpers"
     ],
+    "./src/components/q2-surface/q2-surface.tsx": [],
+    "./src/components/q2-surface/test/q2-surface-test.vr.ts": [
+      "./src/utils/test/vr-helpers"
+    ],
     "./src/components/q2-tab-container/q2-tab-container.tsx": [],
     "./src/components/q2-tab-container/test/q2-tab-container-test.vr.ts": [
       "./src/utils/test/vr-helpers"