npm - @getflip/swirl-components - Versions diffs - 0.208.3 → 0.210.0 - Mend

@getflip/swirl-components 0.208.3 → 0.210.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 (1475) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-06-13T11:44:07",
+  "timestamp": "2024-06-26T09:30:21",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -5173,7 +5173,8 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "swirl-modal"
+        "swirl-modal",
+        "swirl-thumbnail"
       ],
       "dependencies": [
         "swirl-stack"
@@ -5184,6 +5185,9 @@
         ],
         "swirl-modal": [
           "swirl-button-group"
+        ],
+        "swirl-thumbnail": [
+          "swirl-button-group"
         ]
       }
     },
@@ -14242,6 +14246,147 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-aspect-ratio.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-aspect-ratio",
+      "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-attachment.tsx",
       "encapsulation": "shadow",
@@ -17268,9 +17413,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dark-mode.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-crop.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dark-mode",
+      "tag": "swirl-icon-crop",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17409,9 +17554,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dark-mode.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-date-range",
+      "tag": "swirl-icon-dark-mode",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17550,9 +17695,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-delete.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-delete",
+      "tag": "swirl-icon-date-range",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17691,9 +17836,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-description.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-delete.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-description",
+      "tag": "swirl-icon-delete",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17832,9 +17977,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-desktop.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-description.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-desktop",
+      "tag": "swirl-icon-description",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17973,9 +18118,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-desktop.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-directory",
+      "tag": "swirl-icon-desktop",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18114,9 +18259,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-directory-filled",
+      "tag": "swirl-icon-directory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18255,9 +18400,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-discover.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-directory-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-discover",
+      "tag": "swirl-icon-directory-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18396,9 +18541,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-dock-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-discover.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-dock-left",
+      "tag": "swirl-icon-discover",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18532,20 +18677,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-shell-layout"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-shell-layout": [
-          "swirl-icon-dock-left"
-        ]
-      }
+      "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": {},
@@ -18679,14 +18818,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-shell-layout"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-shell-layout": [
+          "swirl-icon-dock-left"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-left.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-dot.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-left",
+      "tag": "swirl-icon-dot",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18820,20 +18965,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-double-arrow-left.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-double-arrow-right",
+      "tag": "swirl-icon-double-arrow-left",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -18967,14 +19106,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-shell-layout"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-shell-layout": [
+          "swirl-icon-double-arrow-left"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-download.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-double-arrow-right.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-download",
+      "tag": "swirl-icon-double-arrow-right",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19113,9 +19258,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-drag-handle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-download.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-drag-handle",
+      "tag": "swirl-icon-download",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19249,24 +19394,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-option-list-item",
-        "swirl-resource-list-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-option-list-item": [
-          "swirl-icon-drag-handle"
-        ],
-        "swirl-resource-list-item": [
-          "swirl-icon-drag-handle"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-drag-handle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-edit",
+      "tag": "swirl-icon-drag-handle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19400,14 +19535,24 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-option-list-item",
+        "swirl-resource-list-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-option-list-item": [
+          "swirl-icon-drag-handle"
+        ],
+        "swirl-resource-list-item": [
+          "swirl-icon-drag-handle"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-mood.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-edit.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-emoji-mood",
+      "tag": "swirl-icon-edit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19546,9 +19691,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-satisfied.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-mood.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-emoji-satisfied",
+      "tag": "swirl-icon-emoji-mood",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19687,9 +19832,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-error.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-emoji-satisfied.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-error",
+      "tag": "swirl-icon-emoji-satisfied",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -19823,28 +19968,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item",
-        "swirl-inline-error",
-        "swirl-inline-notification"
-      ],
+      "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": {},
@@ -19979,23 +20110,27 @@
         }
       ],
       "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": {},
@@ -20130,31 +20265,23 @@
         }
       ],
       "dependents": [
-        "swirl-pagination",
-        "swirl-pdf-reader",
         "swirl-select",
         "swirl-text-input"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pagination": [
-          "swirl-icon-expand-more"
-        ],
-        "swirl-pdf-reader": [
-          "swirl-icon-expand-more"
-        ],
         "swirl-select": [
-          "swirl-icon-expand-more"
+          "swirl-icon-expand-less"
         ],
         "swirl-text-input": [
-          "swirl-icon-expand-more"
+          "swirl-icon-expand-less"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-file.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-expand-more.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-file",
+      "tag": "swirl-icon-expand-more",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20289,19 +20416,31 @@
         }
       ],
       "dependents": [
-        "file-manager"
+        "swirl-pagination",
+        "swirl-pdf-reader",
+        "swirl-select",
+        "swirl-text-input"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "file-manager": [
-          "swirl-icon-file"
+        "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"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-file-copy.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-file.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-file-copy",
+      "tag": "swirl-icon-file",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20436,160 +20575,19 @@
         }
       ],
       "dependents": [
-        "swirl-pdf-reader"
+        "file-manager"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-file-copy"
+        "file-manager": [
+          "swirl-icon-file"
         ]
       }
     },
     {
-      "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",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-file-copy.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder",
+      "tag": "swirl-icon-file-copy",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20723,14 +20721,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-file-copy"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder-shared",
+      "tag": "swirl-icon-filter",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20864,20 +20868,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "file-manager"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "file-manager": [
-          "swirl-icon-folder-shared"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-format-h-one",
+      "tag": "swirl-icon-folder",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21016,9 +21014,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen",
+      "tag": "swirl-icon-folder-shared",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21153,19 +21151,160 @@
         }
       ],
       "dependents": [
-        "swirl-pdf-reader"
+        "file-manager"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen"
+        "file-manager": [
+          "swirl-icon-folder-shared"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen-exit",
+      "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": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-fullscreen",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21305,14 +21444,14 @@
       "dependencies": [],
       "dependencyGraph": {
         "swirl-pdf-reader": [
-          "swirl-icon-fullscreen-exit"
+          "swirl-icon-fullscreen"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-gif",
+      "tag": "swirl-icon-fullscreen-exit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21446,14 +21585,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen-exit"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-add",
+      "tag": "swirl-icon-gif",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21592,9 +21737,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-assign",
+      "tag": "swirl-icon-group-add",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21733,9 +21878,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups",
+      "tag": "swirl-icon-group-assign",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21874,9 +22019,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups-filled",
+      "tag": "swirl-icon-groups",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22015,9 +22160,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-hamburger-menu",
+      "tag": "swirl-icon-groups-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22156,9 +22301,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-help",
+      "tag": "swirl-icon-hamburger-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22292,20 +22437,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-form-control"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-form-control": [
-          "swirl-icon-help"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-highlight.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-highlight",
+      "tag": "swirl-icon-help",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22439,14 +22578,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-form-control"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-form-control": [
+          "swirl-icon-help"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-highlight.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-home",
+      "tag": "swirl-icon-highlight",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22585,9 +22730,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-image",
+      "tag": "swirl-icon-home",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22726,9 +22871,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-improve-text",
+      "tag": "swirl-icon-image",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22867,164 +23012,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
-      "encapsulation": "shadow",
-      "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",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-below",
+      "tag": "swirl-icon-improve-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23163,9 +23153,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-on-top",
+      "tag": "swirl-icon-info",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23299,14 +23289,28 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-description-list-item",
+        "swirl-inline-notification",
+        "swirl-table-row-group"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "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-inventory.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-below.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-inventory",
+      "tag": "swirl-icon-insert-below",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23445,9 +23449,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard",
+      "tag": "swirl-icon-insert-on-top",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23586,9 +23590,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard-hide",
+      "tag": "swirl-icon-inventory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23727,9 +23731,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-light-mode",
+      "tag": "swirl-icon-keyboard",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23868,9 +23872,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-like",
+      "tag": "swirl-icon-keyboard-hide",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24009,9 +24013,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-link",
+      "tag": "swirl-icon-light-mode",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24150,9 +24154,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-load",
+      "tag": "swirl-icon-like",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24291,9 +24295,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock",
+      "tag": "swirl-icon-link",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24432,9 +24436,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-open",
+      "tag": "swirl-icon-load",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24573,9 +24577,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-person",
+      "tag": "swirl-icon-lock",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24714,9 +24718,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-login",
+      "tag": "swirl-icon-lock-open",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24855,9 +24859,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-logout",
+      "tag": "swirl-icon-lock-person",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24996,9 +25000,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-long-text",
+      "tag": "swirl-icon-login",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25137,9 +25141,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mail",
+      "tag": "swirl-icon-logout",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25278,9 +25282,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-manage-accounts",
+      "tag": "swirl-icon-long-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25419,9 +25423,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-read",
+      "tag": "swirl-icon-mail",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25560,9 +25564,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-unread",
+      "tag": "swirl-icon-manage-accounts",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25701,9 +25705,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mention",
+      "tag": "swirl-icon-mark-chat-read",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25842,9 +25846,291 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu",
+      "tag": "swirl-icon-mark-chat-unread",
+      "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-mention.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-mention",
+      "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-menu.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26553,9 +26839,1143 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-more-horizontal",
+      "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-more-vertikal.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-more-vertikal",
+      "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-lightbox"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-lightbox": [
+          "swirl-icon-more-vertikal"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-news",
+      "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-news-filled.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-news-filled",
+      "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-news-off.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-news-off",
+      "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-notifications.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-notifications",
+      "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-notifications-active.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-notifications-active",
+      "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-notifications-off.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-notifications-off",
+      "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-open-in-full.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-more-horizontal",
+      "tag": "swirl-icon-open-in-full",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26694,9 +28114,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-vertikal.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-new.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-more-vertikal",
+      "tag": "swirl-icon-open-in-new",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26830,20 +28250,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-pause.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news",
+      "tag": "swirl-icon-pause",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26982,9 +28396,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news-filled",
+      "tag": "swirl-icon-pause-circle",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27123,9 +28537,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-people-alt.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-news-off",
+      "tag": "swirl-icon-people-alt",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27264,9 +28678,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-person.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications",
+      "tag": "swirl-icon-person",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27400,14 +28814,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-avatar"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-avatar": [
+          "swirl-icon-person"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-active.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-person-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications-active",
+      "tag": "swirl-icon-person-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27546,9 +28966,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-phone.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-notifications-off",
+      "tag": "swirl-icon-phone",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27687,9 +29107,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-full.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-photo-camera.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-open-in-full",
+      "tag": "swirl-icon-photo-camera",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27828,9 +29248,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-open-in-new.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-open-in-new",
+      "tag": "swirl-icon-pin",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27969,9 +29389,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pause",
+      "tag": "swirl-icon-pin-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28110,9 +29530,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-place.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pause-circle",
+      "tag": "swirl-icon-place",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28251,9 +29671,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-people-alt.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-play-arrow.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-people-alt",
+      "tag": "swirl-icon-play-arrow",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28392,9 +29812,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-person.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-person",
+      "tag": "swirl-icon-poll",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28528,20 +29948,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-print.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-person-off",
+      "tag": "swirl-icon-print",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28680,9 +30094,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-phone.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-four-to-three.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-phone",
+      "tag": "swirl-icon-ratio-four-to-three",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28821,9 +30235,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-photo-camera.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-freeform.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-photo-camera",
+      "tag": "swirl-icon-ratio-freeform",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -28962,9 +30376,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-sixteen-to-nine.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pin",
+      "tag": "swirl-icon-ratio-sixteen-to-nine",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29103,9 +30517,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-pin-off.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-square.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-pin-off",
+      "tag": "swirl-icon-ratio-square",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29244,9 +30658,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-place.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-four.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-place",
+      "tag": "swirl-icon-ratio-three-to-four",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29385,9 +30799,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-play-arrow.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-ratio-three-to-two.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-play-arrow",
+      "tag": "swirl-icon-ratio-three-to-two",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29526,9 +30940,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-recieved.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-poll",
+      "tag": "swirl-icon-recieved",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29667,9 +31081,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-print.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-print",
+      "tag": "swirl-icon-remove",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29803,14 +31217,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-remove"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-recieved.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-moderator.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-recieved",
+      "tag": "swirl-icon-remove-moderator",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -29949,9 +31369,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-reply.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-remove",
+      "tag": "swirl-icon-reply",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -30085,20 +31505,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-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": {},
@@ -30237,9 +31651,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": {},
@@ -30378,9 +31792,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": {},
@@ -30519,9 +31933,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": {},
@@ -35900,7 +37314,11 @@
         ],
         "swirl-thumbnail": [
           "swirl-progress-indicator",
+          "swirl-button-group",
           "swirl-button"
+        ],
+        "swirl-button-group": [
+          "swirl-stack"
         ]
       }
     },
@@ -41114,6 +42532,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "swirlAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "swirl-aria-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -50215,6 +51654,50 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "editButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "edit-button-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"<swirl-icon-crop></swirl-icon-crop>\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "editButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "edit-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Edit\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "format",
           "type": "\"landscape\" | \"portrait\" | \"square\"",
@@ -50338,6 +51821,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "showEditButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-edit-button",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "showRemoveButton",
           "type": "boolean",
@@ -50361,10 +51865,10 @@
         },
         {
           "name": "size",
-          "type": "\"l\" | \"m\" | \"s\" | \"xl\"",
+          "type": "\"2xl\" | \"l\" | \"m\" | \"s\" | \"xl\"",
           "complexType": {
             "original": "SwirlThumbnailSize",
-            "resolved": "\"l\" | \"m\" | \"s\" | \"xl\"",
+            "resolved": "\"2xl\" | \"l\" | \"m\" | \"s\" | \"xl\"",
             "references": {
               "SwirlThumbnailSize": {
                 "location": "local",
@@ -50380,6 +51884,10 @@
           "docsTags": [],
           "default": "\"m\"",
           "values": [
+            {
+              "value": "2xl",
+              "type": "string"
+            },
             {
               "value": "l",
               "type": "string"
@@ -50445,6 +51953,25 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "edit",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
+            "references": {
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "remove",
           "detail": "MouseEvent",
@@ -50474,13 +52001,18 @@
       ],
       "dependencies": [
         "swirl-progress-indicator",
+        "swirl-button-group",
         "swirl-button"
       ],
       "dependencyGraph": {
         "swirl-thumbnail": [
           "swirl-progress-indicator",
+          "swirl-button-group",
           "swirl-button"
         ],
+        "swirl-button-group": [
+          "swirl-stack"
+        ],
         "swirl-lightbox": [
           "swirl-thumbnail"
         ]
@@ -52237,7 +53769,7 @@
       "path": "src/components/swirl-thumbnail/swirl-thumbnail.tsx"
     },
     "src/components/swirl-thumbnail/swirl-thumbnail.tsx::SwirlThumbnailSize": {
-      "declaration": "export type SwirlThumbnailSize = \"s\" | \"m\" | \"l\" | \"xl\";",
+      "declaration": "export type SwirlThumbnailSize = \"s\" | \"m\" | \"l\" | \"xl\" | \"2xl\";",
       "docstring": "",
       "path": "src/components/swirl-thumbnail/swirl-thumbnail.tsx"
     },