npm - q2-tecton-elements - Versions diffs - 1.54.3 → 1.55.0 - Mend

q2-tecton-elements 1.54.3 → 1.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (576) hide show

package/dist/bundle-report.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-12T20:58:43",
+  "timestamp": "2025-05-23T23:19:45",
   "compiler": {
     "name": "node",
     "version": "20.18.1"
@@ -7,13 +7,13 @@
   "app": {
     "namespace": "Q2TectonElements",
     "fsNamespace": "q2-tecton-elements",
-    "components": 56,
-    "entries": 56,
-    "bundles": 914,
+    "components": 58,
+    "entries": 58,
+    "bundles": 964,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 334,
+        "files": 356,
         "generatedFiles": [
           "./dist/collection/components/click-elsewhere/click-elsewhere.js",
           "./dist/collection/components/click-elsewhere/click-elsewhere.js.map",
@@ -21,10 +21,10 @@
           "./dist/collection/components/click-elsewhere/test/click-elsewhere-test.e2e.js.map",
           "./dist/collection/components/q2-action-group/q2-action-group.js",
           "./dist/collection/components/q2-action-group/q2-action-group.js.map",
-          "./dist/collection/components/q2-action-group/test/q2-action-group.e2e.js",
-          "./dist/collection/components/q2-action-group/test/q2-action-group.e2e.js.map",
-          "./dist/collection/components/q2-action-group/test/q2-action-group.spec.js",
-          "./dist/collection/components/q2-action-group/test/q2-action-group.spec.js.map",
+          "./dist/collection/components/q2-action-group/test/q2-action-group-test.e2e.js",
+          "./dist/collection/components/q2-action-group/test/q2-action-group-test.e2e.js.map",
+          "./dist/collection/components/q2-action-group/test/q2-action-group-test.spec.js",
+          "./dist/collection/components/q2-action-group/test/q2-action-group-test.spec.js.map",
           "./dist/collection/components/q2-action-sheet/q2-action-sheet.js",
           "./dist/collection/components/q2-action-sheet/q2-action-sheet.js.map",
           "./dist/collection/components/q2-action-sheet/test/q2-action-sheet-test.e2e.js",
@@ -37,6 +37,8 @@
           "./dist/collection/components/q2-badge/q2-badge.js.map",
           "./dist/collection/components/q2-badge/test/q2-badge-test.e2e.js",
           "./dist/collection/components/q2-badge/test/q2-badge-test.e2e.js.map",
+          "./dist/collection/components/q2-badge/test/q2-badge-test.spec.js",
+          "./dist/collection/components/q2-badge/test/q2-badge-test.spec.js.map",
           "./dist/collection/components/q2-btn/q2-btn.js",
           "./dist/collection/components/q2-btn/q2-btn.js.map",
           "./dist/collection/components/q2-btn/test/q2-btn-test.e2e.js",
@@ -129,6 +131,10 @@
           "./dist/collection/components/q2-file-picker/test/q2-file-picker-test.e2e.js.map",
           "./dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js",
           "./dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js.map",
+          "./dist/collection/components/q2-form/q2-form.js",
+          "./dist/collection/components/q2-form/q2-form.js.map",
+          "./dist/collection/components/q2-form/test/q2-form-test.e2e.js",
+          "./dist/collection/components/q2-form/test/q2-form-test.e2e.js.map",
           "./dist/collection/components/q2-formatted-text/q2-formatted-text.js",
           "./dist/collection/components/q2-formatted-text/q2-formatted-text.js.map",
           "./dist/collection/components/q2-formatted-text/test/q2-formatted-text-test.e2e.js",
@@ -139,6 +145,8 @@
           "./dist/collection/components/q2-icon/q2-icon.js.map",
           "./dist/collection/components/q2-icon/test/q2-icon-test.e2e.js",
           "./dist/collection/components/q2-icon/test/q2-icon-test.e2e.js.map",
+          "./dist/collection/components/q2-icon/test/q2-icon-test.spec.js",
+          "./dist/collection/components/q2-icon/test/q2-icon-test.spec.js.map",
           "./dist/collection/components/q2-input/formatting/alpha.js",
           "./dist/collection/components/q2-input/formatting/alpha.js.map",
           "./dist/collection/components/q2-input/formatting/alpha.spec.js",
@@ -235,6 +243,12 @@
           "./dist/collection/components/q2-message/q2-message.js.map",
           "./dist/collection/components/q2-message/test/q2-message-test.e2e.js",
           "./dist/collection/components/q2-message/test/q2-message-test.e2e.js.map",
+          "./dist/collection/components/q2-modal/q2-modal.js",
+          "./dist/collection/components/q2-modal/q2-modal.js.map",
+          "./dist/collection/components/q2-modal/test/q2-modal-test.e2e.js",
+          "./dist/collection/components/q2-modal/test/q2-modal-test.e2e.js.map",
+          "./dist/collection/components/q2-modal/test/q2-modal-test.spec.js",
+          "./dist/collection/components/q2-modal/test/q2-modal-test.spec.js.map",
           "./dist/collection/components/q2-optgroup/q2-optgroup.js",
           "./dist/collection/components/q2-optgroup/q2-optgroup.js.map",
           "./dist/collection/components/q2-optgroup/test/q2-optgroup-test.e2e.js",
@@ -291,6 +305,8 @@
           "./dist/collection/components/q2-select/q2-select.js.map",
           "./dist/collection/components/q2-select/test/q2-select-test.e2e.js",
           "./dist/collection/components/q2-select/test/q2-select-test.e2e.js.map",
+          "./dist/collection/components/q2-select/test/q2-select-test.spec.js",
+          "./dist/collection/components/q2-select/test/q2-select-test.spec.js.map",
           "./dist/collection/components/q2-stepper-pane/q2-stepper-pane.js",
           "./dist/collection/components/q2-stepper-pane/q2-stepper-pane.js.map",
           "./dist/collection/components/q2-stepper-pane/test/q2-stepper-pane-test.e2e.js",
@@ -317,6 +333,8 @@
           "./dist/collection/components/q2-tag/q2-tag.js.map",
           "./dist/collection/components/q2-tag/test/q2-tag-test.e2e.js",
           "./dist/collection/components/q2-tag/test/q2-tag-test.e2e.js.map",
+          "./dist/collection/components/q2-tag/test/q2-tag-test.spec.js",
+          "./dist/collection/components/q2-tag/test/q2-tag-test.spec.js.map",
           "./dist/collection/components/q2-textarea/q2-textarea.js",
           "./dist/collection/components/q2-textarea/q2-textarea.js.map",
           "./dist/collection/components/q2-textarea/test/q2-textarea-test.e2e.js",
@@ -341,6 +359,8 @@
           "./dist/collection/utils/helpers.js.map",
           "./dist/collection/utils/index.js",
           "./dist/collection/utils/index.js.map",
+          "./dist/collection/utils/mirror-emit.js",
+          "./dist/collection/utils/mirror-emit.js.map",
           "./dist/collection/utils/sanitize-html-string.js",
           "./dist/collection/utils/sanitize-html-string.js.map",
           "./dist/collection/utils/sanitize-regex-string.js",
@@ -348,12 +368,14 @@
           "./dist/collection/utils/test/action-sheet-test.e2e.js",
           "./dist/collection/utils/test/action-sheet-test.e2e.js.map",
           "./dist/collection/utils/test/index.spec.js",
-          "./dist/collection/utils/test/index.spec.js.map"
+          "./dist/collection/utils/test/index.spec.js.map",
+          "./dist/jest.setup.js",
+          "./dist/jest.setup.js.map"
         ]
       },
       {
         "name": "dist-custom-elements",
-        "files": 225,
+        "files": 235,
         "generatedFiles": [
           "./dist/components/action-sheet.js",
           "./dist/components/action-sheet.js.map",
@@ -376,6 +398,8 @@
           "./dist/components/q2-action-group.d.ts",
           "./dist/components/q2-action-group.js",
           "./dist/components/q2-action-group.js.map",
+          "./dist/components/q2-action-group2.js",
+          "./dist/components/q2-action-group2.js.map",
           "./dist/components/q2-action-sheet.d.ts",
           "./dist/components/q2-action-sheet.js",
           "./dist/components/q2-action-sheet.js.map",
@@ -449,6 +473,9 @@
           "./dist/components/q2-file-picker.d.ts",
           "./dist/components/q2-file-picker.js",
           "./dist/components/q2-file-picker.js.map",
+          "./dist/components/q2-form.d.ts",
+          "./dist/components/q2-form.js",
+          "./dist/components/q2-form.js.map",
           "./dist/components/q2-formatted-text.d.ts",
           "./dist/components/q2-formatted-text.js",
           "./dist/components/q2-formatted-text.js.map",
@@ -498,6 +525,9 @@
           "./dist/components/q2-message.js.map",
           "./dist/components/q2-message2.js",
           "./dist/components/q2-message2.js.map",
+          "./dist/components/q2-modal.d.ts",
+          "./dist/components/q2-modal.js",
+          "./dist/components/q2-modal.js.map",
           "./dist/components/q2-month-picker.d.ts",
           "./dist/components/q2-month-picker.js",
           "./dist/components/q2-month-picker.js.map",
@@ -573,6 +603,8 @@
           "./dist/components/q2-tooltip.d.ts",
           "./dist/components/q2-tooltip.js",
           "./dist/components/q2-tooltip.js.map",
+          "./dist/components/sanitize-html-string.js",
+          "./dist/components/sanitize-html-string.js.map",
           "./dist/components/sectorHelper.js",
           "./dist/components/sectorHelper.js.map",
           "./dist/components/shapes.js",
@@ -584,7 +616,7 @@
       },
       {
         "name": "dist-lazy",
-        "files": 354,
+        "files": 372,
         "generatedFiles": [
           "./dist/cjs/action-sheet-8254c0fd.js",
           "./dist/cjs/action-sheet-8254c0fd.js.map",
@@ -596,8 +628,8 @@
           "./dist/cjs/click-elsewhere.cjs.entry.js.map",
           "./dist/cjs/dataSample-5eb1a972.js",
           "./dist/cjs/dataSample-5eb1a972.js.map",
-          "./dist/cjs/index-76f63767.js",
-          "./dist/cjs/index-76f63767.js.map",
+          "./dist/cjs/index-905f4c87.js",
+          "./dist/cjs/index-905f4c87.js.map",
           "./dist/cjs/index-e7e68b1e.js",
           "./dist/cjs/index-e7e68b1e.js.map",
           "./dist/cjs/index-f69742cf.js",
@@ -648,6 +680,8 @@
           "./dist/cjs/q2-example.cjs.entry.js.map",
           "./dist/cjs/q2-file-picker.cjs.entry.js",
           "./dist/cjs/q2-file-picker.cjs.entry.js.map",
+          "./dist/cjs/q2-form.cjs.entry.js",
+          "./dist/cjs/q2-form.cjs.entry.js.map",
           "./dist/cjs/q2-formatted-text.cjs.entry.js",
           "./dist/cjs/q2-formatted-text.cjs.entry.js.map",
           "./dist/cjs/q2-item_3.cjs.entry.js",
@@ -660,6 +694,8 @@
           "./dist/cjs/q2-loc.cjs.entry.js.map",
           "./dist/cjs/q2-message.cjs.entry.js",
           "./dist/cjs/q2-message.cjs.entry.js.map",
+          "./dist/cjs/q2-modal.cjs.entry.js",
+          "./dist/cjs/q2-modal.cjs.entry.js.map",
           "./dist/cjs/q2-month-picker.cjs.entry.js",
           "./dist/cjs/q2-month-picker.cjs.entry.js.map",
           "./dist/cjs/q2-optgroup.cjs.entry.js",
@@ -698,6 +734,8 @@
           "./dist/cjs/q2-textarea.cjs.entry.js.map",
           "./dist/cjs/q2-tooltip.cjs.entry.js",
           "./dist/cjs/q2-tooltip.cjs.entry.js.map",
+          "./dist/cjs/sanitize-html-string-b8e3b24b.js",
+          "./dist/cjs/sanitize-html-string-b8e3b24b.js.map",
           "./dist/cjs/sectorHelper-674a5b82.js",
           "./dist/cjs/sectorHelper-674a5b82.js.map",
           "./dist/cjs/shapes-5d45fc11.js",
@@ -716,10 +754,10 @@
           "./dist/esm/dataSample-7b62e101.js.map",
           "./dist/esm/index-3184c760.js",
           "./dist/esm/index-3184c760.js.map",
-          "./dist/esm/index-504f1a9e.js",
-          "./dist/esm/index-504f1a9e.js.map",
           "./dist/esm/index-7a5365e2.js",
           "./dist/esm/index-7a5365e2.js.map",
+          "./dist/esm/index-f2a66217.js",
+          "./dist/esm/index-f2a66217.js.map",
           "./dist/esm/index.js",
           "./dist/esm/index.js.map",
           "./dist/esm/loader.js",
@@ -766,6 +804,8 @@
           "./dist/esm/q2-example.entry.js.map",
           "./dist/esm/q2-file-picker.entry.js",
           "./dist/esm/q2-file-picker.entry.js.map",
+          "./dist/esm/q2-form.entry.js",
+          "./dist/esm/q2-form.entry.js.map",
           "./dist/esm/q2-formatted-text.entry.js",
           "./dist/esm/q2-formatted-text.entry.js.map",
           "./dist/esm/q2-item_3.entry.js",
@@ -778,6 +818,8 @@
           "./dist/esm/q2-loc.entry.js.map",
           "./dist/esm/q2-message.entry.js",
           "./dist/esm/q2-message.entry.js.map",
+          "./dist/esm/q2-modal.entry.js",
+          "./dist/esm/q2-modal.entry.js.map",
           "./dist/esm/q2-month-picker.entry.js",
           "./dist/esm/q2-month-picker.entry.js.map",
           "./dist/esm/q2-optgroup.entry.js",
@@ -816,6 +858,8 @@
           "./dist/esm/q2-textarea.entry.js.map",
           "./dist/esm/q2-tooltip.entry.js",
           "./dist/esm/q2-tooltip.entry.js.map",
+          "./dist/esm/sanitize-html-string-735c19f5.js",
+          "./dist/esm/sanitize-html-string-735c19f5.js.map",
           "./dist/esm/sectorHelper-183cedd0.js",
           "./dist/esm/sectorHelper-183cedd0.js.map",
           "./dist/esm/shapes-c7e1a3fa.js",
@@ -836,10 +880,10 @@
           "./dist/q2-tecton-elements/dataSample-7b62e101.js.map",
           "./dist/q2-tecton-elements/index-3184c760.js",
           "./dist/q2-tecton-elements/index-3184c760.js.map",
-          "./dist/q2-tecton-elements/index-504f1a9e.js",
-          "./dist/q2-tecton-elements/index-504f1a9e.js.map",
           "./dist/q2-tecton-elements/index-7a5365e2.js",
           "./dist/q2-tecton-elements/index-7a5365e2.js.map",
+          "./dist/q2-tecton-elements/index-f2a66217.js",
+          "./dist/q2-tecton-elements/index-f2a66217.js.map",
           "./dist/q2-tecton-elements/index.esm.js",
           "./dist/q2-tecton-elements/index.esm.js.map",
           "./dist/q2-tecton-elements/q2-action-group.entry.js",
@@ -884,6 +928,8 @@
           "./dist/q2-tecton-elements/q2-example.entry.js.map",
           "./dist/q2-tecton-elements/q2-file-picker.entry.js",
           "./dist/q2-tecton-elements/q2-file-picker.entry.js.map",
+          "./dist/q2-tecton-elements/q2-form.entry.js",
+          "./dist/q2-tecton-elements/q2-form.entry.js.map",
           "./dist/q2-tecton-elements/q2-formatted-text.entry.js",
           "./dist/q2-tecton-elements/q2-formatted-text.entry.js.map",
           "./dist/q2-tecton-elements/q2-item_3.entry.js",
@@ -896,6 +942,8 @@
           "./dist/q2-tecton-elements/q2-loc.entry.js.map",
           "./dist/q2-tecton-elements/q2-message.entry.js",
           "./dist/q2-tecton-elements/q2-message.entry.js.map",
+          "./dist/q2-tecton-elements/q2-modal.entry.js",
+          "./dist/q2-tecton-elements/q2-modal.entry.js.map",
           "./dist/q2-tecton-elements/q2-month-picker.entry.js",
           "./dist/q2-tecton-elements/q2-month-picker.entry.js.map",
           "./dist/q2-tecton-elements/q2-optgroup.entry.js",
@@ -934,6 +982,8 @@
           "./dist/q2-tecton-elements/q2-textarea.entry.js.map",
           "./dist/q2-tecton-elements/q2-tooltip.entry.js",
           "./dist/q2-tecton-elements/q2-tooltip.entry.js.map",
+          "./dist/q2-tecton-elements/sanitize-html-string-735c19f5.js",
+          "./dist/q2-tecton-elements/sanitize-html-string-735c19f5.js.map",
           "./dist/q2-tecton-elements/sectorHelper-183cedd0.js",
           "./dist/q2-tecton-elements/sectorHelper-183cedd0.js.map",
           "./dist/q2-tecton-elements/shapes-c7e1a3fa.js",
@@ -975,23 +1025,10 @@
         "fileName": "q2-badge_7.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "shapes-c7e1a3fa.js"
         ],
-        "originalByteSize": 226425
-      },
-      {
-        "key": "q2-action-group.entry",
-        "components": [
-          "q2-action-group"
-        ],
-        "bundleId": "q2-action-group",
-        "fileName": "q2-action-group.entry.js",
-        "imports": [
-          "index-7a5365e2.js",
-          "index-504f1a9e.js"
-        ],
-        "originalByteSize": 5663
+        "originalByteSize": 227147
       },
       {
         "key": "q2-action-sheet.entry",
@@ -1002,9 +1039,10 @@
         "fileName": "q2-action-sheet.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js",
+          "sanitize-html-string-735c19f5.js"
         ],
-        "originalByteSize": 80434
+        "originalByteSize": 15229
       },
       {
         "key": "q2-calendar.entry",
@@ -1016,9 +1054,9 @@
         "imports": [
           "index-7a5365e2.js",
           "index-3184c760.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 57793
+        "originalByteSize": 58079
       },
       {
         "key": "q2-card.entry",
@@ -1029,7 +1067,7 @@
         "fileName": "q2-card.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 12798
       },
@@ -1042,7 +1080,7 @@
         "fileName": "q2-carousel.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 160413
       },
@@ -1055,7 +1093,7 @@
         "fileName": "q2-carousel-pane.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7427
       },
@@ -1068,7 +1106,7 @@
         "fileName": "q2-chart-area.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "dataSample-7b62e101.js"
         ],
@@ -1083,7 +1121,7 @@
         "fileName": "q2-chart-bar.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "dataSample-7b62e101.js",
           "sectorHelper-183cedd0.js"
@@ -1099,7 +1137,7 @@
         "fileName": "q2-chart-donut.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "sectorHelper-183cedd0.js"
         ],
@@ -1114,9 +1152,9 @@
         "fileName": "q2-checkbox-group.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 7318
+        "originalByteSize": 7789
       },
       {
         "key": "q2-currency.entry",
@@ -1139,7 +1177,7 @@
         "fileName": "q2-data-table.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 32660
       },
@@ -1152,7 +1190,7 @@
         "fileName": "q2-detail.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7180
       },
@@ -1166,7 +1204,7 @@
         "imports": [
           "index-7a5365e2.js",
           "action-sheet-1e24cb38.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 15484
       },
@@ -1179,7 +1217,7 @@
         "fileName": "q2-editable-field.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 10900
       },
@@ -1204,9 +1242,21 @@
         "fileName": "q2-file-picker.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
+        ],
+        "originalByteSize": 19330
+      },
+      {
+        "key": "q2-form.entry",
+        "components": [
+          "q2-form"
+        ],
+        "bundleId": "q2-form",
+        "fileName": "q2-form.entry.js",
+        "imports": [
+          "index-7a5365e2.js"
         ],
-        "originalByteSize": 19023
+        "originalByteSize": 2194
       },
       {
         "key": "q2-formatted-text.entry",
@@ -1242,9 +1292,23 @@
         "fileName": "q2-loc.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 2988
+        "originalByteSize": 2721
+      },
+      {
+        "key": "q2-modal.entry",
+        "components": [
+          "q2-modal"
+        ],
+        "bundleId": "q2-modal",
+        "fileName": "q2-modal.entry.js",
+        "imports": [
+          "index-7a5365e2.js",
+          "index-f2a66217.js",
+          "sanitize-html-string-735c19f5.js"
+        ],
+        "originalByteSize": 14539
       },
       {
         "key": "q2-month-picker.entry",
@@ -1255,7 +1319,7 @@
         "fileName": "q2-month-picker.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 10507
       },
@@ -1268,7 +1332,7 @@
         "fileName": "q2-pagination.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 16943
       },
@@ -1281,7 +1345,7 @@
         "fileName": "q2-pill.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
         "originalByteSize": 25169
@@ -1295,7 +1359,7 @@
         "fileName": "q2-radio.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 9398
       },
@@ -1308,9 +1372,9 @@
         "fileName": "q2-radio-group.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 10802
+        "originalByteSize": 11051
       },
       {
         "key": "q2-relative-time.entry",
@@ -1322,7 +1386,7 @@
         "imports": [
           "index-7a5365e2.js",
           "index-3184c760.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 5988
       },
@@ -1335,7 +1399,7 @@
         "fileName": "q2-section.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 12357
       },
@@ -1348,7 +1412,7 @@
         "fileName": "q2-stepper.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 20008
       },
@@ -1361,7 +1425,7 @@
         "fileName": "q2-stepper-pane.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 4424
       },
@@ -1374,7 +1438,7 @@
         "fileName": "q2-stepper-vertical.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 23082
       },
@@ -1387,10 +1451,10 @@
         "fileName": "q2-tag.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
-        "originalByteSize": 10624
+        "originalByteSize": 12551
       },
       {
         "key": "q2-textarea.entry",
@@ -1401,9 +1465,9 @@
         "fileName": "q2-textarea.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 27968
+        "originalByteSize": 27986
       },
       {
         "key": "q2-tooltip.entry",
@@ -1414,9 +1478,9 @@
         "fileName": "q2-tooltip.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 10293
+        "originalByteSize": 10271
       },
       {
         "key": "tecton-tab-pane.entry",
@@ -1430,6 +1494,19 @@
         ],
         "originalByteSize": 5280
       },
+      {
+        "key": "q2-action-group.entry",
+        "components": [
+          "q2-action-group"
+        ],
+        "bundleId": "q2-action-group",
+        "fileName": "q2-action-group.entry.js",
+        "imports": [
+          "index-7a5365e2.js",
+          "index-f2a66217.js"
+        ],
+        "originalByteSize": 7868
+      },
       {
         "key": "q2-avatar.entry",
         "components": [
@@ -1451,9 +1528,9 @@
         "fileName": "q2-checkbox.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 20392
+        "originalByteSize": 24623
       },
       {
         "key": "q2-dropdown-item.entry",
@@ -1464,9 +1541,9 @@
         "fileName": "q2-dropdown-item.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 7605
+        "originalByteSize": 8402
       },
       {
         "key": "q2-item.q2-link.q2-list.entry",
@@ -1479,7 +1556,7 @@
         "fileName": "q2-item_3.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 20907
       },
@@ -1493,7 +1570,7 @@
         "imports": [
           "index-7a5365e2.js"
         ],
-        "originalByteSize": 6955
+        "originalByteSize": 6934
       },
       {
         "key": "q2-optgroup.entry",
@@ -1504,22 +1581,10 @@
         "fileName": "q2-optgroup.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 3858
       },
-      {
-        "key": "q2-resize-observer.entry",
-        "components": [
-          "q2-resize-observer"
-        ],
-        "bundleId": "q2-resize-observer",
-        "fileName": "q2-resize-observer.entry.js",
-        "imports": [
-          "index-7a5365e2.js"
-        ],
-        "originalByteSize": 3709
-      },
       {
         "key": "q2-select.entry",
         "components": [
@@ -1529,10 +1594,10 @@
         "fileName": "q2-select.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
-        "originalByteSize": 36101
+        "originalByteSize": 36318
       },
       {
         "key": "q2-message.entry",
@@ -1543,7 +1608,7 @@
         "fileName": "q2-message.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7627
       },
@@ -1556,9 +1621,21 @@
         "fileName": "q2-option.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 6849
+        "originalByteSize": 7331
+      },
+      {
+        "key": "q2-resize-observer.entry",
+        "components": [
+          "q2-resize-observer"
+        ],
+        "bundleId": "q2-resize-observer",
+        "fileName": "q2-resize-observer.entry.js",
+        "imports": [
+          "index-7a5365e2.js"
+        ],
+        "originalByteSize": 3776
       },
       {
         "key": "q2-option-list.q2-popover.entry",
@@ -1570,9 +1647,9 @@
         "fileName": "q2-option-list_2.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 42128
+        "originalByteSize": 42276
       },
       {
         "key": "click-elsewhere.entry",
@@ -1603,23 +1680,10 @@
         "fileName": "q2-badge_7.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "shapes-c7e1a3fa.js"
         ],
-        "originalByteSize": 226425
-      },
-      {
-        "key": "q2-action-group.entry",
-        "components": [
-          "q2-action-group"
-        ],
-        "bundleId": "q2-action-group",
-        "fileName": "q2-action-group.entry.js",
-        "imports": [
-          "index-7a5365e2.js",
-          "index-504f1a9e.js"
-        ],
-        "originalByteSize": 5663
+        "originalByteSize": 227147
       },
       {
         "key": "q2-action-sheet.entry",
@@ -1630,9 +1694,10 @@
         "fileName": "q2-action-sheet.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js",
+          "sanitize-html-string-735c19f5.js"
         ],
-        "originalByteSize": 80434
+        "originalByteSize": 15229
       },
       {
         "key": "q2-calendar.entry",
@@ -1644,9 +1709,9 @@
         "imports": [
           "index-7a5365e2.js",
           "index-3184c760.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 57793
+        "originalByteSize": 58079
       },
       {
         "key": "q2-card.entry",
@@ -1657,7 +1722,7 @@
         "fileName": "q2-card.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 12798
       },
@@ -1670,7 +1735,7 @@
         "fileName": "q2-carousel.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 160413
       },
@@ -1683,7 +1748,7 @@
         "fileName": "q2-carousel-pane.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7427
       },
@@ -1696,7 +1761,7 @@
         "fileName": "q2-chart-area.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "dataSample-7b62e101.js"
         ],
@@ -1711,7 +1776,7 @@
         "fileName": "q2-chart-bar.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "dataSample-7b62e101.js",
           "sectorHelper-183cedd0.js"
@@ -1727,7 +1792,7 @@
         "fileName": "q2-chart-donut.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "charting-1abfb877.js",
           "sectorHelper-183cedd0.js"
         ],
@@ -1742,9 +1807,9 @@
         "fileName": "q2-checkbox-group.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 7318
+        "originalByteSize": 7789
       },
       {
         "key": "q2-currency.entry",
@@ -1767,7 +1832,7 @@
         "fileName": "q2-data-table.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 32660
       },
@@ -1780,7 +1845,7 @@
         "fileName": "q2-detail.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7180
       },
@@ -1794,7 +1859,7 @@
         "imports": [
           "index-7a5365e2.js",
           "action-sheet-1e24cb38.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 15484
       },
@@ -1807,7 +1872,7 @@
         "fileName": "q2-editable-field.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 10900
       },
@@ -1832,9 +1897,21 @@
         "fileName": "q2-file-picker.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
+        ],
+        "originalByteSize": 19330
+      },
+      {
+        "key": "q2-form.entry",
+        "components": [
+          "q2-form"
         ],
-        "originalByteSize": 19023
+        "bundleId": "q2-form",
+        "fileName": "q2-form.entry.js",
+        "imports": [
+          "index-7a5365e2.js"
+        ],
+        "originalByteSize": 2194
       },
       {
         "key": "q2-formatted-text.entry",
@@ -1870,9 +1947,23 @@
         "fileName": "q2-loc.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
+        ],
+        "originalByteSize": 2721
+      },
+      {
+        "key": "q2-modal.entry",
+        "components": [
+          "q2-modal"
+        ],
+        "bundleId": "q2-modal",
+        "fileName": "q2-modal.entry.js",
+        "imports": [
+          "index-7a5365e2.js",
+          "index-f2a66217.js",
+          "sanitize-html-string-735c19f5.js"
         ],
-        "originalByteSize": 2988
+        "originalByteSize": 14539
       },
       {
         "key": "q2-month-picker.entry",
@@ -1883,7 +1974,7 @@
         "fileName": "q2-month-picker.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 10507
       },
@@ -1896,7 +1987,7 @@
         "fileName": "q2-pagination.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 16943
       },
@@ -1909,7 +2000,7 @@
         "fileName": "q2-pill.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
         "originalByteSize": 25169
@@ -1923,7 +2014,7 @@
         "fileName": "q2-radio.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 9398
       },
@@ -1936,9 +2027,9 @@
         "fileName": "q2-radio-group.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 10802
+        "originalByteSize": 11051
       },
       {
         "key": "q2-relative-time.entry",
@@ -1950,7 +2041,7 @@
         "imports": [
           "index-7a5365e2.js",
           "index-3184c760.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 5988
       },
@@ -1963,7 +2054,7 @@
         "fileName": "q2-section.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 12357
       },
@@ -1976,7 +2067,7 @@
         "fileName": "q2-stepper.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 20008
       },
@@ -1989,7 +2080,7 @@
         "fileName": "q2-stepper-pane.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 4424
       },
@@ -2002,7 +2093,7 @@
         "fileName": "q2-stepper-vertical.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 23082
       },
@@ -2015,10 +2106,10 @@
         "fileName": "q2-tag.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
-        "originalByteSize": 10624
+        "originalByteSize": 12551
       },
       {
         "key": "q2-textarea.entry",
@@ -2029,9 +2120,9 @@
         "fileName": "q2-textarea.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 27968
+        "originalByteSize": 27986
       },
       {
         "key": "q2-tooltip.entry",
@@ -2042,9 +2133,9 @@
         "fileName": "q2-tooltip.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 10293
+        "originalByteSize": 10271
       },
       {
         "key": "tecton-tab-pane.entry",
@@ -2058,6 +2149,19 @@
         ],
         "originalByteSize": 5280
       },
+      {
+        "key": "q2-action-group.entry",
+        "components": [
+          "q2-action-group"
+        ],
+        "bundleId": "q2-action-group",
+        "fileName": "q2-action-group.entry.js",
+        "imports": [
+          "index-7a5365e2.js",
+          "index-f2a66217.js"
+        ],
+        "originalByteSize": 7868
+      },
       {
         "key": "q2-avatar.entry",
         "components": [
@@ -2079,9 +2183,9 @@
         "fileName": "q2-checkbox.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 20392
+        "originalByteSize": 24623
       },
       {
         "key": "q2-dropdown-item.entry",
@@ -2092,9 +2196,9 @@
         "fileName": "q2-dropdown-item.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 7605
+        "originalByteSize": 8402
       },
       {
         "key": "q2-item.q2-link.q2-list.entry",
@@ -2107,7 +2211,7 @@
         "fileName": "q2-item_3.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 20907
       },
@@ -2121,7 +2225,7 @@
         "imports": [
           "index-7a5365e2.js"
         ],
-        "originalByteSize": 6955
+        "originalByteSize": 6934
       },
       {
         "key": "q2-optgroup.entry",
@@ -2132,22 +2236,10 @@
         "fileName": "q2-optgroup.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 3858
       },
-      {
-        "key": "q2-resize-observer.entry",
-        "components": [
-          "q2-resize-observer"
-        ],
-        "bundleId": "q2-resize-observer",
-        "fileName": "q2-resize-observer.entry.js",
-        "imports": [
-          "index-7a5365e2.js"
-        ],
-        "originalByteSize": 3709
-      },
       {
         "key": "q2-select.entry",
         "components": [
@@ -2157,10 +2249,10 @@
         "fileName": "q2-select.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js",
+          "index-f2a66217.js",
           "action-sheet-1e24cb38.js"
         ],
-        "originalByteSize": 36101
+        "originalByteSize": 36318
       },
       {
         "key": "q2-message.entry",
@@ -2171,7 +2263,7 @@
         "fileName": "q2-message.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
         "originalByteSize": 7627
       },
@@ -2184,9 +2276,21 @@
         "fileName": "q2-option.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 6849
+        "originalByteSize": 7331
+      },
+      {
+        "key": "q2-resize-observer.entry",
+        "components": [
+          "q2-resize-observer"
+        ],
+        "bundleId": "q2-resize-observer",
+        "fileName": "q2-resize-observer.entry.js",
+        "imports": [
+          "index-7a5365e2.js"
+        ],
+        "originalByteSize": 3776
       },
       {
         "key": "q2-option-list.q2-popover.entry",
@@ -2198,9 +2302,9 @@
         "fileName": "q2-option-list_2.entry.js",
         "imports": [
           "index-7a5365e2.js",
-          "index-504f1a9e.js"
+          "index-f2a66217.js"
         ],
-        "originalByteSize": 42128
+        "originalByteSize": 42276
       },
       {
         "key": "click-elsewhere.entry",
@@ -2233,23 +2337,10 @@
         "fileName": "q2-badge_7.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "shapes-5d45fc11.js"
         ],
-        "originalByteSize": 227229
-      },
-      {
-        "key": "q2-action-group.entry",
-        "components": [
-          "q2-action-group"
-        ],
-        "bundleId": "q2-action-group.cjs",
-        "fileName": "q2-action-group.cjs.entry.js",
-        "imports": [
-          "index-e7e68b1e.js",
-          "index-76f63767.js"
-        ],
-        "originalByteSize": 5743
+        "originalByteSize": 227947
       },
       {
         "key": "q2-action-sheet.entry",
@@ -2260,9 +2351,10 @@
         "fileName": "q2-action-sheet.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js",
+          "sanitize-html-string-b8e3b24b.js"
         ],
-        "originalByteSize": 80578
+        "originalByteSize": 15388
       },
       {
         "key": "q2-calendar.entry",
@@ -2274,9 +2366,9 @@
         "imports": [
           "index-e7e68b1e.js",
           "index-f69742cf.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 58625
+        "originalByteSize": 58911
       },
       {
         "key": "q2-card.entry",
@@ -2287,7 +2379,7 @@
         "fileName": "q2-card.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 12878
       },
@@ -2300,7 +2392,7 @@
         "fileName": "q2-carousel.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 160655
       },
@@ -2313,7 +2405,7 @@
         "fileName": "q2-carousel-pane.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 7496
       },
@@ -2326,7 +2418,7 @@
         "fileName": "q2-chart-area.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "charting-f4946e77.js",
           "dataSample-5eb1a972.js"
         ],
@@ -2341,7 +2433,7 @@
         "fileName": "q2-chart-bar.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "charting-f4946e77.js",
           "dataSample-5eb1a972.js",
           "sectorHelper-674a5b82.js"
@@ -2357,7 +2449,7 @@
         "fileName": "q2-chart-donut.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "charting-f4946e77.js",
           "sectorHelper-674a5b82.js"
         ],
@@ -2372,9 +2464,9 @@
         "fileName": "q2-checkbox-group.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 7396
+        "originalByteSize": 7867
       },
       {
         "key": "q2-currency.entry",
@@ -2397,7 +2489,7 @@
         "fileName": "q2-data-table.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 33180
       },
@@ -2410,7 +2502,7 @@
         "fileName": "q2-detail.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 7265
       },
@@ -2424,7 +2516,7 @@
         "imports": [
           "index-e7e68b1e.js",
           "action-sheet-8254c0fd.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 15573
       },
@@ -2437,7 +2529,7 @@
         "fileName": "q2-editable-field.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 11040
       },
@@ -2462,9 +2554,21 @@
         "fileName": "q2-file-picker.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 19337
+        "originalByteSize": 19644
+      },
+      {
+        "key": "q2-form.entry",
+        "components": [
+          "q2-form"
+        ],
+        "bundleId": "q2-form.cjs",
+        "fileName": "q2-form.cjs.entry.js",
+        "imports": [
+          "index-e7e68b1e.js"
+        ],
+        "originalByteSize": 2269
       },
       {
         "key": "q2-formatted-text.entry",
@@ -2500,9 +2604,23 @@
         "fileName": "q2-loc.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 3054
+        "originalByteSize": 2784
+      },
+      {
+        "key": "q2-modal.entry",
+        "components": [
+          "q2-modal"
+        ],
+        "bundleId": "q2-modal.cjs",
+        "fileName": "q2-modal.cjs.entry.js",
+        "imports": [
+          "index-e7e68b1e.js",
+          "index-905f4c87.js",
+          "sanitize-html-string-b8e3b24b.js"
+        ],
+        "originalByteSize": 14689
       },
       {
         "key": "q2-month-picker.entry",
@@ -2513,7 +2631,7 @@
         "fileName": "q2-month-picker.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 10677
       },
@@ -2526,7 +2644,7 @@
         "fileName": "q2-pagination.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 17202
       },
@@ -2539,7 +2657,7 @@
         "fileName": "q2-pill.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "action-sheet-8254c0fd.js"
         ],
         "originalByteSize": 25310
@@ -2553,7 +2671,7 @@
         "fileName": "q2-radio.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 9475
       },
@@ -2566,9 +2684,9 @@
         "fileName": "q2-radio-group.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 10869
+        "originalByteSize": 11118
       },
       {
         "key": "q2-relative-time.entry",
@@ -2580,7 +2698,7 @@
         "imports": [
           "index-e7e68b1e.js",
           "index-f69742cf.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 6071
       },
@@ -2593,7 +2711,7 @@
         "fileName": "q2-section.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 12463
       },
@@ -2606,7 +2724,7 @@
         "fileName": "q2-stepper.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 20180
       },
@@ -2619,7 +2737,7 @@
         "fileName": "q2-stepper-pane.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 4501
       },
@@ -2632,7 +2750,7 @@
         "fileName": "q2-stepper-vertical.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 23247
       },
@@ -2645,10 +2763,10 @@
         "fileName": "q2-tag.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "action-sheet-8254c0fd.js"
         ],
-        "originalByteSize": 10708
+        "originalByteSize": 12657
       },
       {
         "key": "q2-textarea.entry",
@@ -2659,9 +2777,9 @@
         "fileName": "q2-textarea.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 28036
+        "originalByteSize": 28054
       },
       {
         "key": "q2-tooltip.entry",
@@ -2672,9 +2790,9 @@
         "fileName": "q2-tooltip.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 10344
+        "originalByteSize": 10322
       },
       {
         "key": "tecton-tab-pane.entry",
@@ -2688,6 +2806,19 @@
         ],
         "originalByteSize": 5368
       },
+      {
+        "key": "q2-action-group.entry",
+        "components": [
+          "q2-action-group"
+        ],
+        "bundleId": "q2-action-group.cjs",
+        "fileName": "q2-action-group.cjs.entry.js",
+        "imports": [
+          "index-e7e68b1e.js",
+          "index-905f4c87.js"
+        ],
+        "originalByteSize": 7948
+      },
       {
         "key": "q2-avatar.entry",
         "components": [
@@ -2709,9 +2840,9 @@
         "fileName": "q2-checkbox.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 20530
+        "originalByteSize": 24785
       },
       {
         "key": "q2-dropdown-item.entry",
@@ -2722,9 +2853,9 @@
         "fileName": "q2-dropdown-item.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 7703
+        "originalByteSize": 8506
       },
       {
         "key": "q2-item.q2-link.q2-list.entry",
@@ -2737,7 +2868,7 @@
         "fileName": "q2-item_3.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 21148
       },
@@ -2751,7 +2882,7 @@
         "imports": [
           "index-e7e68b1e.js"
         ],
-        "originalByteSize": 7060
+        "originalByteSize": 7039
       },
       {
         "key": "q2-optgroup.entry",
@@ -2762,22 +2893,10 @@
         "fileName": "q2-optgroup.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 3933
       },
-      {
-        "key": "q2-resize-observer.entry",
-        "components": [
-          "q2-resize-observer"
-        ],
-        "bundleId": "q2-resize-observer.cjs",
-        "fileName": "q2-resize-observer.cjs.entry.js",
-        "imports": [
-          "index-e7e68b1e.js"
-        ],
-        "originalByteSize": 3755
-      },
       {
         "key": "q2-select.entry",
         "components": [
@@ -2787,10 +2906,10 @@
         "fileName": "q2-select.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js",
+          "index-905f4c87.js",
           "action-sheet-8254c0fd.js"
         ],
-        "originalByteSize": 36327
+        "originalByteSize": 36544
       },
       {
         "key": "q2-message.entry",
@@ -2801,7 +2920,7 @@
         "fileName": "q2-message.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
         "originalByteSize": 7678
       },
@@ -2814,9 +2933,21 @@
         "fileName": "q2-option.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 6953
+        "originalByteSize": 7433
+      },
+      {
+        "key": "q2-resize-observer.entry",
+        "components": [
+          "q2-resize-observer"
+        ],
+        "bundleId": "q2-resize-observer.cjs",
+        "fileName": "q2-resize-observer.cjs.entry.js",
+        "imports": [
+          "index-e7e68b1e.js"
+        ],
+        "originalByteSize": 3822
       },
       {
         "key": "q2-option-list.q2-popover.entry",
@@ -2828,9 +2959,9 @@
         "fileName": "q2-option-list_2.cjs.entry.js",
         "imports": [
           "index-e7e68b1e.js",
-          "index-76f63767.js"
+          "index-905f4c87.js"
         ],
-        "originalByteSize": 42223
+        "originalByteSize": 42371
       },
       {
         "key": "click-elsewhere.entry",
@@ -2918,11 +3049,15 @@
       "dependencies": [
         "q2-resize-observer"
       ],
-      "dependents": [],
+      "dependents": [
+        "q2-modal"
+      ],
       "directDependencies": [
         "q2-resize-observer"
       ],
-      "directDependents": [],
+      "directDependents": [
+        "q2-modal"
+      ],
       "docs": {
         "tags": [],
         "text": ""
@@ -2980,6 +3115,10 @@
               {
                 "name": "info",
                 "text": "This will override and disable the auto determination of the orientation."
+              },
+              {
+                "name": "warning",
+                "text": "Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/)\nor `\"coin\"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to \"horizontal\"."
               }
             ],
             "text": "The orientation of the buttons, which will override the auto orientation."
@@ -3018,7 +3157,7 @@
           "name": "autoOrientation"
         },
         {
-          "name": "hasQ2Link"
+          "name": "slottedTagName"
         }
       ]
     },
@@ -3393,7 +3532,31 @@
       "events": [],
       "internal": false,
       "listeners": [],
-      "methods": [],
+      "methods": [
+        {
+          "name": "getTextContent",
+          "docs": {
+            "text": "Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM.",
+            "tags": [
+              {
+                "name": "testonly"
+              }
+            ]
+          },
+          "complexType": {
+            "signature": "() => Promise<string>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<string>"
+          },
+          "internal": false
+        }
+      ],
       "potentialCmpRefs": [],
       "properties": [
         {
@@ -3411,7 +3574,7 @@
           },
           "docs": {
             "tags": [],
-            "text": "The number of digits to show."
+            "text": "The number of characters to show. A maximum limit of 18 characters is acceptable."
           },
           "internal": false
         },
@@ -3474,21 +3637,28 @@
         },
         {
           "name": "value",
-          "type": "number",
+          "type": "any",
           "attribute": "value",
           "reflect": true,
           "mutable": false,
           "required": false,
           "optional": false,
-          "defaultValue": "0",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "number | string",
+            "resolved": "number | string",
             "references": {}
           },
           "docs": {
-            "tags": [],
-            "text": "The number to display in the badge. `q2-badge` also allows slot HTML elements which can be any string."
+            "tags": [
+              {
+                "name": "info",
+                "text": "`q2-badge` also has limited support for slotted HTML elements."
+              },
+              {
+                "name": "localizable"
+              }
+            ],
+            "text": "What to display in the badge. Negative numbers will be shown as positive."
           },
           "internal": false
         }
@@ -3515,6 +3685,7 @@
         "q2-editable-field",
         "q2-file-picker",
         "q2-input",
+        "q2-modal",
         "q2-month-picker",
         "q2-pagination",
         "q2-section",
@@ -3534,6 +3705,7 @@
         "q2-editable-field",
         "q2-file-picker",
         "q2-input",
+        "q2-modal",
         "q2-month-picker",
         "q2-pagination",
         "q2-section",
@@ -9529,6 +9701,27 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
+          "docs": {
+            "tags": [
+              {
+                "name": "deprecated"
+              }
+            ],
+            "text": "Is emitted when the item is clicked."
+          },
+          "complexType": {
+            "original": "{ type: 'select' | 'remove'; value: string }",
+            "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
+            "references": {}
+          },
+          "internal": false
+        },
+        {
+          "name": "tctClick",
+          "method": "tctClick",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
           "docs": {
             "tags": [],
             "text": "Is emitted when the item is clicked."
@@ -10645,6 +10838,53 @@
         }
       ]
     },
+    {
+      "tag": "q2-form",
+      "path": "./src/components/q2-form/q2-form.js",
+      "source": "./src/components/q2-form/q2-form.tsx",
+      "elementRef": null,
+      "componentClassName": "Q2Checkbox",
+      "assetsDirs": [],
+      "dependencies": [],
+      "dependents": [],
+      "directDependencies": [],
+      "directDependents": [],
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "encapsulation": "shadow",
+      "excludeFromCollection": false,
+      "events": [],
+      "internal": false,
+      "listeners": [],
+      "methods": [],
+      "potentialCmpRefs": [],
+      "properties": [
+        {
+          "name": "spacing",
+          "type": "string",
+          "attribute": "spacing",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "'normal'",
+          "complexType": {
+            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Changes the vertical spacing of the form-fields contained within the component's slot"
+          },
+          "internal": false
+        }
+      ],
+      "shadowDelegatesFocus": false,
+      "states": []
+    },
     {
       "tag": "q2-formatted-text",
       "path": "./src/components/q2-formatted-text/q2-formatted-text.js",
@@ -10865,6 +11105,7 @@
         "q2-input",
         "q2-link",
         "q2-message",
+        "q2-modal",
         "q2-month-picker",
         "q2-option",
         "q2-pagination",
@@ -10896,6 +11137,7 @@
         "q2-input",
         "q2-link",
         "q2-message",
+        "q2-modal",
         "q2-month-picker",
         "q2-option",
         "q2-pagination",
@@ -12749,6 +12991,7 @@
         "q2-editable-field",
         "q2-file-picker",
         "q2-input",
+        "q2-modal",
         "q2-month-picker",
         "q2-pagination",
         "q2-section",
@@ -13042,7 +13285,7 @@
         "tags": [],
         "text": ""
       },
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "excludeFromCollection": false,
       "events": [],
       "internal": false,
@@ -13093,11 +13336,7 @@
         }
       ],
       "shadowDelegatesFocus": false,
-      "states": [
-        {
-          "name": "displayValue"
-        }
-      ]
+      "states": []
     },
     {
       "tag": "q2-message",
@@ -13229,6 +13468,379 @@
         }
       ]
     },
+    {
+      "tag": "q2-modal",
+      "path": "./src/components/q2-modal/q2-modal.js",
+      "source": "./src/components/q2-modal/q2-modal.tsx",
+      "elementRef": "hostElement",
+      "componentClassName": "Q2Modal",
+      "assetsDirs": [],
+      "dependencies": [
+        "q2-action-group",
+        "q2-btn",
+        "q2-icon",
+        "q2-loading",
+        "q2-resize-observer"
+      ],
+      "dependents": [],
+      "directDependencies": [
+        "q2-btn",
+        "q2-icon",
+        "q2-action-group"
+      ],
+      "directDependents": [],
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "encapsulation": "shadow",
+      "excludeFromCollection": false,
+      "events": [
+        {
+          "name": "tctClick",
+          "method": "tctClick",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [],
+            "text": "Emitted when one of action button is clicked."
+          },
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "internal": false
+        },
+        {
+          "name": "tctClose",
+          "method": "tctClose",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [],
+            "text": "Emitted when modal is closed."
+          },
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "internal": false
+        },
+        {
+          "name": "tctOpen",
+          "method": "tctOpen",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [],
+            "text": "Emitted when the modal is opened."
+          },
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "internal": false
+        },
+        {
+          "name": "tctReady",
+          "method": "tctReady",
+          "bubbles": false,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [
+              {
+                "name": "private"
+              }
+            ],
+            "text": "Emitted when the modal has finished rendering."
+          },
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "internal": false
+        }
+      ],
+      "internal": false,
+      "listeners": [],
+      "methods": [
+        {
+          "name": "closeModal",
+          "docs": {
+            "text": "",
+            "tags": []
+          },
+          "complexType": {
+            "signature": "(data?: ModalResponse) => Promise<void>",
+            "parameters": [
+              {
+                "name": "data",
+                "type": "{ appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; }",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "ModalResponse": {
+                "location": "import",
+                "path": "q2-tecton-common/lib/utility/modal",
+                "id": "../q2-tecton-common/lib/utility/modal.d.ts::ModalResponse"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "internal": false
+        },
+        {
+          "name": "openModal",
+          "docs": {
+            "text": "",
+            "tags": []
+          },
+          "complexType": {
+            "signature": "(option?: ModalOption) => Promise<void>",
+            "parameters": [
+              {
+                "name": "option",
+                "type": "{ title?: string; description?: string; customMarkup?: string; imageSrc?: string; icon?: string; iconStrokePrimary?: string; iconStrokeSecondary?: string; iconFillColor?: string; iconStrokeWidth?: string; closeable?: boolean; }",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "ModalOption": {
+                "location": "import",
+                "path": "q2-tecton-common/lib/utility/modal",
+                "id": "../q2-tecton-common/lib/utility/modal.d.ts::ModalOption"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "internal": false
+        }
+      ],
+      "potentialCmpRefs": [
+        "q2-btn",
+        "q2-icon",
+        "q2-action-group"
+      ],
+      "properties": [
+        {
+          "name": "closable",
+          "type": "boolean",
+          "attribute": "closable",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "true",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Controls visibility of close button on top right corner."
+          },
+          "internal": false
+        },
+        {
+          "name": "customMarkup",
+          "type": "string",
+          "attribute": "custom-markup",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Allows HTML markup as modal content, but it'll be sanitized as needed for security purpose."
+          },
+          "internal": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "attribute": "description",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Plain text, description of the modal."
+          },
+          "internal": false
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "attribute": "icon",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Icon type, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+          },
+          "internal": false
+        },
+        {
+          "name": "iconFillColor",
+          "type": "string",
+          "attribute": "icon-fill-color",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Icon fill color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+          },
+          "internal": false
+        },
+        {
+          "name": "iconStrokePrimary",
+          "type": "string",
+          "attribute": "icon-stroke-primary",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Icon primary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+          },
+          "internal": false
+        },
+        {
+          "name": "iconStrokeSecondary",
+          "type": "string",
+          "attribute": "icon-stroke-secondary",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Icon secondary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+          },
+          "internal": false
+        },
+        {
+          "name": "iconStrokeWidth",
+          "type": "string",
+          "attribute": "icon-stroke-width",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Icon secondary stroke width, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+          },
+          "internal": false
+        },
+        {
+          "name": "imageSrc",
+          "type": "string",
+          "attribute": "image-src",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Image URL in modal content, it renders with 100% width."
+          },
+          "internal": false
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "attribute": "title",
+          "reflect": true,
+          "mutable": true,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Plain text, title of the modal on top area."
+          },
+          "internal": false
+        }
+      ],
+      "shadowDelegatesFocus": false,
+      "states": [
+        {
+          "name": "maxActionButtons"
+        },
+        {
+          "name": "renderStatus"
+        }
+      ]
+    },
     {
       "tag": "q2-month-picker",
       "path": "./src/components/q2-calendar/q2-month-picker.js",
@@ -13490,6 +14102,23 @@
             "references": {}
           },
           "internal": false
+        },
+        {
+          "name": "tctClick",
+          "method": "tctClick",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": {
+            "tags": [],
+            "text": "Is emitted when the option is clicked."
+          },
+          "complexType": {
+            "original": "{ type: 'select' | 'remove'; value: string }",
+            "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
+            "references": {}
+          },
+          "internal": false
         }
       ],
       "internal": false,
@@ -16313,7 +16942,8 @@
       "assetsDirs": [],
       "dependencies": [],
       "dependents": [
-        "q2-action-group"
+        "q2-action-group",
+        "q2-modal"
       ],
       "directDependencies": [],
       "directDependents": [
@@ -18497,8 +19127,12 @@
         {
           "name": "closePopover",
           "docs": {
-            "text": "",
-            "tags": []
+            "text": "Emulates clicking the tag to close the popover when options are provided and the popover is open.",
+            "tags": [
+              {
+                "name": "testonly"
+              }
+            ]
           },
           "complexType": {
             "signature": "() => Promise<void>",
@@ -18516,8 +19150,12 @@
         {
           "name": "openPopover",
           "docs": {
-            "text": "",
-            "tags": []
+            "text": "Emulates clicking the tag to open the popover when options are provided and the popover is closed.",
+            "tags": [
+              {
+                "name": "testonly"
+              }
+            ]
           },
           "complexType": {
             "signature": "() => Promise<void>",
@@ -18535,8 +19173,12 @@
         {
           "name": "selectOption",
           "docs": {
-            "text": "",
-            "tags": []
+            "text": "Emulates selecting an option matching the passed value.\n\nIf the popover is closed, this will open it before selecting the option.\n\nIf there are not options, or the passed value does not match any option's value, this method does nothing.",
+            "tags": [
+              {
+                "name": "testonly"
+              }
+            ]
           },
           "complexType": {
             "signature": "(value: any) => Promise<void>",
@@ -18717,7 +19359,6 @@
           "mutable": false,
           "required": false,
           "optional": false,
-          "defaultValue": "150",
           "complexType": {
             "original": "number",
             "resolved": "number",
@@ -19802,7 +20443,7 @@
               },
               "docs": {
                 "tags": [],
-                "text": "The number of digits to show."
+                "text": "The number of characters to show. A maximum limit of 18 characters is acceptable."
               },
               "internal": false
             },
@@ -19865,28 +20506,59 @@
             },
             {
               "name": "value",
-              "type": "number",
+              "type": "any",
               "attribute": "value",
               "reflect": true,
               "mutable": false,
               "required": false,
               "optional": false,
-              "defaultValue": "0",
               "complexType": {
-                "original": "number",
-                "resolved": "number",
+                "original": "number | string",
+                "resolved": "number | string",
                 "references": {}
               },
               "docs": {
-                "tags": [],
-                "text": "The number to display in the badge. `q2-badge` also allows slot HTML elements which can be any string."
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "`q2-badge` also has limited support for slotted HTML elements."
+                  },
+                  {
+                    "name": "localizable"
+                  }
+                ],
+                "text": "What to display in the badge. Negative numbers will be shown as positive."
               },
               "internal": false
             }
           ],
           "virtualProperties": [],
           "states": [],
-          "methods": [],
+          "methods": [
+            {
+              "name": "getTextContent",
+              "docs": {
+                "text": "Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM.",
+                "tags": [
+                  {
+                    "name": "testonly"
+                  }
+                ]
+              },
+              "complexType": {
+                "signature": "() => Promise<string>",
+                "parameters": [],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  }
+                },
+                "return": "Promise<string>"
+              },
+              "internal": false
+            }
+          ],
           "listeners": [],
           "events": [],
           "watchers": [],
@@ -19936,7 +20608,7 @@
           "hasListenerTargetBody": false,
           "hasListenerTargetParent": false,
           "hasMember": true,
-          "hasMethod": false,
+          "hasMethod": true,
           "hasMode": false,
           "hasAttribute": true,
           "hasProp": true,
@@ -19951,7 +20623,7 @@
           "hasVdomAttribute": true,
           "hasVdomXlink": false,
           "hasVdomClass": true,
-          "hasVdomFunctional": true,
+          "hasVdomFunctional": false,
           "hasVdomKey": false,
           "hasVdomListener": false,
           "hasVdomPropOrAttr": false,
@@ -19966,7 +20638,7 @@
           ],
           "htmlTagNames": [
             "div",
-            "span",
+            "small",
             "slot"
           ],
           "htmlParts": [],
@@ -20580,6 +21252,7 @@
             "q2-editable-field",
             "q2-file-picker",
             "q2-input",
+            "q2-modal",
             "q2-month-picker",
             "q2-pagination",
             "q2-section",
@@ -20599,6 +21272,7 @@
             "q2-editable-field",
             "q2-file-picker",
             "q2-input",
+            "q2-modal",
             "q2-month-picker",
             "q2-pagination",
             "q2-section",
@@ -20807,6 +21481,7 @@
             "q2-input",
             "q2-link",
             "q2-message",
+            "q2-modal",
             "q2-month-picker",
             "q2-option",
             "q2-pagination",
@@ -20838,6 +21513,7 @@
             "q2-input",
             "q2-link",
             "q2-message",
+            "q2-modal",
             "q2-month-picker",
             "q2-option",
             "q2-pagination",
@@ -22437,6 +23113,7 @@
             "q2-editable-field",
             "q2-file-picker",
             "q2-input",
+            "q2-modal",
             "q2-month-picker",
             "q2-pagination",
             "q2-section",
@@ -23204,213 +23881,6 @@
       ],
       "entryKey": "q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry"
     },
-    {
-      "cmps": [
-        {
-          "attachInternalsMemberName": null,
-          "formAssociated": false,
-          "tagName": "q2-action-group",
-          "excludeFromCollection": false,
-          "isCollectionDependency": false,
-          "componentClassName": "Q2ActionGroup",
-          "elementRef": "hostElement",
-          "encapsulation": "shadow",
-          "shadowDelegatesFocus": false,
-          "properties": [
-            {
-              "name": "fullWidth",
-              "type": "boolean",
-              "attribute": "full-width",
-              "reflect": true,
-              "mutable": false,
-              "required": false,
-              "optional": false,
-              "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-              },
-              "docs": {
-                "tags": [
-                  {
-                    "name": "warning",
-                    "text": "This will prevent the buttons from wrapping when the container is too small to fit all buttons."
-                  }
-                ],
-                "text": "Whether the buttons should take up the full width of the container when in horizontal orientation."
-              },
-              "internal": false
-            },
-            {
-              "name": "orientation",
-              "type": "string",
-              "attribute": "orientation",
-              "reflect": true,
-              "mutable": false,
-              "required": false,
-              "optional": false,
-              "defaultValue": "'auto'",
-              "complexType": {
-                "original": "'auto' | 'vertical' | 'horizontal'",
-                "resolved": "\"auto\" | \"horizontal\" | \"vertical\"",
-                "references": {}
-              },
-              "docs": {
-                "tags": [
-                  {
-                    "name": "info",
-                    "text": "This will override and disable the auto determination of the orientation."
-                  }
-                ],
-                "text": "The orientation of the buttons, which will override the auto orientation."
-              },
-              "internal": false
-            },
-            {
-              "name": "orientationThreshold",
-              "type": "number",
-              "attribute": "orientation-threshold",
-              "reflect": false,
-              "mutable": false,
-              "required": false,
-              "optional": false,
-              "defaultValue": "440",
-              "complexType": {
-                "original": "number",
-                "resolved": "number",
-                "references": {}
-              },
-              "docs": {
-                "tags": [
-                  {
-                    "name": "info",
-                    "text": "The component determines this based on the width of the element itself, not the browser window."
-                  }
-                ],
-                "text": "The width, in pixels, that determines whether to display the buttons in vertical or horizontal orientation"
-              },
-              "internal": false
-            }
-          ],
-          "virtualProperties": [],
-          "states": [
-            {
-              "name": "autoOrientation"
-            },
-            {
-              "name": "hasQ2Link"
-            }
-          ],
-          "methods": [],
-          "listeners": [],
-          "events": [],
-          "watchers": [
-            {
-              "propName": "orientation",
-              "methodName": "toggleHiddenForOneFrame"
-            }
-          ],
-          "styles": [
-            {
-              "modeName": "$",
-              "styleId": "Q2-ACTION-GROUP",
-              "styleStr": null,
-              "styleIdentifier": "Q2ActionGroupStyle",
-              "externalStyles": [
-                {
-                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.scss",
-                  "relativePath": "q2-action-group.scss",
-                  "originalComponentPath": "q2-action-group.scss"
-                }
-              ]
-            }
-          ],
-          "internal": false,
-          "assetsDirs": [],
-          "styleDocs": [],
-          "docs": {
-            "tags": [],
-            "text": ""
-          },
-          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.js",
-          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.tsx",
-          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.js.map",
-          "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": false,
-          "hasComponentDidLoadFn": true,
-          "hasComponentShouldUpdateFn": false,
-          "hasComponentWillUpdateFn": false,
-          "hasComponentDidUpdateFn": false,
-          "hasComponentWillRenderFn": false,
-          "hasComponentDidRenderFn": false,
-          "hasComponentDidUnloadFn": false,
-          "hasConnectedCallbackFn": false,
-          "hasDisconnectedCallbackFn": true,
-          "hasElement": false,
-          "hasEvent": false,
-          "hasLifecycle": true,
-          "hasListener": false,
-          "hasListenerTarget": false,
-          "hasListenerTargetWindow": false,
-          "hasListenerTargetDocument": false,
-          "hasListenerTargetBody": false,
-          "hasListenerTargetParent": false,
-          "hasMember": true,
-          "hasMethod": false,
-          "hasMode": false,
-          "hasAttribute": true,
-          "hasProp": true,
-          "hasPropNumber": true,
-          "hasPropBoolean": true,
-          "hasPropString": true,
-          "hasPropMutable": false,
-          "hasReflect": true,
-          "hasRenderFn": true,
-          "hasState": true,
-          "hasStyle": true,
-          "hasVdomAttribute": true,
-          "hasVdomXlink": false,
-          "hasVdomClass": true,
-          "hasVdomFunctional": false,
-          "hasVdomKey": true,
-          "hasVdomListener": true,
-          "hasVdomPropOrAttr": true,
-          "hasVdomRef": true,
-          "hasVdomRender": true,
-          "hasVdomStyle": false,
-          "hasVdomText": false,
-          "hasWatchCallback": true,
-          "isPlain": false,
-          "htmlAttrNames": [
-            "key",
-            "onTctResize",
-            "disabled",
-            "ref",
-            "class",
-            "role"
-          ],
-          "htmlTagNames": [
-            "q2-resize-observer",
-            "div",
-            "slot"
-          ],
-          "htmlParts": [],
-          "isUpdateable": true,
-          "potentialCmpRefs": [
-            "q2-resize-observer"
-          ],
-          "dependents": [],
-          "dependencies": [
-            "q2-resize-observer"
-          ],
-          "directDependents": [],
-          "directDependencies": [
-            "q2-resize-observer"
-          ]
-        }
-      ],
-      "entryKey": "q2-action-group.entry"
-    },
     {
       "cmps": [
         {
@@ -31673,6 +32143,136 @@
       ],
       "entryKey": "q2-file-picker.entry"
     },
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
+          "tagName": "q2-form",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "Q2Checkbox",
+          "elementRef": null,
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "properties": [
+            {
+              "name": "spacing",
+              "type": "string",
+              "attribute": "spacing",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "'normal'",
+              "complexType": {
+                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
+                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Changes the vertical spacing of the form-fields contained within the component's slot"
+              },
+              "internal": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [],
+          "methods": [],
+          "listeners": [],
+          "events": [],
+          "watchers": [],
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "Q2-FORM",
+              "styleStr": null,
+              "styleIdentifier": "Q2FormStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.scss",
+                  "relativePath": "q2-form.scss",
+                  "originalComponentPath": "q2-form.scss"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [],
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.js",
+          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.tsx",
+          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.js.map",
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": false,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": false,
+          "hasComponentDidUnloadFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDisconnectedCallbackFn": false,
+          "hasElement": false,
+          "hasEvent": false,
+          "hasLifecycle": false,
+          "hasListener": false,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": false,
+          "hasMode": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": false,
+          "hasPropBoolean": false,
+          "hasPropString": true,
+          "hasPropMutable": false,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasState": false,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": true,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": false,
+          "hasVdomPropOrAttr": false,
+          "hasVdomRef": false,
+          "hasVdomRender": true,
+          "hasVdomStyle": false,
+          "hasVdomText": false,
+          "hasWatchCallback": false,
+          "isPlain": false,
+          "htmlAttrNames": [
+            "key",
+            "class"
+          ],
+          "htmlTagNames": [
+            "div",
+            "slot"
+          ],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [],
+          "dependents": [],
+          "dependencies": [],
+          "directDependents": [],
+          "directDependencies": []
+        }
+      ],
+      "entryKey": "q2-form.entry"
+    },
     {
       "cmps": [
         {
@@ -32162,7 +32762,7 @@
           "isCollectionDependency": false,
           "componentClassName": "Q2Loc",
           "elementRef": "hostElement",
-          "encapsulation": "shadow",
+          "encapsulation": "none",
           "shadowDelegatesFocus": false,
           "properties": [
             {
@@ -32208,24 +32808,11 @@
             }
           ],
           "virtualProperties": [],
-          "states": [
-            {
-              "name": "displayValue"
-            }
-          ],
+          "states": [],
           "methods": [],
           "listeners": [],
           "events": [],
-          "watchers": [
-            {
-              "propName": "value",
-              "methodName": "propHandler"
-            },
-            {
-              "propName": "substitutions",
-              "methodName": "propHandler"
-            }
-          ],
+          "watchers": [],
           "styles": [
             {
               "modeName": "$",
@@ -32282,37 +32869,509 @@
           "hasPropMutable": true,
           "hasReflect": true,
           "hasRenderFn": true,
-          "hasState": true,
+          "hasState": false,
           "hasStyle": true,
-          "hasVdomAttribute": true,
+          "hasVdomAttribute": false,
           "hasVdomXlink": false,
           "hasVdomClass": false,
           "hasVdomFunctional": false,
-          "hasVdomKey": true,
+          "hasVdomKey": false,
           "hasVdomListener": false,
           "hasVdomPropOrAttr": false,
           "hasVdomRef": false,
-          "hasVdomRender": true,
+          "hasVdomRender": false,
           "hasVdomStyle": false,
+          "hasVdomText": false,
+          "hasWatchCallback": false,
+          "isPlain": false,
+          "htmlAttrNames": [],
+          "htmlTagNames": [],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [],
+          "dependents": [],
+          "dependencies": [],
+          "directDependents": [],
+          "directDependencies": []
+        }
+      ],
+      "entryKey": "q2-loc.entry"
+    },
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
+          "tagName": "q2-modal",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "Q2Modal",
+          "elementRef": "hostElement",
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "properties": [
+            {
+              "name": "closable",
+              "type": "boolean",
+              "attribute": "closable",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "true",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Controls visibility of close button on top right corner."
+              },
+              "internal": false
+            },
+            {
+              "name": "customMarkup",
+              "type": "string",
+              "attribute": "custom-markup",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Allows HTML markup as modal content, but it'll be sanitized as needed for security purpose."
+              },
+              "internal": false
+            },
+            {
+              "name": "description",
+              "type": "string",
+              "attribute": "description",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Plain text, description of the modal."
+              },
+              "internal": false
+            },
+            {
+              "name": "icon",
+              "type": "string",
+              "attribute": "icon",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Icon type, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+              },
+              "internal": false
+            },
+            {
+              "name": "iconFillColor",
+              "type": "string",
+              "attribute": "icon-fill-color",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Icon fill color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+              },
+              "internal": false
+            },
+            {
+              "name": "iconStrokePrimary",
+              "type": "string",
+              "attribute": "icon-stroke-primary",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Icon primary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+              },
+              "internal": false
+            },
+            {
+              "name": "iconStrokeSecondary",
+              "type": "string",
+              "attribute": "icon-stroke-secondary",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Icon secondary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+              },
+              "internal": false
+            },
+            {
+              "name": "iconStrokeWidth",
+              "type": "string",
+              "attribute": "icon-stroke-width",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Icon secondary stroke width, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon)."
+              },
+              "internal": false
+            },
+            {
+              "name": "imageSrc",
+              "type": "string",
+              "attribute": "image-src",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Image URL in modal content, it renders with 100% width."
+              },
+              "internal": false
+            },
+            {
+              "name": "title",
+              "type": "string",
+              "attribute": "title",
+              "reflect": true,
+              "mutable": true,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Plain text, title of the modal on top area."
+              },
+              "internal": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [
+            {
+              "name": "maxActionButtons"
+            },
+            {
+              "name": "renderStatus"
+            }
+          ],
+          "methods": [
+            {
+              "name": "closeModal",
+              "docs": {
+                "text": "",
+                "tags": []
+              },
+              "complexType": {
+                "signature": "(data?: ModalResponse) => Promise<void>",
+                "parameters": [
+                  {
+                    "name": "data",
+                    "type": "{ appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; }",
+                    "docs": ""
+                  }
+                ],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  },
+                  "ModalResponse": {
+                    "location": "import",
+                    "path": "q2-tecton-common/lib/utility/modal",
+                    "id": "../q2-tecton-common/lib/utility/modal.d.ts::ModalResponse"
+                  }
+                },
+                "return": "Promise<void>"
+              },
+              "internal": false
+            },
+            {
+              "name": "openModal",
+              "docs": {
+                "text": "",
+                "tags": []
+              },
+              "complexType": {
+                "signature": "(option?: ModalOption) => Promise<void>",
+                "parameters": [
+                  {
+                    "name": "option",
+                    "type": "{ title?: string; description?: string; customMarkup?: string; imageSrc?: string; icon?: string; iconStrokePrimary?: string; iconStrokeSecondary?: string; iconFillColor?: string; iconStrokeWidth?: string; closeable?: boolean; }",
+                    "docs": ""
+                  }
+                ],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  },
+                  "ModalOption": {
+                    "location": "import",
+                    "path": "q2-tecton-common/lib/utility/modal",
+                    "id": "../q2-tecton-common/lib/utility/modal.d.ts::ModalOption"
+                  }
+                },
+                "return": "Promise<void>"
+              },
+              "internal": false
+            }
+          ],
+          "listeners": [],
+          "events": [
+            {
+              "name": "tctClick",
+              "method": "tctClick",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Emitted when one of action button is clicked."
+              },
+              "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+              },
+              "internal": false
+            },
+            {
+              "name": "tctClose",
+              "method": "tctClose",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Emitted when modal is closed."
+              },
+              "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+              },
+              "internal": false
+            },
+            {
+              "name": "tctOpen",
+              "method": "tctOpen",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Emitted when the modal is opened."
+              },
+              "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+              },
+              "internal": false
+            },
+            {
+              "name": "tctReady",
+              "method": "tctReady",
+              "bubbles": false,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [
+                  {
+                    "name": "private"
+                  }
+                ],
+                "text": "Emitted when the modal has finished rendering."
+              },
+              "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+              },
+              "internal": false
+            }
+          ],
+          "watchers": [],
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "Q2-MODAL",
+              "styleStr": null,
+              "styleIdentifier": "Q2ModalStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.scss",
+                  "relativePath": "q2-modal.scss",
+                  "originalComponentPath": "q2-modal.scss"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [],
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.js",
+          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.tsx",
+          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.js.map",
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": true,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": true,
+          "hasComponentDidUnloadFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDisconnectedCallbackFn": true,
+          "hasElement": false,
+          "hasEvent": true,
+          "hasLifecycle": true,
+          "hasListener": false,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": true,
+          "hasMode": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": false,
+          "hasPropBoolean": true,
+          "hasPropString": true,
+          "hasPropMutable": true,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasState": true,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": true,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": true,
+          "hasVdomPropOrAttr": true,
+          "hasVdomRef": true,
+          "hasVdomRender": true,
+          "hasVdomStyle": true,
           "hasVdomText": true,
-          "hasWatchCallback": true,
+          "hasWatchCallback": false,
           "isPlain": false,
           "htmlAttrNames": [
-            "key"
+            "key",
+            "ref",
+            "class",
+            "onClick",
+            "test-id",
+            "label",
+            "hide-label",
+            "type",
+            "style",
+            "src",
+            "name",
+            "innerHTML",
+            "full-width"
           ],
           "htmlTagNames": [
-            "span"
+            "dialog",
+            "div",
+            "header",
+            "h2",
+            "q2-btn",
+            "q2-icon",
+            "img",
+            "slot",
+            "p",
+            "footer",
+            "q2-action-group"
           ],
           "htmlParts": [],
           "isUpdateable": true,
-          "potentialCmpRefs": [],
+          "potentialCmpRefs": [
+            "q2-btn",
+            "q2-icon",
+            "q2-action-group"
+          ],
           "dependents": [],
-          "dependencies": [],
+          "dependencies": [
+            "q2-action-group",
+            "q2-btn",
+            "q2-icon",
+            "q2-loading",
+            "q2-resize-observer"
+          ],
           "directDependents": [],
-          "directDependencies": []
+          "directDependencies": [
+            "q2-btn",
+            "q2-icon",
+            "q2-action-group"
+          ]
         }
       ],
-      "entryKey": "q2-loc.entry"
+      "entryKey": "q2-modal.entry"
     },
     {
       "cmps": [
@@ -36378,7 +37437,6 @@
               "mutable": false,
               "required": false,
               "optional": false,
-              "defaultValue": "150",
               "complexType": {
                 "original": "number",
                 "resolved": "number",
@@ -36424,8 +37482,12 @@
             {
               "name": "closePopover",
               "docs": {
-                "text": "",
-                "tags": []
+                "text": "Emulates clicking the tag to close the popover when options are provided and the popover is open.",
+                "tags": [
+                  {
+                    "name": "testonly"
+                  }
+                ]
               },
               "complexType": {
                 "signature": "() => Promise<void>",
@@ -36443,8 +37505,12 @@
             {
               "name": "openPopover",
               "docs": {
-                "text": "",
-                "tags": []
+                "text": "Emulates clicking the tag to open the popover when options are provided and the popover is closed.",
+                "tags": [
+                  {
+                    "name": "testonly"
+                  }
+                ]
               },
               "complexType": {
                 "signature": "() => Promise<void>",
@@ -36462,8 +37528,12 @@
             {
               "name": "selectOption",
               "docs": {
-                "text": "",
-                "tags": []
+                "text": "Emulates selecting an option matching the passed value.\n\nIf the popover is closed, this will open it before selecting the option.\n\nIf there are not options, or the passed value does not match any option's value, this method does nothing.",
+                "tags": [
+                  {
+                    "name": "testonly"
+                  }
+                ]
               },
               "complexType": {
                 "signature": "(value: any) => Promise<void>",
@@ -36606,6 +37676,7 @@
             "aria-controls",
             "aria-expanded",
             "aria-describedby",
+            "name",
             "controlElement",
             "open",
             "maxHeight",
@@ -36620,9 +37691,9 @@
             "click-elsewhere",
             "button",
             "q2-icon",
+            "slot",
             "q2-popover",
-            "q2-option-list",
-            "slot"
+            "q2-option-list"
           ],
           "htmlParts": [],
           "isUpdateable": true,
@@ -38020,6 +39091,221 @@
       ],
       "entryKey": "tecton-tab-pane.entry"
     },
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
+          "tagName": "q2-action-group",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "Q2ActionGroup",
+          "elementRef": "hostElement",
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "properties": [
+            {
+              "name": "fullWidth",
+              "type": "boolean",
+              "attribute": "full-width",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "warning",
+                    "text": "This will prevent the buttons from wrapping when the container is too small to fit all buttons."
+                  }
+                ],
+                "text": "Whether the buttons should take up the full width of the container when in horizontal orientation."
+              },
+              "internal": false
+            },
+            {
+              "name": "orientation",
+              "type": "string",
+              "attribute": "orientation",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "'auto'",
+              "complexType": {
+                "original": "'auto' | 'vertical' | 'horizontal'",
+                "resolved": "\"auto\" | \"horizontal\" | \"vertical\"",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "This will override and disable the auto determination of the orientation."
+                  },
+                  {
+                    "name": "warning",
+                    "text": "Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/)\nor `\"coin\"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to \"horizontal\"."
+                  }
+                ],
+                "text": "The orientation of the buttons, which will override the auto orientation."
+              },
+              "internal": false
+            },
+            {
+              "name": "orientationThreshold",
+              "type": "number",
+              "attribute": "orientation-threshold",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "440",
+              "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "info",
+                    "text": "The component determines this based on the width of the element itself, not the browser window."
+                  }
+                ],
+                "text": "The width, in pixels, that determines whether to display the buttons in vertical or horizontal orientation"
+              },
+              "internal": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [
+            {
+              "name": "autoOrientation"
+            },
+            {
+              "name": "slottedTagName"
+            }
+          ],
+          "methods": [],
+          "listeners": [],
+          "events": [],
+          "watchers": [
+            {
+              "propName": "orientation",
+              "methodName": "toggleHiddenForOneFrame"
+            }
+          ],
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "Q2-ACTION-GROUP",
+              "styleStr": null,
+              "styleIdentifier": "Q2ActionGroupStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.scss",
+                  "relativePath": "q2-action-group.scss",
+                  "originalComponentPath": "q2-action-group.scss"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [],
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.js",
+          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.tsx",
+          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.js.map",
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": true,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": false,
+          "hasComponentDidUnloadFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDisconnectedCallbackFn": true,
+          "hasElement": false,
+          "hasEvent": false,
+          "hasLifecycle": true,
+          "hasListener": false,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": false,
+          "hasMode": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": true,
+          "hasPropBoolean": true,
+          "hasPropString": true,
+          "hasPropMutable": false,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasState": true,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": true,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": true,
+          "hasVdomPropOrAttr": true,
+          "hasVdomRef": true,
+          "hasVdomRender": true,
+          "hasVdomStyle": false,
+          "hasVdomText": false,
+          "hasWatchCallback": true,
+          "isPlain": false,
+          "htmlAttrNames": [
+            "key",
+            "onTctResize",
+            "disabled",
+            "ref",
+            "class",
+            "role"
+          ],
+          "htmlTagNames": [
+            "q2-resize-observer",
+            "div",
+            "slot"
+          ],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [
+            "q2-resize-observer"
+          ],
+          "dependents": [
+            "q2-modal"
+          ],
+          "dependencies": [
+            "q2-resize-observer"
+          ],
+          "directDependents": [
+            "q2-modal"
+          ],
+          "directDependencies": [
+            "q2-resize-observer"
+          ]
+        }
+      ],
+      "entryKey": "q2-action-group.entry"
+    },
     {
       "cmps": [
         {
@@ -38707,16 +39993,18 @@
             "y2",
             "points",
             "test-id",
+            "id",
+            "fill",
             "cx",
             "cy",
             "r",
+            "mask",
             "key",
             "ref",
             "aria-describedby",
             "aria-invalid",
             "checked",
             "disabled",
-            "id",
             "name",
             "onClick",
             "value",
@@ -38729,6 +40017,8 @@
             "line",
             "polyline",
             "div",
+            "defs",
+            "mask",
             "circle",
             "input",
             "label",
@@ -38940,6 +40230,27 @@
               "bubbles": true,
               "cancelable": true,
               "composed": true,
+              "docs": {
+                "tags": [
+                  {
+                    "name": "deprecated"
+                  }
+                ],
+                "text": "Is emitted when the item is clicked."
+              },
+              "complexType": {
+                "original": "{ type: 'select' | 'remove'; value: string }",
+                "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
+                "references": {}
+              },
+              "internal": false
+            },
+            {
+              "name": "tctClick",
+              "method": "tctClick",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
               "docs": {
                 "tags": [],
                 "text": "Is emitted when the item is clicked."
@@ -40176,190 +41487,6 @@
       ],
       "entryKey": "q2-optgroup.entry"
     },
-    {
-      "cmps": [
-        {
-          "attachInternalsMemberName": null,
-          "formAssociated": false,
-          "tagName": "q2-resize-observer",
-          "excludeFromCollection": false,
-          "isCollectionDependency": false,
-          "componentClassName": "Q2ResizeObserver",
-          "elementRef": "hostElement",
-          "encapsulation": "shadow",
-          "shadowDelegatesFocus": false,
-          "properties": [
-            {
-              "name": "disabled",
-              "type": "boolean",
-              "attribute": "disabled",
-              "reflect": true,
-              "mutable": false,
-              "required": false,
-              "optional": false,
-              "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-              },
-              "docs": {
-                "tags": [],
-                "text": "Determines wheter or not events will be emitted from the component."
-              },
-              "internal": false
-            }
-          ],
-          "virtualProperties": [],
-          "states": [],
-          "methods": [
-            {
-              "name": "getCurrentResizeEntries",
-              "docs": {
-                "text": "Returns the latest entries reported by the component.",
-                "tags": []
-              },
-              "complexType": {
-                "signature": "() => Promise<ResizeObserverEntry[]>",
-                "parameters": [],
-                "references": {
-                  "Promise": {
-                    "location": "global",
-                    "id": "global::Promise"
-                  },
-                  "ResizeObserverEntry": {
-                    "location": "global",
-                    "id": "global::ResizeObserverEntry"
-                  }
-                },
-                "return": "Promise<ResizeObserverEntry[]>"
-              },
-              "internal": false
-            }
-          ],
-          "listeners": [],
-          "events": [
-            {
-              "name": "tctResize",
-              "method": "tctResize",
-              "bubbles": true,
-              "cancelable": true,
-              "composed": true,
-              "docs": {
-                "tags": [],
-                "text": "Emitted when any of the observed elements are resized."
-              },
-              "complexType": {
-                "original": "{ entries: ResizeObserverEntry[] }",
-                "resolved": "{ entries: ResizeObserverEntry[]; }",
-                "references": {
-                  "ResizeObserverEntry": {
-                    "location": "global",
-                    "id": "global::ResizeObserverEntry"
-                  }
-                }
-              },
-              "internal": false
-            }
-          ],
-          "watchers": [
-            {
-              "propName": "disabled",
-              "methodName": "disabledUpdated"
-            }
-          ],
-          "styles": [
-            {
-              "modeName": "$",
-              "styleId": "Q2-RESIZE-OBSERVER",
-              "styleStr": null,
-              "styleIdentifier": "Q2ResizeObserverStyle",
-              "externalStyles": [
-                {
-                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.scss",
-                  "relativePath": "q2-resize-observer.scss",
-                  "originalComponentPath": "q2-resize-observer.scss"
-                }
-              ]
-            }
-          ],
-          "internal": false,
-          "assetsDirs": [],
-          "styleDocs": [],
-          "docs": {
-            "tags": [],
-            "text": ""
-          },
-          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.js",
-          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.tsx",
-          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.js.map",
-          "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": false,
-          "hasComponentDidLoadFn": true,
-          "hasComponentShouldUpdateFn": false,
-          "hasComponentWillUpdateFn": false,
-          "hasComponentDidUpdateFn": false,
-          "hasComponentWillRenderFn": false,
-          "hasComponentDidRenderFn": false,
-          "hasComponentDidUnloadFn": false,
-          "hasConnectedCallbackFn": false,
-          "hasDisconnectedCallbackFn": true,
-          "hasElement": false,
-          "hasEvent": true,
-          "hasLifecycle": true,
-          "hasListener": false,
-          "hasListenerTarget": false,
-          "hasListenerTargetWindow": false,
-          "hasListenerTargetDocument": false,
-          "hasListenerTargetBody": false,
-          "hasListenerTargetParent": false,
-          "hasMember": true,
-          "hasMethod": true,
-          "hasMode": false,
-          "hasAttribute": true,
-          "hasProp": true,
-          "hasPropNumber": false,
-          "hasPropBoolean": true,
-          "hasPropString": false,
-          "hasPropMutable": false,
-          "hasReflect": true,
-          "hasRenderFn": true,
-          "hasState": false,
-          "hasStyle": true,
-          "hasVdomAttribute": true,
-          "hasVdomXlink": false,
-          "hasVdomClass": false,
-          "hasVdomFunctional": false,
-          "hasVdomKey": true,
-          "hasVdomListener": true,
-          "hasVdomPropOrAttr": false,
-          "hasVdomRef": false,
-          "hasVdomRender": true,
-          "hasVdomStyle": false,
-          "hasVdomText": false,
-          "hasWatchCallback": true,
-          "isPlain": false,
-          "htmlAttrNames": [
-            "key",
-            "onSlotchange"
-          ],
-          "htmlTagNames": [
-            "slot"
-          ],
-          "htmlParts": [],
-          "isUpdateable": true,
-          "potentialCmpRefs": [],
-          "dependents": [
-            "q2-action-group"
-          ],
-          "dependencies": [],
-          "directDependents": [
-            "q2-action-group"
-          ],
-          "directDependencies": []
-        }
-      ],
-      "entryKey": "q2-resize-observer.entry"
-    },
     {
       "cmps": [
         {
@@ -41725,16 +42852,33 @@
                 "references": {}
               },
               "internal": false
+            },
+            {
+              "name": "tctClick",
+              "method": "tctClick",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Is emitted when the option is clicked."
+              },
+              "complexType": {
+                "original": "{ type: 'select' | 'remove'; value: string }",
+                "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
+                "references": {}
+              },
+              "internal": false
             }
           ],
           "watchers": [
-            {
-              "propName": "separator",
-              "methodName": "separatorChangedHandler"
-            },
             {
               "propName": "display",
               "methodName": "displayChangedHandler"
+            },
+            {
+              "propName": "separator",
+              "methodName": "separatorChangedHandler"
             }
           ],
           "styles": [
@@ -41800,7 +42944,7 @@
           "hasVdomClass": true,
           "hasVdomFunctional": false,
           "hasVdomKey": false,
-          "hasVdomListener": false,
+          "hasVdomListener": true,
           "hasVdomPropOrAttr": true,
           "hasVdomRef": false,
           "hasVdomRender": true,
@@ -41809,17 +42953,19 @@
           "hasWatchCallback": true,
           "isPlain": false,
           "htmlAttrNames": [
-            "class",
             "tabindex",
             "aria-disabled",
             "aria-selected",
             "aria-hidden",
             "display",
-            "type"
+            "onClick",
+            "onKeydown",
+            "type",
+            "class"
           ],
           "htmlTagNames": [
-            "div",
             "q2-icon",
+            "div",
             "slot"
           ],
           "htmlParts": [],
@@ -41845,6 +42991,191 @@
       ],
       "entryKey": "q2-option.entry"
     },
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
+          "tagName": "q2-resize-observer",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "Q2ResizeObserver",
+          "elementRef": "hostElement",
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "properties": [
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "attribute": "disabled",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Determines wheter or not events will be emitted from the component."
+              },
+              "internal": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [],
+          "methods": [
+            {
+              "name": "getCurrentResizeEntries",
+              "docs": {
+                "text": "Returns the latest entries reported by the component.",
+                "tags": []
+              },
+              "complexType": {
+                "signature": "() => Promise<ResizeObserverEntry[]>",
+                "parameters": [],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  },
+                  "ResizeObserverEntry": {
+                    "location": "global",
+                    "id": "global::ResizeObserverEntry"
+                  }
+                },
+                "return": "Promise<ResizeObserverEntry[]>"
+              },
+              "internal": false
+            }
+          ],
+          "listeners": [],
+          "events": [
+            {
+              "name": "tctResize",
+              "method": "tctResize",
+              "bubbles": true,
+              "cancelable": true,
+              "composed": true,
+              "docs": {
+                "tags": [],
+                "text": "Emitted when any of the observed elements are resized."
+              },
+              "complexType": {
+                "original": "{ entries: ResizeObserverEntry[] }",
+                "resolved": "{ entries: ResizeObserverEntry[]; }",
+                "references": {
+                  "ResizeObserverEntry": {
+                    "location": "global",
+                    "id": "global::ResizeObserverEntry"
+                  }
+                }
+              },
+              "internal": false
+            }
+          ],
+          "watchers": [
+            {
+              "propName": "disabled",
+              "methodName": "disabledUpdated"
+            }
+          ],
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "Q2-RESIZE-OBSERVER",
+              "styleStr": null,
+              "styleIdentifier": "Q2ResizeObserverStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.scss",
+                  "relativePath": "q2-resize-observer.scss",
+                  "originalComponentPath": "q2-resize-observer.scss"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [],
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.js",
+          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.tsx",
+          "sourceMapPath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.js.map",
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": true,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": false,
+          "hasComponentDidUnloadFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDisconnectedCallbackFn": true,
+          "hasElement": false,
+          "hasEvent": true,
+          "hasLifecycle": true,
+          "hasListener": false,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": true,
+          "hasMode": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": false,
+          "hasPropBoolean": true,
+          "hasPropString": false,
+          "hasPropMutable": false,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasState": false,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": false,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": true,
+          "hasVdomPropOrAttr": false,
+          "hasVdomRef": false,
+          "hasVdomRender": true,
+          "hasVdomStyle": false,
+          "hasVdomText": false,
+          "hasWatchCallback": true,
+          "isPlain": false,
+          "htmlAttrNames": [
+            "key",
+            "onSlotchange"
+          ],
+          "htmlTagNames": [
+            "slot"
+          ],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [],
+          "dependents": [
+            "q2-action-group",
+            "q2-modal"
+          ],
+          "dependencies": [],
+          "directDependents": [
+            "q2-action-group"
+          ],
+          "directDependencies": []
+        }
+      ],
+      "entryKey": "q2-resize-observer.entry"
+    },
     {
       "cmps": [
         {
@@ -42880,131 +44211,135 @@
     ],
     "sc-q2-action-group": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-action-sheet": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js",
+      "sanitize-html-string-735c19f5.js"
     ],
     "sc-q2-avatar": [
       "index-7a5365e2.js"
     ],
     "sc-q2-badge": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-btn": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-calendar": [
       "index-7a5365e2.js",
       "index-3184c760.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-card": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-carousel": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-carousel-pane": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-chart-area": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "charting-1abfb877.js",
       "dataSample-7b62e101.js"
     ],
     "sc-q2-chart-bar": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "charting-1abfb877.js",
       "dataSample-7b62e101.js",
       "sectorHelper-183cedd0.js"
     ],
     "sc-q2-chart-donut": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "charting-1abfb877.js",
       "sectorHelper-183cedd0.js"
     ],
     "sc-q2-checkbox": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-checkbox-group": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-currency": [
       "index-7a5365e2.js"
     ],
     "sc-q2-data-table": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-detail": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-dropdown": [
       "index-7a5365e2.js",
       "action-sheet-1e24cb38.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-dropdown-item": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-editable-field": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-example": [
       "index-7a5365e2.js"
     ],
     "sc-q2-file-picker": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
+    ],
+    "sc-q2-form": [
+      "index-7a5365e2.js"
     ],
     "sc-q2-formatted-text": [
       "index-7a5365e2.js"
     ],
     "sc-q2-icon": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-input": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-item": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-legend": [
       "index-7a5365e2.js"
     ],
     "sc-q2-link": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-list": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-loading": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-loading-element": [
@@ -43013,111 +44348,117 @@
     ],
     "sc-q2-loc": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-message": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
+    ],
+    "sc-q2-modal": [
+      "index-7a5365e2.js",
+      "index-f2a66217.js",
+      "sanitize-html-string-735c19f5.js"
     ],
     "sc-q2-month-picker": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-optgroup": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-option": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-option-list": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-pagination": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-pill": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "action-sheet-1e24cb38.js"
     ],
     "sc-q2-popover": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-radio": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-radio-group": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-relative-time": [
       "index-7a5365e2.js",
       "index-3184c760.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-resize-observer": [
       "index-7a5365e2.js"
     ],
     "sc-q2-section": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-select": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "action-sheet-1e24cb38.js"
     ],
     "sc-q2-stepper": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-stepper-pane": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-stepper-vertical": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-tab-container": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-tab-pane": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "shapes-c7e1a3fa.js"
     ],
     "sc-q2-tag": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js",
+      "index-f2a66217.js",
       "action-sheet-1e24cb38.js"
     ],
     "sc-q2-textarea": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-q2-tooltip": [
       "index-7a5365e2.js",
-      "index-504f1a9e.js"
+      "index-f2a66217.js"
     ],
     "sc-tecton-tab-pane": [
       "index-7a5365e2.js"
     ]
   },
   "sourceGraph": {
+    "jest.setup.ts": [],
     "./src/components/click-elsewhere/click-elsewhere.tsx": [],
     "./src/components/click-elsewhere/test/click-elsewhere-test.e2e.ts": [],
     "./src/components/q2-action-group/q2-action-group.tsx": [],
-    "./src/components/q2-action-group/test/q2-action-group.e2e.ts": [],
-    "./src/components/q2-action-group/test/q2-action-group.spec.ts": [
+    "./src/components/q2-action-group/test/q2-action-group-test.e2e.ts": [],
+    "./src/components/q2-action-group/test/q2-action-group-test.spec.ts": [
       "./src/components/q2-action-group/q2-action-group"
     ],
     "./src/components/q2-action-sheet/q2-action-sheet.tsx": [],
@@ -43126,6 +44467,9 @@
     "./src/components/q2-avatar/test/q2-avatar-test.e2e.ts": [],
     "./src/components/q2-badge/q2-badge.tsx": [],
     "./src/components/q2-badge/test/q2-badge-test.e2e.ts": [],
+    "./src/components/q2-badge/test/q2-badge-test.spec.ts": [
+      "./src/components/q2-badge/q2-badge"
+    ],
     "./src/components/q2-btn/q2-btn.tsx": [],
     "./src/components/q2-btn/test/q2-btn-test.e2e.ts": [],
     "./src/components/q2-calendar/q2-calendar-helpers.ts": [
@@ -43197,6 +44541,8 @@
     "./src/components/q2-file-picker/test/q2-file-picker-test.spec.tsx": [
       "./src/components/q2-file-picker/q2-file-picker"
     ],
+    "./src/components/q2-form/q2-form.tsx": [],
+    "./src/components/q2-form/test/q2-form-test.e2e.ts": [],
     "./src/components/q2-formatted-text/q2-formatted-text.tsx": [],
     "./src/components/q2-formatted-text/test/q2-formatted-text-test.e2e.ts": [
       "./src/components/q2-formatted-text/q2-formatted-text"
@@ -43205,7 +44551,8 @@
     "./src/components/q2-icon/q2-icon.tsx": [
       "./src/components/q2-icon/assets/icon-map.json"
     ],
-    "./src/components/q2-icon/test/q2-icon-test.e2e.ts": [
+    "./src/components/q2-icon/test/q2-icon-test.e2e.ts": [],
+    "./src/components/q2-icon/test/q2-icon-test.spec.ts": [
       "./src/components/q2-icon/q2-icon"
     ],
     "./src/components/q2-input/formatting/alpha.spec.ts": [
@@ -43333,6 +44680,11 @@
     ],
     "./src/components/q2-message/q2-message.tsx": [],
     "./src/components/q2-message/test/q2-message-test.e2e.ts": [],
+    "./src/components/q2-modal/q2-modal.tsx": [],
+    "./src/components/q2-modal/test/q2-modal-test.e2e.ts": [],
+    "./src/components/q2-modal/test/q2-modal-test.spec.ts": [
+      "./src/components/q2-modal/q2-modal"
+    ],
     "./src/components/q2-optgroup/q2-optgroup.tsx": [],
     "./src/components/q2-optgroup/test/q2-optgroup-test.e2e.ts": [],
     "./src/components/q2-option-list/q2-option-list.tsx": [],
@@ -43377,6 +44729,10 @@
       "./src/utils"
     ],
     "./src/components/q2-select/test/q2-select-test.e2e.ts": [],
+    "./src/components/q2-select/test/q2-select-test.spec.ts": [
+      "./src/components/q2-option-list/q2-option-list",
+      "./src/components/q2-select/q2-select"
+    ],
     "./src/components/q2-stepper-pane/q2-stepper-pane.tsx": [],
     "./src/components/q2-stepper-pane/test/q2-stepper-pane-test.e2e.ts": [],
     "./src/components/q2-stepper-vertical/q2-stepper-vertical.tsx": [],
@@ -43392,6 +44748,9 @@
     "./src/components/q2-tab-pane/test/q2-tab-pane-test.e2e.ts": [],
     "./src/components/q2-tag/q2-tag.tsx": [],
     "./src/components/q2-tag/test/q2-tag-test.e2e.ts": [],
+    "./src/components/q2-tag/test/q2-tag-test.spec.ts": [
+      "./src/components/q2-tag/q2-tag"
+    ],
     "./src/components/q2-textarea/q2-textarea.tsx": [],
     "./src/components/q2-textarea/test/q2-textarea-test.e2e.ts": [],
     "./src/components/q2-tooltip/q2-tooltip.tsx": [],
@@ -43403,10 +44762,10 @@
     "./src/utils/action-sheet.ts": [],
     "./src/utils/charting.tsx": [],
     "./src/utils/helpers.ts": [
-      "./src/components/q2-calendar/q2-calendar-helpers",
-      "./src/utils"
+      "./src/components/q2-calendar/q2-calendar-helpers"
     ],
     "./src/utils/index.tsx": [],
+    "./src/utils/mirror-emit.ts": [],
     "./src/utils/sanitize-html-string.ts": [],
     "./src/utils/sanitize-regex-string.ts": [],
     "./src/utils/test/action-sheet-test.e2e.ts": [