@getflip/swirl-components 0.335.0 → 0.337.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-03T09:22:01",
+  "timestamp": "2025-06-05T13:27:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -17712,9 +17712,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-calendar-today.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-calendar-respond.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-calendar-today",
+      "tag": "swirl-icon-calendar-respond",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17853,9 +17853,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-call.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-calendar-today.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-call",
+      "tag": "swirl-icon-calendar-today",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17994,9 +17994,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-call-end.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-call.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-call-end",
+      "tag": "swirl-icon-call",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18135,9 +18135,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-cancel.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-call-end.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-cancel",
+      "tag": "swirl-icon-call-end",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18271,24 +18271,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-search",
-        "swirl-text-input"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-search": [
-          "swirl-icon-cancel"
-        ],
-        "swirl-text-input": [
-          "swirl-icon-cancel"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chat-bubble.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-cancel.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chat-bubble",
+      "tag": "swirl-icon-cancel",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18422,14 +18412,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-search",
+        "swirl-text-input"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-search": [
+          "swirl-icon-cancel"
+        ],
+        "swirl-text-input": [
+          "swirl-icon-cancel"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-cancel-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chats",
+      "tag": "swirl-icon-cancel-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18568,9 +18568,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chat-bubble.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chats-filled",
+      "tag": "swirl-icon-chat-bubble",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18709,9 +18709,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check",
+      "tag": "swirl-icon-chats",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18850,9 +18850,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chats-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-circle",
+      "tag": "swirl-icon-chats-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18986,20 +18986,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-inline-notification"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-inline-notification": [
-          "swirl-icon-check-circle"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-small.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-small",
+      "tag": "swirl-icon-check",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19133,20 +19127,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-check-circle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-check-strong",
+      "tag": "swirl-icon-check-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19281,27 +19269,19 @@
         }
       ],
       "dependents": [
-        "swirl-checkbox",
-        "swirl-option-list-item",
-        "swirl-resource-list-item"
+        "swirl-inline-notification"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-checkbox": [
-          "swirl-icon-check-strong"
-        ],
-        "swirl-option-list-item": [
-          "swirl-icon-check-strong"
-        ],
-        "swirl-resource-list-item": [
-          "swirl-icon-check-strong"
+        "swirl-inline-notification": [
+          "swirl-icon-check-circle"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-circle-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chevron-left",
+      "tag": "swirl-icon-check-circle-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19440,9 +19420,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-right.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-small.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-chevron-right",
+      "tag": "swirl-icon-check-small",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19577,23 +19557,19 @@
         }
       ],
       "dependents": [
-        "swirl-tree-navigation-item",
-        "swirl-tree-view-item"
+        "swirl-option-list-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-tree-navigation-item": [
-          "swirl-icon-chevron-right"
-        ],
-        "swirl-tree-view-item": [
-          "swirl-icon-chevron-right"
+        "swirl-option-list-item": [
+          "swirl-icon-check-small"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-close.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-check-strong.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-close",
+      "tag": "swirl-icon-check-strong",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19728,35 +19704,27 @@
         }
       ],
       "dependents": [
-        "swirl-banner",
-        "swirl-chip",
-        "swirl-lightbox",
-        "swirl-tag",
-        "swirl-toast"
+        "swirl-checkbox",
+        "swirl-option-list-item",
+        "swirl-resource-list-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-banner": [
-          "swirl-icon-close"
-        ],
-        "swirl-chip": [
-          "swirl-icon-close"
-        ],
-        "swirl-lightbox": [
-          "swirl-icon-close"
+        "swirl-checkbox": [
+          "swirl-icon-check-strong"
         ],
-        "swirl-tag": [
-          "swirl-icon-close"
+        "swirl-option-list-item": [
+          "swirl-icon-check-strong"
         ],
-        "swirl-toast": [
-          "swirl-icon-close"
+        "swirl-resource-list-item": [
+          "swirl-icon-check-strong"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-close-small.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-close-small",
+      "tag": "swirl-icon-chevron-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19895,9 +19863,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-cloud-upload.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-chevron-right.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-cloud-upload",
+      "tag": "swirl-icon-chevron-right",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20032,19 +20000,23 @@
         }
       ],
       "dependents": [
-        "swirl-file-uploader"
+        "swirl-tree-navigation-item",
+        "swirl-tree-view-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-file-uploader": [
-          "swirl-icon-cloud-upload"
+        "swirl-tree-navigation-item": [
+          "swirl-icon-chevron-right"
+        ],
+        "swirl-tree-view-item": [
+          "swirl-icon-chevron-right"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-column.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-close.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-column",
+      "tag": "swirl-icon-close",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20178,14 +20150,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-comment.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-close-fullscreen.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-comment",
+      "tag": "swirl-icon-close-fullscreen",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20324,9 +20318,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-contrast.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-close-small.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-contrast",
+      "tag": "swirl-icon-close-small",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20465,9 +20459,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-copy.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-cloud-upload.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-copy",
+      "tag": "swirl-icon-cloud-upload",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20601,14 +20595,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-file-uploader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-file-uploader": [
+          "swirl-icon-cloud-upload"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-crop.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-column.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-crop",
+      "tag": "swirl-icon-column",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20747,9 +20747,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": {},
@@ -20888,9 +20888,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": {},
@@ -21029,9 +21029,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": {},
@@ -21170,9 +21170,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": {},
@@ -21311,9 +21311,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": {},
@@ -21452,9 +21452,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": {},
@@ -21593,9 +21593,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": {},
@@ -21734,9 +21734,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": {},
@@ -21875,9 +21875,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": {},
@@ -22016,9 +22016,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": {},
@@ -22157,303 +22157,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-collapse.tsx",
-      "encapsulation": "shadow",
-      "tag": "swirl-icon-dock-left-collapse",
-      "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-collapse"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-expand.tsx",
-      "encapsulation": "shadow",
-      "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",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-door-open",
+      "tag": "swirl-icon-directory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22592,9 +22298,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dot.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dot",
+      "tag": "swirl-icon-directory-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22733,9 +22439,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-discover.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-left",
+      "tag": "swirl-icon-discover",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22869,20 +22575,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-shell-layout"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-shell-layout": [
-          "swirl-icon-double-arrow-left"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-right.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-right",
+      "tag": "swirl-icon-dock-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23021,9 +22721,873 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-download.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-collapse.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-download",
+      "tag": "swirl-icon-dock-left-collapse",
+      "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-collapse"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left-expand.tsx",
+      "encapsulation": "shadow",
+      "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": {},
+      "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-dot.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-dot",
+      "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-double-arrow-left.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-double-arrow-left",
+      "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-double-arrow-left"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-right.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-double-arrow-right",
+      "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-download.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-download",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23735,14 +24299,310 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "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": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-error.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-error",
+      "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-image-grid-item",
+        "swirl-inline-error",
+        "swirl-inline-notification"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-error"
+        ],
+        "swirl-inline-error": [
+          "swirl-icon-error"
+        ],
+        "swirl-inline-notification": [
+          "swirl-icon-error"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-satisfied.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-less.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-emoji-satisfied",
+      "tag": "swirl-icon-expand-less",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23876,14 +24736,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-select",
+        "swirl-text-input"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-select": [
+          "swirl-icon-expand-less"
+        ],
+        "swirl-text-input": [
+          "swirl-icon-expand-less"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-error.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-more.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-error",
+      "tag": "swirl-icon-expand-more",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24018,27 +24888,176 @@
         }
       ],
       "dependents": [
-        "swirl-image-grid-item",
-        "swirl-inline-error",
-        "swirl-inline-notification"
+        "swirl-pagination",
+        "swirl-pdf-reader",
+        "swirl-select",
+        "swirl-text-input",
+        "swirl-tree-view-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-error"
+        "swirl-pagination": [
+          "swirl-icon-expand-more"
         ],
-        "swirl-inline-error": [
-          "swirl-icon-error"
+        "swirl-pdf-reader": [
+          "swirl-icon-expand-more"
         ],
-        "swirl-inline-notification": [
-          "swirl-icon-error"
+        "swirl-select": [
+          "swirl-icon-expand-more"
+        ],
+        "swirl-text-input": [
+          "swirl-icon-expand-more"
+        ],
+        "swirl-tree-view-item": [
+          "swirl-icon-expand-more"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-less.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-experiment.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-expand-less",
+      "tag": "swirl-icon-experiment",
+      "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-file.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-file",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24173,23 +25192,27 @@
         }
       ],
       "dependents": [
-        "swirl-select",
-        "swirl-text-input"
+        "file-manager",
+        "swirl-file-chip",
+        "swirl-file-viewer-fallback"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-select": [
-          "swirl-icon-expand-less"
+        "file-manager": [
+          "swirl-icon-file"
         ],
-        "swirl-text-input": [
-          "swirl-icon-expand-less"
+        "swirl-file-chip": [
+          "swirl-icon-file"
+        ],
+        "swirl-file-viewer-fallback": [
+          "swirl-icon-file"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-more.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-file-copy.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-expand-more",
+      "tag": "swirl-icon-file-copy",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24324,35 +25347,19 @@
         }
       ],
       "dependents": [
-        "swirl-pagination",
-        "swirl-pdf-reader",
-        "swirl-select",
-        "swirl-text-input",
-        "swirl-tree-view-item"
+        "swirl-pdf-reader"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pagination": [
-          "swirl-icon-expand-more"
-        ],
         "swirl-pdf-reader": [
-          "swirl-icon-expand-more"
-        ],
-        "swirl-select": [
-          "swirl-icon-expand-more"
-        ],
-        "swirl-text-input": [
-          "swirl-icon-expand-more"
-        ],
-        "swirl-tree-view-item": [
-          "swirl-icon-expand-more"
+          "swirl-icon-file-copy"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-experiment.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-experiment",
+      "tag": "swirl-icon-filter",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24491,9 +25498,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-file.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-file",
+      "tag": "swirl-icon-folder",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24628,27 +25635,19 @@
         }
       ],
       "dependents": [
-        "file-manager",
-        "swirl-file-chip",
-        "swirl-file-viewer-fallback"
+        "swirl-file-chip"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "file-manager": [
-          "swirl-icon-file"
-        ],
         "swirl-file-chip": [
-          "swirl-icon-file"
-        ],
-        "swirl-file-viewer-fallback": [
-          "swirl-icon-file"
+          "swirl-icon-folder"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-file-copy.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-file-copy",
+      "tag": "swirl-icon-folder-shared",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24783,19 +25782,19 @@
         }
       ],
       "dependents": [
-        "swirl-pdf-reader"
+        "file-manager"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-file-copy"
+        "file-manager": [
+          "swirl-icon-folder-shared"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-filter",
+      "tag": "swirl-icon-format-h-one",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24934,9 +25933,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-list-bulleted.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder",
+      "tag": "swirl-icon-format-list-bulleted",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25070,20 +26069,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-file-chip"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-file-chip": [
-          "swirl-icon-folder"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder-shared",
+      "tag": "swirl-icon-fullscreen",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25218,19 +26211,19 @@
         }
       ],
       "dependents": [
-        "file-manager"
+        "swirl-pdf-reader"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "file-manager": [
-          "swirl-icon-folder-shared"
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-format-h-one",
+      "tag": "swirl-icon-fullscreen-exit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25364,155 +26357,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-list-bulleted.tsx",
-      "encapsulation": "shadow",
-      "tag": "swirl-icon-format-list-bulleted",
-      "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"
       ],
-      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen-exit"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen",
+      "tag": "swirl-icon-gif",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25647,19 +26505,19 @@
         }
       ],
       "dependents": [
-        "swirl-pdf-reader"
+        "swirl-image-grid-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen"
+        "swirl-image-grid-item": [
+          "swirl-icon-gif"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen-exit",
+      "tag": "swirl-icon-group-add",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25793,20 +26651,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-group-assign.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-gif",
+      "tag": "swirl-icon-group-assign",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25940,20 +26792,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.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-add",
+      "tag": "swirl-icon-groups",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26092,9 +26938,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-assign",
+      "tag": "swirl-icon-groups-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26233,9 +27079,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups",
+      "tag": "swirl-icon-hamburger-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26374,9 +27220,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-health-and-safety.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups-filled",
+      "tag": "swirl-icon-health-and-safety",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26515,9 +27361,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-hamburger-menu",
+      "tag": "swirl-icon-help",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26651,14 +27497,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-form-control",
+        "swirl-radio"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-form-control": [
+          "swirl-icon-help"
+        ],
+        "swirl-radio": [
+          "swirl-icon-help"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-health-and-safety.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-help-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-health-and-safety",
+      "tag": "swirl-icon-help-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26796,157 +27652,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
-      "encapsulation": "shadow",
-      "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",
@@ -47560,6 +48265,50 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "fullscreenDisableButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "fullscreen-disable-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Exit full screen\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "fullscreenEnableButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "fullscreen-enable-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Full screen\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "hasSidebarCloseButton",
           "type": "boolean",
@@ -48239,6 +48988,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "showFullscreenButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-fullscreen-button",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "sidebarCloseButtonLabel",
           "type": "string",
@@ -48416,6 +49186,40 @@
           "parameters": [],
           "docs": "Open the modal.",
           "docsTags": []
+        },
+        {
+          "name": "setFullscreen",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(isFullscreen: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "isFullscreen",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFullscreen(isFullscreen: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "isFullscreen",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
+          "docs": "",
+          "docsTags": []
         }
       ],
       "events": [
@@ -48512,6 +49316,20 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "toggleFullscreen",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [