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

@getflip/swirl-components 0.209.0 → 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 (1454) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-06-19T13:53:46",
+  "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,165 @@
           "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": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-option-list-item",
+        "swirl-resource-list-item"
+      ],
+      "dependencies": [],
+      "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-edit.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-edit",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20435,20 +20721,1166 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-file-copy"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-filter",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-folder",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-folder-shared",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "file-manager"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "file-manager": [
+          "swirl-icon-folder-shared"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-format-h-one.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-format-h-one",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-fullscreen",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-fullscreen-exit",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-fullscreen-exit"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-gif",
+      "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-group-add.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-group-add",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-file-copy"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-filter.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-filter",
+      "tag": "swirl-icon-group-assign",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20587,9 +22019,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder",
+      "tag": "swirl-icon-groups",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20728,9 +22160,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-folder-shared.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-folder-shared",
+      "tag": "swirl-icon-groups-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -20864,20 +22296,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-hamburger-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-format-h-one",
+      "tag": "swirl-icon-hamburger-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21016,9 +22442,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen",
+      "tag": "swirl-icon-help",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21153,19 +22579,19 @@
         }
       ],
       "dependents": [
-        "swirl-pdf-reader"
+        "swirl-form-control"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen"
+        "swirl-form-control": [
+          "swirl-icon-help"
         ]
       }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-fullscreen-exit.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-highlight.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-fullscreen-exit",
+      "tag": "swirl-icon-highlight",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21299,20 +22725,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-fullscreen-exit"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-gif.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-gif",
+      "tag": "swirl-icon-home",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21451,9 +22871,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-add",
+      "tag": "swirl-icon-image",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21592,9 +23012,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-group-assign.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-group-assign",
+      "tag": "swirl-icon-improve-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21733,9 +23153,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-groups.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups",
+      "tag": "swirl-icon-info",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -21869,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-groups-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-below.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-groups-filled",
+      "tag": "swirl-icon-insert-below",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22015,9 +23449,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-hamburger-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-hamburger-menu",
+      "tag": "swirl-icon-insert-on-top",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22156,9 +23590,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-help.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-help",
+      "tag": "swirl-icon-inventory",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22292,20 +23726,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-keyboard.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-highlight",
+      "tag": "swirl-icon-keyboard",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22444,9 +23872,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-home.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-home",
+      "tag": "swirl-icon-keyboard-hide",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22585,9 +24013,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-image.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-image",
+      "tag": "swirl-icon-light-mode",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22726,9 +24154,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-improve-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-improve-text",
+      "tag": "swirl-icon-like",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -22867,9 +24295,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-info.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-info",
+      "tag": "swirl-icon-link",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23003,28 +24431,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-description-list-item",
-        "swirl-inline-notification",
-        "swirl-table-row-group"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-description-list-item": [
-          "swirl-icon-info"
-        ],
-        "swirl-inline-notification": [
-          "swirl-icon-info"
-        ],
-        "swirl-table-row-group": [
-          "swirl-icon-info"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-below.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-below",
+      "tag": "swirl-icon-load",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23163,9 +24577,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-insert-on-top.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-insert-on-top",
+      "tag": "swirl-icon-lock",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23304,9 +24718,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-inventory.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-inventory",
+      "tag": "swirl-icon-lock-open",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23445,9 +24859,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard",
+      "tag": "swirl-icon-lock-person",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23586,9 +25000,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-keyboard-hide.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-keyboard-hide",
+      "tag": "swirl-icon-login",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23727,9 +25141,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-light-mode.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-light-mode",
+      "tag": "swirl-icon-logout",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -23868,9 +25282,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-like.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-like",
+      "tag": "swirl-icon-long-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24009,9 +25423,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-link.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-link",
+      "tag": "swirl-icon-mail",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24150,9 +25564,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-load.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-load",
+      "tag": "swirl-icon-manage-accounts",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24291,9 +25705,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock",
+      "tag": "swirl-icon-mark-chat-read",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24432,9 +25846,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-open.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-open",
+      "tag": "swirl-icon-mark-chat-unread",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24573,9 +25987,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-lock-person.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-lock-person",
+      "tag": "swirl-icon-mention",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24714,9 +26128,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-login.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-login",
+      "tag": "swirl-icon-menu",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24855,9 +26269,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-logout.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-logout",
+      "tag": "swirl-icon-menu-book",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -24991,14 +26405,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-pdf-reader"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-pdf-reader": [
+          "swirl-icon-menu-book"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-long-text.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-long-text",
+      "tag": "swirl-icon-menu-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25137,9 +26557,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mail.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-message.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mail",
+      "tag": "swirl-icon-message",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25278,9 +26698,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-manage-accounts.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-manage-accounts",
+      "tag": "swirl-icon-mic",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25419,9 +26839,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-read.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-read",
+      "tag": "swirl-icon-more-horizontal",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25560,9 +26980,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mark-chat-unread.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-vertikal.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mark-chat-unread",
+      "tag": "swirl-icon-more-vertikal",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25696,14 +27116,20 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-lightbox"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-lightbox": [
+          "swirl-icon-more-vertikal"
+        ]
+      }
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mention",
+      "tag": "swirl-icon-news",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25842,9 +27268,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-filled.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu",
+      "tag": "swirl-icon-news-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -25983,9 +27409,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-book.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-news-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu-book",
+      "tag": "swirl-icon-news-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26119,20 +27545,14 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-pdf-reader"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-pdf-reader": [
-          "swirl-icon-menu-book"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-menu-filled.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-menu-filled",
+      "tag": "swirl-icon-notifications",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26271,9 +27691,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-message.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-active.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-message",
+      "tag": "swirl-icon-notifications-active",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26412,9 +27832,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-mic.tsx",
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-notifications-off.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-icon-mic",
+      "tag": "swirl-icon-notifications-off",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -26553,9 +27973,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/swirl-icon/icons/swirl-icon-more-horizontal.tsx",
+      "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"
         ]
       }
     },
@@ -50236,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\"",
@@ -50359,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",
@@ -50382,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",
@@ -50401,6 +51884,10 @@
           "docsTags": [],
           "default": "\"m\"",
           "values": [
+            {
+              "value": "2xl",
+              "type": "string"
+            },
             {
               "value": "l",
               "type": "string"
@@ -50466,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",
@@ -50495,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"
         ]
@@ -52258,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"
     },