npm - @getflip/swirl-components - Versions diffs - 0.325.1 → 0.327.0 - Mend

@getflip/swirl-components 0.325.1 → 0.327.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 (1926) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-12T10:23:18",
+  "timestamp": "2025-05-15T06:38:03",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -2806,7 +2806,8 @@
           "swirl-icon-visibility-off",
           "swirl-icon-visibility",
           "swirl-icon-expand-less",
-          "swirl-icon-expand-more"
+          "swirl-icon-expand-more",
+          "swirl-visually-hidden"
         ],
         "swirl-spinner": [
           "swirl-visually-hidden"
@@ -16383,9 +16384,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-block.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-beach-access.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-block",
+      "tag": "swirl-icon-beach-access",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -16524,9 +16525,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-bookmark.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-beach-access-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-bookmark",
+      "tag": "swirl-icon-beach-access-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -16665,9 +16666,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-bookmark-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-block.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-bookmark-filled",
+      "tag": "swirl-icon-block",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -16806,9 +16807,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-call.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-bookmark.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-call",
+      "tag": "swirl-icon-bookmark",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -16947,9 +16948,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-call-end.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-bookmark-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-call-end",
+      "tag": "swirl-icon-bookmark-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17088,160 +17089,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-cancel.tsx",
-      "encapsulation": "shadow",
-      "tag": "swirl-icon-cancel",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-          "complexType": {
-            "original": "SwirlIconColor",
-            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-            "references": {
-              "SwirlIconColor": {
-                "location": "import",
-                "path": "../swirl-icon",
-                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "critical",
-              "type": "string"
-            },
-            {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "disabled",
-              "type": "string"
-            },
-            {
-              "value": "highlight",
-              "type": "string"
-            },
-            {
-              "value": "info",
-              "type": "string"
-            },
-            {
-              "value": "on-action-primary",
-              "type": "string"
-            },
-            {
-              "value": "on-image",
-              "type": "string"
-            },
-            {
-              "value": "on-status",
-              "type": "string"
-            },
-            {
-              "value": "on-surface-highlight",
-              "type": "string"
-            },
-            {
-              "value": "on-surface-highlight-subdued",
-              "type": "string"
-            },
-            {
-              "value": "strong",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "size",
-          "type": "16 | 20 | 24 | 28",
-          "complexType": {
-            "original": "SwirlIconSize",
-            "resolved": "16 | 20 | 24 | 28",
-            "references": {
-              "SwirlIconSize": {
-                "location": "import",
-                "path": "../swirl-icon.types",
-                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "24",
-          "values": [
-            {
-              "value": "16",
-              "type": "number"
-            },
-            {
-              "value": "20",
-              "type": "number"
-            },
-            {
-              "value": "24",
-              "type": "number"
-            },
-            {
-              "value": "28",
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "icon",
-          "docs": ""
-        }
-      ],
-      "dependents": [
-        "swirl-search",
-        "swirl-text-input"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "swirl-search": [
-          "swirl-icon-cancel"
-        ],
-        "swirl-text-input": [
-          "swirl-icon-cancel"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chat-bubble.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-calendar-add-on-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chat-bubble",
+      "tag": "swirl-icon-calendar-add-on-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17380,9 +17230,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-calendar-today.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chats",
+      "tag": "swirl-icon-calendar-today",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17521,9 +17371,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-call.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chats-filled",
+      "tag": "swirl-icon-call",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17662,9 +17512,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-call-end.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check",
+      "tag": "swirl-icon-call-end",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17803,9 +17653,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-cancel.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-circle",
+      "tag": "swirl-icon-cancel",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17940,19 +17790,23 @@
         }
       ],
       "dependents": [
-        "swirl-inline-notification"
+        "swirl-search",
+        "swirl-text-input"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-inline-notification": [
-          "swirl-icon-check-circle"
+        "swirl-search": [
+          "swirl-icon-cancel"
+        ],
+        "swirl-text-input": [
+          "swirl-icon-cancel"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-small.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chat-bubble.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-small",
+      "tag": "swirl-icon-chat-bubble",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18086,20 +17940,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-option-list-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-option-list-item": [
-          "swirl-icon-check-small"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-strong.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-strong",
+      "tag": "swirl-icon-chats",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18233,28 +18081,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-checkbox",
-        "swirl-option-list-item",
-        "swirl-resource-list-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-checkbox": [
-          "swirl-icon-check-strong"
-        ],
-        "swirl-option-list-item": [
-          "swirl-icon-check-strong"
-        ],
-        "swirl-resource-list-item": [
-          "swirl-icon-check-strong"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chevron-left",
+      "tag": "swirl-icon-chats-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18393,9 +18227,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-right.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chevron-right",
+      "tag": "swirl-icon-check",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18529,24 +18363,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-tree-navigation-item",
-        "swirl-tree-view-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-tree-navigation-item": [
-          "swirl-icon-chevron-right"
-        ],
-        "swirl-tree-view-item": [
-          "swirl-icon-chevron-right"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-close.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-circle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-close",
+      "tag": "swirl-icon-check-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18681,35 +18505,19 @@
         }
       ],
       "dependents": [
-        "swirl-banner",
-        "swirl-chip",
-        "swirl-lightbox",
-        "swirl-tag",
-        "swirl-toast"
+        "swirl-inline-notification"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-banner": [
-          "swirl-icon-close"
-        ],
-        "swirl-chip": [
-          "swirl-icon-close"
-        ],
-        "swirl-lightbox": [
-          "swirl-icon-close"
-        ],
-        "swirl-tag": [
-          "swirl-icon-close"
-        ],
-        "swirl-toast": [
-          "swirl-icon-close"
+        "swirl-inline-notification": [
+          "swirl-icon-check-circle"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-close-small.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-small.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-close-small",
+      "tag": "swirl-icon-check-small",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18843,14 +18651,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-option-list-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-option-list-item": [
+          "swirl-icon-check-small"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-cloud-upload.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-strong.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-cloud-upload",
+      "tag": "swirl-icon-check-strong",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18985,19 +18799,27 @@
         }
       ],
       "dependents": [
-        "swirl-file-uploader"
+        "swirl-checkbox",
+        "swirl-option-list-item",
+        "swirl-resource-list-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-file-uploader": [
-          "swirl-icon-cloud-upload"
+        "swirl-checkbox": [
+          "swirl-icon-check-strong"
+        ],
+        "swirl-option-list-item": [
+          "swirl-icon-check-strong"
+        ],
+        "swirl-resource-list-item": [
+          "swirl-icon-check-strong"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-column.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-column",
+      "tag": "swirl-icon-chevron-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19136,9 +18958,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-comment.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-right.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-comment",
+      "tag": "swirl-icon-chevron-right",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19272,14 +19094,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-tree-navigation-item",
+        "swirl-tree-view-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-tree-navigation-item": [
+          "swirl-icon-chevron-right"
+        ],
+        "swirl-tree-view-item": [
+          "swirl-icon-chevron-right"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-contrast.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-close.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-contrast",
+      "tag": "swirl-icon-close",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19413,14 +19245,36 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-banner",
+        "swirl-chip",
+        "swirl-lightbox",
+        "swirl-tag",
+        "swirl-toast"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-banner": [
+          "swirl-icon-close"
+        ],
+        "swirl-chip": [
+          "swirl-icon-close"
+        ],
+        "swirl-lightbox": [
+          "swirl-icon-close"
+        ],
+        "swirl-tag": [
+          "swirl-icon-close"
+        ],
+        "swirl-toast": [
+          "swirl-icon-close"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-copy.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-close-small.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-copy",
+      "tag": "swirl-icon-close-small",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19559,9 +19413,156 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-crop.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-cloud-upload.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-crop",
+      "tag": "swirl-icon-cloud-upload",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-file-uploader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-file-uploader": [
+          "swirl-icon-cloud-upload"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-column.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-column",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19700,9 +19701,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dark-mode.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-comment.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dark-mode",
+      "tag": "swirl-icon-comment",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19841,9 +19842,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-contrast.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-date-range",
+      "tag": "swirl-icon-contrast",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19982,9 +19983,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-delete.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-copy.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-delete",
+      "tag": "swirl-icon-copy",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20123,9 +20124,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-deployed-code.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-crop.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-deployed-code",
+      "tag": "swirl-icon-crop",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20264,9 +20265,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-description.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dark-mode.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-description",
+      "tag": "swirl-icon-dark-mode",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20405,9 +20406,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-desktop.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-desktop",
+      "tag": "swirl-icon-date-range",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20546,9 +20547,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-delete.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-directory",
+      "tag": "swirl-icon-delete",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20687,9 +20688,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-deployed-code.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-directory-filled",
+      "tag": "swirl-icon-deployed-code",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20828,9 +20829,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-discover.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-description.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-discover",
+      "tag": "swirl-icon-description",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20969,9 +20970,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-desktop.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dock-left",
+      "tag": "swirl-icon-desktop",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21110,9 +21111,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-collapse.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dock-left-collapse",
+      "tag": "swirl-icon-directory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21246,20 +21247,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-shell-layout"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-shell-layout": [
-          "swirl-icon-dock-left-collapse"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-expand.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dock-left-expand",
+      "tag": "swirl-icon-directory-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21393,20 +21388,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-shell-layout"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-shell-layout": [
-          "swirl-icon-dock-left-expand"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-door-open.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-discover.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-door-open",
+      "tag": "swirl-icon-discover",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21545,9 +21534,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dot.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dot",
+      "tag": "swirl-icon-dock-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21686,9 +21675,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-collapse.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-left",
+      "tag": "swirl-icon-dock-left-collapse",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21828,14 +21817,161 @@
       "dependencies": [],
       "dependencyGraph": {
         "swirl-shell-layout": [
-          "swirl-icon-double-arrow-left"
+          "swirl-icon-dock-left-collapse"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-right.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-expand.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-right",
+      "tag": "swirl-icon-dock-left-expand",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-shell-layout"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-shell-layout": [
+          "swirl-icon-dock-left-expand"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-door-open.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-door-open",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21974,9 +22110,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-download.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dot.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-download",
+      "tag": "swirl-icon-dot",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22115,9 +22251,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-drag-handle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-drag-handle",
+      "tag": "swirl-icon-double-arrow-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22252,27 +22388,19 @@
         }
       ],
       "dependents": [
-        "swirl-option-list-item",
-        "swirl-resource-list-item",
-        "swirl-tree-view-item"
+        "swirl-shell-layout"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-option-list-item": [
-          "swirl-icon-drag-handle"
-        ],
-        "swirl-resource-list-item": [
-          "swirl-icon-drag-handle"
-        ],
-        "swirl-tree-view-item": [
-          "swirl-icon-drag-handle"
+        "swirl-shell-layout": [
+          "swirl-icon-double-arrow-left"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-right.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-edit",
+      "tag": "swirl-icon-double-arrow-right",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22411,9 +22539,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit-note.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-download.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-edit-note",
+      "tag": "swirl-icon-download",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22552,9 +22680,164 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-mood.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-drag-handle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-emoji-mood",
+      "tag": "swirl-icon-drag-handle",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-option-list-item",
+        "swirl-resource-list-item",
+        "swirl-tree-view-item"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-option-list-item": [
+          "swirl-icon-drag-handle"
+        ],
+        "swirl-resource-list-item": [
+          "swirl-icon-drag-handle"
+        ],
+        "swirl-tree-view-item": [
+          "swirl-icon-drag-handle"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-edit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22693,9 +22976,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-satisfied.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit-note.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-emoji-satisfied",
+      "tag": "swirl-icon-edit-note",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22834,9 +23117,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-error.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-mood.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-error",
+      "tag": "swirl-icon-emoji-mood",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22970,28 +23253,155 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item",
-        "swirl-inline-error",
-        "swirl-inline-notification"
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-satisfied.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-emoji-satisfied",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
       ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-error"
-        ],
-        "swirl-inline-error": [
-          "swirl-icon-error"
-        ],
-        "swirl-inline-notification": [
-          "swirl-icon-error"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-less.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-error.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-expand-less",
+      "tag": "swirl-icon-error",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23126,23 +23536,178 @@
         }
       ],
       "dependents": [
-        "swirl-select",
-        "swirl-text-input"
+        "swirl-image-grid-item",
+        "swirl-inline-error",
+        "swirl-inline-notification"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-select": [
-          "swirl-icon-expand-less"
+        "swirl-image-grid-item": [
+          "swirl-icon-error"
         ],
-        "swirl-text-input": [
-          "swirl-icon-expand-less"
+        "swirl-inline-error": [
+          "swirl-icon-error"
+        ],
+        "swirl-inline-notification": [
+          "swirl-icon-error"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-more.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-less.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-expand-more",
+      "tag": "swirl-icon-expand-less",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-select",
+        "swirl-text-input"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-select": [
+          "swirl-icon-expand-less"
+        ],
+        "swirl-text-input": [
+          "swirl-icon-expand-less"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-more.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-expand-more",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23731,20 +24296,590 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-file-copy"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-filter",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-folder",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-folder-shared",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "file-manager"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "file-manager": [
+          "swirl-icon-folder-shared"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-format-h-one",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-file-copy"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-list-bulleted.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-filter",
+      "tag": "swirl-icon-format-list-bulleted",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23883,9 +25018,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder",
+      "tag": "swirl-icon-fullscreen",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24019,14 +25154,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder-shared",
+      "tag": "swirl-icon-fullscreen-exit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24161,19 +25302,19 @@
         }
       ],
       "dependents": [
-        "file-manager"
+        "swirl-pdf-reader"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "file-manager": [
-          "swirl-icon-folder-shared"
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen-exit"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-format-h-one",
+      "tag": "swirl-icon-gif",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24307,14 +25448,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-gif"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen",
+      "tag": "swirl-icon-group-add",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24448,20 +25595,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen-exit",
+      "tag": "swirl-icon-group-assign",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24595,20 +25736,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen-exit"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-gif",
+      "tag": "swirl-icon-groups",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24742,20 +25877,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-gif"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-add",
+      "tag": "swirl-icon-groups-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24894,9 +26023,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-assign",
+      "tag": "swirl-icon-hamburger-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25035,9 +26164,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-health-and-safety.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups",
+      "tag": "swirl-icon-health-and-safety",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25176,9 +26305,160 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups-filled",
+      "tag": "swirl-icon-help",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-form-control",
+        "swirl-radio"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-form-control": [
+          "swirl-icon-help"
+        ],
+        "swirl-radio": [
+          "swirl-icon-help"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-highlight.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-highlight",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25317,9 +26597,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-history.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-hamburger-menu",
+      "tag": "swirl-icon-history",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25458,9 +26738,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-help",
+      "tag": "swirl-icon-home",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25594,24 +26874,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-form-control",
-        "swirl-radio"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-form-control": [
-          "swirl-icon-help"
-        ],
-        "swirl-radio": [
-          "swirl-icon-help"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-highlight.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-hr-resting.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-highlight",
+      "tag": "swirl-icon-hr-resting",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25750,9 +27020,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-history.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-history",
+      "tag": "swirl-icon-image",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25891,9 +27161,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-home",
+      "tag": "swirl-icon-improve-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26032,9 +27302,164 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-hr-resting.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-hr-resting",
+      "tag": "swirl-icon-info",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-description-list-item",
+        "swirl-inline-notification",
+        "swirl-table-row-group"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-description-list-item": [
+          "swirl-icon-info"
+        ],
+        "swirl-inline-notification": [
+          "swirl-icon-info"
+        ],
+        "swirl-table-row-group": [
+          "swirl-icon-info"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-below.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-insert-below",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26173,9 +27598,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-chart.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-image",
+      "tag": "swirl-icon-insert-chart",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26314,9 +27739,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-improve-text",
+      "tag": "swirl-icon-insert-on-top",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26455,9 +27880,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-info",
+      "tag": "swirl-icon-inventory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26591,28 +28016,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-description-list-item",
-        "swirl-inline-notification",
-        "swirl-table-row-group"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-description-list-item": [
-          "swirl-icon-info"
-        ],
-        "swirl-inline-notification": [
-          "swirl-icon-info"
-        ],
-        "swirl-table-row-group": [
-          "swirl-icon-info"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-below.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-below",
+      "tag": "swirl-icon-inventory-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26751,9 +28162,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-key.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-on-top",
+      "tag": "swirl-icon-key",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26892,9 +28303,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-inventory",
+      "tag": "swirl-icon-keyboard",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27033,9 +28444,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-inventory-off",
+      "tag": "swirl-icon-keyboard-hide",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27174,9 +28585,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-key.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-key",
+      "tag": "swirl-icon-light-mode",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27315,9 +28726,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard",
+      "tag": "swirl-icon-like",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27456,9 +28867,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard-hide",
+      "tag": "swirl-icon-link",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27597,9 +29008,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-live.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-light-mode",
+      "tag": "swirl-icon-live",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27738,9 +29149,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-like",
+      "tag": "swirl-icon-load",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27879,9 +29290,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-location-on.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-link",
+      "tag": "swirl-icon-location-on",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28020,9 +29431,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-live.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-live",
+      "tag": "swirl-icon-lock",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28161,9 +29572,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-load",
+      "tag": "swirl-icon-lock-open",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28302,9 +29713,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-location-on.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-location-on",
+      "tag": "swirl-icon-lock-person",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28443,9 +29854,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock",
+      "tag": "swirl-icon-login",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28584,9 +29995,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-open",
+      "tag": "swirl-icon-logout",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28725,9 +30136,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-person",
+      "tag": "swirl-icon-long-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28866,9 +30277,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-login",
+      "tag": "swirl-icon-mail",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29007,9 +30418,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-logout",
+      "tag": "swirl-icon-manage-accounts",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29148,9 +30559,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-long-text",
+      "tag": "swirl-icon-mark-chat-read",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29289,9 +30700,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mail",
+      "tag": "swirl-icon-mark-chat-unread",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29430,9 +30841,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-manage-accounts",
+      "tag": "swirl-icon-mention",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29571,9 +30982,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-read",
+      "tag": "swirl-icon-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29712,9 +31123,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-unread",
+      "tag": "swirl-icon-menu-book",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29848,14 +31259,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-menu-book"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mention",
+      "tag": "swirl-icon-menu-book-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29994,9 +31411,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu",
+      "tag": "swirl-icon-menu-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30135,9 +31552,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-message.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu-book",
+      "tag": "swirl-icon-message",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30271,20 +31688,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-menu-book"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu-book-filled",
+      "tag": "swirl-icon-mic",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30423,9 +31834,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu-filled",
+      "tag": "swirl-icon-mic-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30564,9 +31975,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-message.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-message",
+      "tag": "swirl-icon-more-horizontal",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30705,9 +32116,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-vertikal.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mic",
+      "tag": "swirl-icon-more-vertikal",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30841,14 +32252,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-lightbox"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-lightbox": [
+          "swirl-icon-more-vertikal"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mic-off",
+      "tag": "swirl-icon-news",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30987,9 +32404,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-more-horizontal",
+      "tag": "swirl-icon-news-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31128,9 +32545,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-vertikal.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-more-vertikal",
+      "tag": "swirl-icon-news-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31264,20 +32681,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-lightbox"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-lightbox": [
-          "swirl-icon-more-vertikal"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-news.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-next-plan.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news",
+      "tag": "swirl-icon-next-plan",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31416,9 +32827,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news-filled",
+      "tag": "swirl-icon-notifications",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31557,9 +32968,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-active.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news-off",
+      "tag": "swirl-icon-notifications-active",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31698,9 +33109,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications",
+      "tag": "swirl-icon-notifications-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31839,9 +33250,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-active.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-full.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications-active",
+      "tag": "swirl-icon-open-in-full",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31980,9 +33391,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-new.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications-off",
+      "tag": "swirl-icon-open-in-new",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32116,14 +33527,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-tree-navigation-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-tree-navigation-item": [
+          "swirl-icon-open-in-new"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-full.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-open-in-full",
+      "tag": "swirl-icon-pause",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32257,14 +33674,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-pause"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-new.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-open-in-new",
+      "tag": "swirl-icon-pause-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32398,20 +33821,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-tree-navigation-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-tree-navigation-item": [
-          "swirl-icon-open-in-new"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-people-alt.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pause",
+      "tag": "swirl-icon-people-alt",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32545,20 +33962,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-pause"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-person.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pause-circle",
+      "tag": "swirl-icon-person",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32692,14 +34103,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-avatar"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-avatar": [
+          "swirl-icon-person"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-people-alt.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-person-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-people-alt",
+      "tag": "swirl-icon-person-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32838,9 +34255,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-person.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-phone.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-person",
+      "tag": "swirl-icon-phone",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -32974,20 +34391,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-avatar"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-avatar": [
-          "swirl-icon-person"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-person-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-photo-camera.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-person-off",
+      "tag": "swirl-icon-photo-camera",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33126,9 +34537,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-phone.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-picture-in-picture.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-phone",
+      "tag": "swirl-icon-picture-in-picture",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33267,9 +34678,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-photo-camera.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-photo-camera",
+      "tag": "swirl-icon-pin",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33408,9 +34819,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-picture-in-picture.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-picture-in-picture",
+      "tag": "swirl-icon-pin-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33549,9 +34960,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-place.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pin",
+      "tag": "swirl-icon-place",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33690,9 +35101,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-play-arrow.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pin-off",
+      "tag": "swirl-icon-play-arrow",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33826,14 +35237,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-play-arrow"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-place.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-place",
+      "tag": "swirl-icon-poll",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -33972,9 +35389,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-play-arrow.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-post-approval.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-play-arrow",
+      "tag": "swirl-icon-post-approval",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34108,20 +35525,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-play-arrow"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-present.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-poll",
+      "tag": "swirl-icon-present",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34260,9 +35671,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-post-approval.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-print.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-post-approval",
+      "tag": "swirl-icon-print",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34401,9 +35812,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-present.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-public.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-present",
+      "tag": "swirl-icon-public",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34542,9 +35953,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-print.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-public-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-print",
+      "tag": "swirl-icon-public-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34683,9 +36094,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-public.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-published-with-changes.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-public",
+      "tag": "swirl-icon-published-with-changes",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34824,9 +36235,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-public-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-four-to-three.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-public-off",
+      "tag": "swirl-icon-ratio-four-to-three",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -34965,9 +36376,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-four-to-three.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-freeform.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-four-to-three",
+      "tag": "swirl-icon-ratio-freeform",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35106,9 +36517,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-freeform.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-sixteen-to-nine.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-freeform",
+      "tag": "swirl-icon-ratio-sixteen-to-nine",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35247,9 +36658,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-sixteen-to-nine.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-square.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-sixteen-to-nine",
+      "tag": "swirl-icon-ratio-square",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35388,9 +36799,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-square.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-four.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-square",
+      "tag": "swirl-icon-ratio-three-to-four",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35529,9 +36940,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-four.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-two.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-three-to-four",
+      "tag": "swirl-icon-ratio-three-to-two",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35670,9 +37081,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-two.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-recieved.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-ratio-three-to-two",
+      "tag": "swirl-icon-recieved",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35811,9 +37222,156 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-recieved.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-recieved",
+      "tag": "swirl-icon-remove",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-remove"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-circle.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-remove-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -35952,9 +37510,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-moderator.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-remove",
+      "tag": "swirl-icon-remove-moderator",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36088,20 +37646,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-remove"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-reply.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-remove-circle",
+      "tag": "swirl-icon-reply",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36240,9 +37792,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-moderator.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-report.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-remove-moderator",
+      "tag": "swirl-icon-report",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36381,9 +37933,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-reply.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-roadmap.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-reply",
+      "tag": "swirl-icon-roadmap",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36522,9 +38074,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-report.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-rotate-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-report",
+      "tag": "swirl-icon-rotate-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36663,9 +38215,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-roadmap.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-rotate-right.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-roadmap",
+      "tag": "swirl-icon-rotate-right",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36804,9 +38356,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-rotate-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-screenshare.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-rotate-left",
+      "tag": "swirl-icon-screenshare",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -36945,9 +38497,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-rotate-right.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-screenshare-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-rotate-right",
+      "tag": "swirl-icon-screenshare-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37086,9 +38638,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-screenshare.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-search.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-screenshare",
+      "tag": "swirl-icon-search",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37222,14 +38774,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-search",
+        "swirl-select"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-search": [
+          "swirl-icon-search"
+        ],
+        "swirl-select": [
+          "swirl-icon-search"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-screenshare-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-search-strong.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-screenshare-off",
+      "tag": "swirl-icon-search-strong",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37368,160 +38930,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-search.tsx",
-      "encapsulation": "shadow",
-      "tag": "swirl-icon-search",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-          "complexType": {
-            "original": "SwirlIconColor",
-            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-            "references": {
-              "SwirlIconColor": {
-                "location": "import",
-                "path": "../swirl-icon",
-                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "critical",
-              "type": "string"
-            },
-            {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "disabled",
-              "type": "string"
-            },
-            {
-              "value": "highlight",
-              "type": "string"
-            },
-            {
-              "value": "info",
-              "type": "string"
-            },
-            {
-              "value": "on-action-primary",
-              "type": "string"
-            },
-            {
-              "value": "on-image",
-              "type": "string"
-            },
-            {
-              "value": "on-status",
-              "type": "string"
-            },
-            {
-              "value": "on-surface-highlight",
-              "type": "string"
-            },
-            {
-              "value": "on-surface-highlight-subdued",
-              "type": "string"
-            },
-            {
-              "value": "strong",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "size",
-          "type": "16 | 20 | 24 | 28",
-          "complexType": {
-            "original": "SwirlIconSize",
-            "resolved": "16 | 20 | 24 | 28",
-            "references": {
-              "SwirlIconSize": {
-                "location": "import",
-                "path": "../swirl-icon.types",
-                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "24",
-          "values": [
-            {
-              "value": "16",
-              "type": "number"
-            },
-            {
-              "value": "20",
-              "type": "number"
-            },
-            {
-              "value": "24",
-              "type": "number"
-            },
-            {
-              "value": "28",
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "icon",
-          "docs": ""
-        }
-      ],
-      "dependents": [
-        "swirl-search",
-        "swirl-select"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "swirl-search": [
-          "swirl-icon-search"
-        ],
-        "swirl-select": [
-          "swirl-icon-search"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-search-strong.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-secure.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-search-strong",
+      "tag": "swirl-icon-secure",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37660,9 +39071,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-secure.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-send.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-secure",
+      "tag": "swirl-icon-send",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37801,9 +39212,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-send.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-settings.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-send",
+      "tag": "swirl-icon-settings",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -37942,9 +39353,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-settings.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-short-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-settings",
+      "tag": "swirl-icon-short-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38083,9 +39494,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-short-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-simplify.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-short-text",
+      "tag": "swirl-icon-simplify",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38224,9 +39635,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-simplify.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-spellcheck.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-simplify",
+      "tag": "swirl-icon-spellcheck",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38365,9 +39776,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-spellcheck.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-stars.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-spellcheck",
+      "tag": "swirl-icon-stars",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38506,9 +39917,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-stars.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-sticky-note.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-stars",
+      "tag": "swirl-icon-sticky-note",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38647,9 +40058,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-sticky-note.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-stop.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-sticky-note",
+      "tag": "swirl-icon-stop",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38788,9 +40199,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-stop.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-stop-circle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-stop",
+      "tag": "swirl-icon-stop-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -38929,9 +40340,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-stop-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-sunny.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-stop-circle",
+      "tag": "swirl-icon-sunny",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -60279,6 +61690,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "characterCounterLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "character-counter-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Used characters\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "clearButtonLabel",
           "type": "string",
@@ -61075,7 +62508,8 @@
         "swirl-icon-visibility-off",
         "swirl-icon-visibility",
         "swirl-icon-expand-less",
-        "swirl-icon-expand-more"
+        "swirl-icon-expand-more",
+        "swirl-visually-hidden"
       ],
       "dependencyGraph": {
         "swirl-text-input": [
@@ -61083,7 +62517,8 @@
           "swirl-icon-visibility-off",
           "swirl-icon-visibility",
           "swirl-icon-expand-less",
-          "swirl-icon-expand-more"
+          "swirl-icon-expand-more",
+          "swirl-visually-hidden"
         ],
         "swirl-autocomplete": [
           "swirl-text-input"
@@ -64149,6 +65584,7 @@
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
+        "swirl-text-input",
         "swirl-tree-view",
         "swirl-video-thumbnail"
       ],
@@ -64196,6 +65632,9 @@
         "swirl-table": [
           "swirl-visually-hidden"
         ],
+        "swirl-text-input": [
+          "swirl-visually-hidden"
+        ],
         "swirl-tree-view": [
           "swirl-visually-hidden"
         ],