@getflip/swirl-components 0.427.1 → 0.428.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-19T13:05:03",
+  "timestamp": "2026-01-20T08:10:17",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -5546,10 +5546,10 @@
       "props": [
         {
           "name": "cursor",
-          "type": "\"progress\" | \"text\" | \"default\" | \"none\" | \"auto\" | \"copy\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+          "type": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
           "complexType": {
             "original": "SwirlButtonCursor",
-            "resolved": "\"progress\" | \"text\" | \"default\" | \"none\" | \"auto\" | \"copy\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+            "resolved": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
             "references": {
               "SwirlButtonCursor": {
                 "location": "local",
@@ -5571,27 +5571,27 @@
           "default": "\"pointer\"",
           "values": [
             {
-              "value": "progress",
+              "value": "text",
               "type": "string"
             },
             {
-              "value": "text",
+              "value": "copy",
               "type": "string"
             },
             {
-              "value": "default",
+              "value": "progress",
               "type": "string"
             },
             {
-              "value": "none",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "auto",
+              "value": "none",
               "type": "string"
             },
             {
-              "value": "copy",
+              "value": "auto",
               "type": "string"
             },
             {
@@ -82620,6 +82620,21 @@
     }
   ],
   "typeLibrary": {
+    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingAlign": {
+      "declaration": "export type SwirlHeadingAlign = \"start\" | \"center\" | \"end\";",
+      "docstring": "",
+      "path": "src/components/swirl-heading/swirl-heading.tsx"
+    },
+    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingTag": {
+      "declaration": "export type SwirlHeadingTag =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"p\"\n  | \"span\"\n  | \"div\";",
+      "docstring": "",
+      "path": "src/components/swirl-heading/swirl-heading.tsx"
+    },
+    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingLevel": {
+      "declaration": "export type SwirlHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;",
+      "docstring": "",
+      "path": "src/components/swirl-heading/swirl-heading.tsx"
+    },
     "src/components/swirl-action-list-item/swirl-action-list-item.tsx::SwirlActionListItemIntent": {
       "declaration": "export type SwirlActionListItemIntent = \"default\" | \"critical\";",
       "docstring": "",
@@ -82630,6 +82645,46 @@
       "docstring": "",
       "path": "src/components/swirl-action-list-item/swirl-action-list-item.tsx"
     },
+    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorColor": {
+      "declaration": "export type SwirlSeparatorColor =\n  | \"critical\"\n  | \"default\"\n  | \"strong\"\n  | \"highlight\";",
+      "docstring": "",
+      "path": "src/components/swirl-separator/swirl-separator.tsx"
+    },
+    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorOrientation": {
+      "declaration": "export type SwirlSeparatorOrientation = \"horizontal\" | \"vertical\";",
+      "docstring": "",
+      "path": "src/components/swirl-separator/swirl-separator.tsx"
+    },
+    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSemantics": {
+      "declaration": "export type SwirlSeparatorSemantics = \"separator\" | \"none\";",
+      "docstring": "",
+      "path": "src/components/swirl-separator/swirl-separator.tsx"
+    },
+    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSpacing": {
+      "declaration": "export type SwirlSeparatorSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\";",
+      "docstring": "",
+      "path": "src/components/swirl-separator/swirl-separator.tsx"
+    },
+    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackAlign": {
+      "declaration": "export type SwirlStackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";",
+      "docstring": "",
+      "path": "src/components/swirl-stack/swirl-stack.tsx"
+    },
+    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackJustify": {
+      "declaration": "export type SwirlStackJustify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\"\n  | \"stretch\";",
+      "docstring": "",
+      "path": "src/components/swirl-stack/swirl-stack.tsx"
+    },
+    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackOrientation": {
+      "declaration": "export type SwirlStackOrientation =\n  | \"horizontal\"\n  | \"horizontal-reverse\"\n  | \"vertical\"\n  | \"vertical-reverse\";",
+      "docstring": "",
+      "path": "src/components/swirl-stack/swirl-stack.tsx"
+    },
+    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing": {
+      "declaration": "export type SwirlStackSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\"\n  | \"40\"\n  | \"48\"\n  | \"64\";",
+      "docstring": "",
+      "path": "src/components/swirl-stack/swirl-stack.tsx"
+    },
     "src/components/swirl-app-bar/swirl-app-bar.tsx::SwirlAppBarPadding": {
       "declaration": "export type SwirlAppBarPadding =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"20\"\n  | \"24\"\n  | \"32\";",
       "docstring": "",
@@ -82670,16 +82725,6 @@
       "docstring": "",
       "path": "src/components/swirl-autocomplete/swirl-autocomplete.tsx"
     },
-    "src/components/swirl-avatar-group/swirl-avatar-group.tsx::SwirlAvatarGroupLayout": {
-      "declaration": "export type SwirlAvatarGroupLayout = \"diagonal\" | \"horizontal\";",
-      "docstring": "",
-      "path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
-    },
-    "src/components/swirl-avatar-group/swirl-avatar-group.tsx::SwirlAvatarGroupSemantics": {
-      "declaration": "export type SwirlAvatarGroupSemantics = \"list\" | \"group\";",
-      "docstring": "",
-      "path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
-    },
     "src/components/swirl-avatar/swirl-avatar.tsx::SwirlAvatarBadgePosition": {
       "declaration": "export type SwirlAvatarBadgePosition = \"bottom\" | \"top\";",
       "docstring": "",
@@ -82710,6 +82755,16 @@
       "docstring": "",
       "path": "src/components/swirl-avatar/swirl-avatar.tsx"
     },
+    "src/components/swirl-avatar-group/swirl-avatar-group.tsx::SwirlAvatarGroupLayout": {
+      "declaration": "export type SwirlAvatarGroupLayout = \"diagonal\" | \"horizontal\";",
+      "docstring": "",
+      "path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
+    },
+    "src/components/swirl-avatar-group/swirl-avatar-group.tsx::SwirlAvatarGroupSemantics": {
+      "declaration": "export type SwirlAvatarGroupSemantics = \"list\" | \"group\";",
+      "docstring": "",
+      "path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
+    },
     "src/components/swirl-badge/swirl-badge.tsx::SwirlBadgeIntent": {
       "declaration": "export type SwirlBadgeIntent =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"critical\"\n  | \"grape\"\n  | \"info\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\"\n  | \"strong\";",
       "docstring": "",
@@ -82760,36 +82815,6 @@
       "docstring": "",
       "path": "src/components/swirl-box/swirl-box.tsx"
     },
-    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackAlign": {
-      "declaration": "export type SwirlStackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";",
-      "docstring": "",
-      "path": "src/components/swirl-stack/swirl-stack.tsx"
-    },
-    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackJustify": {
-      "declaration": "export type SwirlStackJustify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\"\n  | \"stretch\";",
-      "docstring": "",
-      "path": "src/components/swirl-stack/swirl-stack.tsx"
-    },
-    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackOrientation": {
-      "declaration": "export type SwirlStackOrientation =\n  | \"horizontal\"\n  | \"horizontal-reverse\"\n  | \"vertical\"\n  | \"vertical-reverse\";",
-      "docstring": "",
-      "path": "src/components/swirl-stack/swirl-stack.tsx"
-    },
-    "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing": {
-      "declaration": "export type SwirlStackSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\"\n  | \"40\"\n  | \"48\"\n  | \"64\";",
-      "docstring": "",
-      "path": "src/components/swirl-stack/swirl-stack.tsx"
-    },
-    "src/components/swirl-button-group/swirl-button-group.tsx::SwirlButtonGroupOrientation": {
-      "declaration": "export type SwirlStackOrientation =\n  | \"horizontal\"\n  | \"horizontal-reverse\"\n  | \"vertical\"\n  | \"vertical-reverse\";",
-      "docstring": "",
-      "path": "src/components/swirl-button-group/swirl-button-group.tsx"
-    },
-    "src/components/swirl-button-group/swirl-button-group.tsx::SwirlButtonGroupSpacing": {
-      "declaration": "export type SwirlStackSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\"\n  | \"40\"\n  | \"48\"\n  | \"64\";",
-      "docstring": "",
-      "path": "src/components/swirl-button-group/swirl-button-group.tsx"
-    },
     "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor": {
       "declaration": "export type SwirlButtonCursor =\n  | \"auto\"\n  | \"default\"\n  | \"none\"\n  | \"context-menu\"\n  | \"help\"\n  | \"pointer\"\n  | \"progress\"\n  | \"wait\"\n  | \"cell\"\n  | \"crosshair\"\n  | \"text\"\n  | \"vertical-text\"\n  | \"alias\"\n  | \"copy\"\n  | \"move\"\n  | \"no-drop\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"e-resize\"\n  | \"n-resize\"\n  | \"ne-resize\"\n  | \"nw-resize\"\n  | \"s-resize\"\n  | \"se-resize\"\n  | \"sw-resize\"\n  | \"w-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"nesw-resize\"\n  | \"nwse-resize\"\n  | \"col-resize\"\n  | \"row-resize\"\n  | \"all-scroll\"\n  | \"zoom-in\"\n  | \"zoom-out\";",
       "docstring": "",
@@ -82825,6 +82850,16 @@
       "docstring": "",
       "path": "src/components/swirl-button/swirl-button.tsx"
     },
+    "src/components/swirl-button-group/swirl-button-group.tsx::SwirlButtonGroupOrientation": {
+      "declaration": "export type SwirlStackOrientation =\n  | \"horizontal\"\n  | \"horizontal-reverse\"\n  | \"vertical\"\n  | \"vertical-reverse\";",
+      "docstring": "",
+      "path": "src/components/swirl-button-group/swirl-button-group.tsx"
+    },
+    "src/components/swirl-button-group/swirl-button-group.tsx::SwirlButtonGroupSpacing": {
+      "declaration": "export type SwirlStackSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\"\n  | \"40\"\n  | \"48\"\n  | \"64\";",
+      "docstring": "",
+      "path": "src/components/swirl-button-group/swirl-button-group.tsx"
+    },
     "src/components/swirl-card/swirl-card.tsx::SwirlCardBorderRadius": {
       "declaration": "string",
       "docstring": "",
@@ -82950,21 +82985,6 @@
       "docstring": "",
       "path": "src/components/swirl-form-group/swirl-form-group.tsx"
     },
-    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingAlign": {
-      "declaration": "export type SwirlHeadingAlign = \"start\" | \"center\" | \"end\";",
-      "docstring": "",
-      "path": "src/components/swirl-heading/swirl-heading.tsx"
-    },
-    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingTag": {
-      "declaration": "export type SwirlHeadingTag =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"p\"\n  | \"span\"\n  | \"div\";",
-      "docstring": "",
-      "path": "src/components/swirl-heading/swirl-heading.tsx"
-    },
-    "src/components/swirl-heading/swirl-heading.tsx::SwirlHeadingLevel": {
-      "declaration": "export type SwirlHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;",
-      "docstring": "",
-      "path": "src/components/swirl-heading/swirl-heading.tsx"
-    },
     "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor": {
       "declaration": "export type SwirlIconColor =\n  | \"critical\"\n  | \"default\"\n  | \"disabled\"\n  | \"highlight\"\n  | \"info\"\n  | \"on-action-primary\"\n  | \"on-image\"\n  | \"on-status\"\n  | \"on-surface-highlight-subdued\"\n  | \"on-surface-highlight\"\n  | \"strong\"\n  | \"success\"\n  | \"warning\";",
       "docstring": "",
@@ -82975,16 +82995,16 @@
       "docstring": "",
       "path": "src/components/swirl-icon/swirl-icon.types.ts"
     },
-    "src/components/swirl-image-grid-item/swirl-image-grid-item.tsx::SwirlImageGridItemLoading": {
-      "declaration": "export type SwirlImageGridItemLoading =\n  | \"lazy\"\n  | \"auto\"\n  | \"eager\"\n  | \"intersecting\";",
-      "docstring": "",
-      "path": "src/components/swirl-image-grid-item/swirl-image-grid-item.tsx"
-    },
     "src/components/swirl-image-grid/swirl-image-grid.tsx::SwirlImageGridBorderRadius": {
       "declaration": "string",
       "docstring": "",
       "path": "src/components/swirl-image-grid/swirl-image-grid.tsx"
     },
+    "src/components/swirl-image-grid-item/swirl-image-grid-item.tsx::SwirlImageGridItemLoading": {
+      "declaration": "export type SwirlImageGridItemLoading =\n  | \"lazy\"\n  | \"auto\"\n  | \"eager\"\n  | \"intersecting\";",
+      "docstring": "",
+      "path": "src/components/swirl-image-grid-item/swirl-image-grid-item.tsx"
+    },
     "src/components/swirl-inline-error/swirl-inline-error.tsx::SwirlInlineErrorSize": {
       "declaration": "export type SwirlInlineErrorSize = \"s\" | \"m\";",
       "docstring": "",
@@ -83120,26 +83140,6 @@
       "docstring": "",
       "path": "src/components/swirl-search/swirl-search.tsx"
     },
-    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorColor": {
-      "declaration": "export type SwirlSeparatorColor =\n  | \"critical\"\n  | \"default\"\n  | \"strong\"\n  | \"highlight\";",
-      "docstring": "",
-      "path": "src/components/swirl-separator/swirl-separator.tsx"
-    },
-    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorOrientation": {
-      "declaration": "export type SwirlSeparatorOrientation = \"horizontal\" | \"vertical\";",
-      "docstring": "",
-      "path": "src/components/swirl-separator/swirl-separator.tsx"
-    },
-    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSemantics": {
-      "declaration": "export type SwirlSeparatorSemantics = \"separator\" | \"none\";",
-      "docstring": "",
-      "path": "src/components/swirl-separator/swirl-separator.tsx"
-    },
-    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSpacing": {
-      "declaration": "export type SwirlSeparatorSpacing =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"24\"\n  | \"32\";",
-      "docstring": "",
-      "path": "src/components/swirl-separator/swirl-separator.tsx"
-    },
     "src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx::SwirlLabelColor": {
       "declaration": "export type SwirlLabelColor = \"default\" | \"light\" | \"dark\";",
       "docstring": "",
@@ -83185,6 +83185,11 @@
       "docstring": "",
       "path": "src/components/swirl-switch/swirl-switch.tsx"
     },
+    "src/components/swirl-tab/swirl-tab.tsx::SwirlTabPadding": {
+      "declaration": "export type SwirlTabPadding = \"0\" | \"2\" | \"4\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\";",
+      "docstring": "",
+      "path": "src/components/swirl-tab/swirl-tab.tsx"
+    },
     "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarJustify": {
       "declaration": "export type SwirlTabBarJustify = \"start\" | \"evenly\";",
       "docstring": "",
@@ -83205,10 +83210,10 @@
       "docstring": "",
       "path": "src/components/swirl-tab-bar/swirl-tab-bar.tsx"
     },
-    "src/components/swirl-tab/swirl-tab.tsx::SwirlTabPadding": {
-      "declaration": "export type SwirlTabPadding = \"0\" | \"2\" | \"4\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\";",
+    "src/components/swirl-table/swirl-table.tsx::SwirlTableDropRowEvent": {
+      "declaration": "export type SwirlTableDropRowEvent = Pick<\n  SortableEvent,\n  \"oldIndex\" | \"newIndex\" | \"item\"\n> & {\n  itemId: string;\n  newNextSiblingItemId: string | undefined;\n  newPrevSiblingItemId: string | undefined;\n};",
       "docstring": "",
-      "path": "src/components/swirl-tab/swirl-tab.tsx"
+      "path": "src/components/swirl-table/swirl-table.tsx"
     },
     "src/components/swirl-table-column/swirl-table-column.tsx::SwirlTableColumnVariant": {
       "declaration": "export type SwirlTableColumnVariant = \"default\" | \"sunken\" | \"raised\";",
@@ -83220,11 +83225,6 @@
       "docstring": "",
       "path": "src/components/swirl-table-column/swirl-table-column.tsx"
     },
-    "src/components/swirl-table/swirl-table.tsx::SwirlTableDropRowEvent": {
-      "declaration": "export type SwirlTableDropRowEvent = Pick<\n  SortableEvent,\n  \"oldIndex\" | \"newIndex\" | \"item\"\n> & {\n  itemId: string;\n  newNextSiblingItemId: string | undefined;\n  newPrevSiblingItemId: string | undefined;\n};",
-      "docstring": "",
-      "path": "src/components/swirl-table/swirl-table.tsx"
-    },
     "src/components/swirl-tag/swirl-tag.tsx::SwirlTagIconPosition": {
       "declaration": "export type SwirlTagIconPosition = \"start\" | \"end\";",
       "docstring": "",
@@ -83320,16 +83320,6 @@
       "docstring": "",
       "path": "src/components/swirl-toolbar/swirl-toolbar.tsx"
     },
-    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewCanDropHandler": {
-      "declaration": "(location: {\n  parentId: string;\n  position: number;\n}) => boolean",
-      "docstring": "",
-      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
-    },
-    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewSemantics": {
-      "declaration": "export type SwirlTreeViewSemantics = \"tree\" | \"list\";",
-      "docstring": "",
-      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
-    },
     "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewDropItemEvent": {
       "declaration": "export type SwirlTreeViewDropItemEvent = Pick<\n  SortableEvent,\n  \"oldIndex\" | \"newIndex\" | \"item\"\n> & {\n  itemId: string;\n  newNextSiblingItemId: string | undefined;\n  newPrevSiblingItemId: string | undefined;\n  sourceParentItemId: string;\n  targetParentItemId: string;\n};",
       "docstring": "",
@@ -83340,6 +83330,16 @@
       "docstring": "",
       "path": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx"
     },
+    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewCanDropHandler": {
+      "declaration": "(location: {\n  parentId: string;\n  position: number;\n}) => boolean",
+      "docstring": "",
+      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
+    },
+    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewSemantics": {
+      "declaration": "export type SwirlTreeViewSemantics = \"tree\" | \"list\";",
+      "docstring": "",
+      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
+    },
     "../../node_modules/wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker.d.ts::WCDatepickerLabels": {
       "declaration": "{\n  clearButton: string;\n  monthSelect: string;\n  nextMonthButton: string;\n  nextYearButton: string;\n  picker: string;\n  previousMonthButton: string;\n  previousYearButton: string;\n  todayButton: string;\n  yearSelect: string;\n}",
       "docstring": "",

package/dist/cjs/swirl-action-list_2.cjs.entry.js

@@ -134,7 +134,7 @@ const SwirlActionListItem = class {
         const showSuffixSlot = Boolean(this.el.querySelector('[slot="suffix"]'));
         const showSuffix = (Boolean(this.suffix) || showSuffixSlot) && !this.disabled;
         const className = index$1.classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-        return (index.h(index.Host, { key: 'ae63b2b675f2d5a867dc845a9da45d92bc037667' }, index.h("button", { key: '3fd33e96f8f3706e2dd6528b90bbe702403f4d7d', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, index.h("slot", { key: '55bedc9c39fa211802143442c5c4c2f9ad890156', name: "avatar" }), this.icon && (index.h("span", { key: 'bdfaeb38426b8d42ce19a1a9b26401088dadc9f6', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: '0b17bce49e19e28515e08fede24e5fc431b71302', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), index.h("span", { key: '1a0f01f6800f2f1ddc2f82466fe05fb8440f717a', class: "action-list-item__label-container" }, index.h("span", { key: 'd323a176e183430798fec66d361e26999167511b', class: "action-list-item__label" }, this.label), this.description && (index.h("span", { key: '608e52645b015f07728dca29d4e1b18c6abba474', class: "action-list-item__description" }, this.description))), showBadge && (index.h("span", { key: 'ce6425ae91e2fa37800639a963d7dbd432a2e5b0', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (index.h("span", { key: '8df94a93f04e04ddb403647e5964ccc62607276e', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, index.h("slot", { key: '48deae65c3ad0fdb47ba8b4da7dd036746dcf686', name: "suffix" }))))));
+        return (index.h(index.Host, { key: '6e0ba3475bbabc4b456d23070aada4ad73a7bef7' }, index.h("button", { key: '568753980452f56f6305573cfacc1540728f8a64', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, index.h("slot", { key: '90c23d6a829bdb2903ff76eda7852101b174b198', name: "avatar" }), this.icon && (index.h("span", { key: '1855b294b64760c5399cfb9b371715399ed2e985', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: '1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), index.h("span", { key: 'a55df1b640cb5c5109dc632c39dca728fce290da', class: "action-list-item__label-container" }, index.h("span", { key: 'ae479a05bbfd854b8472d3977d7489df73e611cb', class: "action-list-item__label" }, this.label), this.description && (index.h("span", { key: '959761897cc5c8d4d2474795460b66bb5d22475b', class: "action-list-item__description" }, this.description))), showBadge && (index.h("span", { key: 'cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (index.h("span", { key: '88754ec73e17680ebdc939f42df996dace73fdce', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, index.h("slot", { key: '37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac', name: "suffix" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-bar.cjs.entry.js

@@ -61,7 +61,7 @@ const SwirlAppBar = class {
             paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
             paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`,
         };
-        return (index.h(index.Host, { key: 'f8b29d467a1734e015cd5bf543af3e4e424792c1' }, index.h("div", { key: '4d9a564624d4d7575c93e28ed2de6d6a3a08cd91', class: className, style: styles }, showLeftControls && (index.h("div", { key: 'bbdd9665ad7ba57be17d4de36841a935b74d6beb', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (index.h("div", { key: '4421c2d5f339de35d316b43246893b644b99605a', class: "app-bar__main-navigation-control" }, this.showBackButton && (index.h("swirl-button", { key: '057ff2e2e8d125093fb50002175b4a74272d9367', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (index.h("swirl-button", { key: 'd6df08897f7d48f2e2413c67a31231eae4489086', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (index.h("div", { key: '65f48ddd2cf7678dbe862dc61406e74b916119ac', class: "app-bar__stepper-controls" }, index.h("swirl-button", { key: '7bcd4438e06b0cb78c09b60f5419ed0832056eaa', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), index.h("swirl-button", { key: '94cafa5645d162729e8334c24e9576d544177616', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), index.h("div", { key: 'd2f64f176b25abc215b6735531e7589a313bcddc', class: "app-bar__cta" }, index.h("slot", { key: '60023a334af5e467ce47fea4e5feeb10de1b08b5', name: "cta" })), index.h("div", { key: '9a604e82b776ff21c8063328c9c9bb072857c933', class: "app-bar__heading" }, index.h("slot", { key: 'ac151d59881c8ee7e5ec52c24ffcf37ffb882f2d', name: "heading" })), index.h("div", { key: 'd2e77141e239e04189a9acf87266eb69c456e7db', class: "app-bar__center-controls" }, index.h("slot", { key: '625deb28c495d82f2ee5d4ff1e4bf3fcdb6e1243', name: "center-controls" })), index.h("div", { key: 'bf0ada63122a063ba2b5742b6974cf8b9c3769e3', class: "app-bar__right-controls" }, index.h("slot", { key: '74eeb250cef00034d2750827116f100b60f2f2c6', name: "right-controls" })))));
+        return (index.h(index.Host, { key: '2fc2dc7672ca8ab6c3ea4a2bea33d52730eaea3f' }, index.h("div", { key: '853eac25f0092f4e3c9159bcb928f953026c6e87', class: className, style: styles }, showLeftControls && (index.h("div", { key: '272353acea74c10e90d43d894fb535d65fcb1af3', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (index.h("div", { key: '04b34c7a362ca98d02e4692da4e11196122e4d2a', class: "app-bar__main-navigation-control" }, this.showBackButton && (index.h("swirl-button", { key: '82188c1a465798ef652ee7a642bf038ccdd21d5a', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (index.h("swirl-button", { key: '9a31265626092d9079b4b4a27461b483e489fff9', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (index.h("div", { key: '0b089aedecaf8f42a9d656174fc93dd5837dbe7c', class: "app-bar__stepper-controls" }, index.h("swirl-button", { key: '8a5a2de50ae5c53e2b9af7ab9597f9988d476863', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), index.h("swirl-button", { key: '090451b7e112346d617018aae45782af57924276', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), index.h("div", { key: 'caf1b7b3e2d6a9f3fd45080b47200ba23f06de2f', class: "app-bar__cta" }, index.h("slot", { key: 'f8a5d105b77db1f107dac0364e56f8fc498d22b5', name: "cta" })), index.h("div", { key: 'a3d5e082c9c2957791fc5aa1fd767d466acf70dc', class: "app-bar__heading" }, index.h("slot", { key: 'a3188a9e1ab5b93d645293074ba6930e8a88df32', name: "heading" })), index.h("div", { key: '0466ef640baf9d738f48c221ceb99446f3dcb352', class: "app-bar__center-controls" }, index.h("slot", { key: '56cf69f32c293072015f45bfe017627bf61706c7', name: "center-controls" })), index.h("div", { key: 'd24c3205c5c6f6b8cee93590694c71fb87a9307b', class: "app-bar__right-controls" }, index.h("slot", { key: 'bc29b52f8e205b03e48449cfb05f57b5b348766d', name: "right-controls" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-layout_5.cjs.entry.js

@@ -329,14 +329,14 @@ const SwirlAppLayout = class {
             "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: 'eb8949dfef55d2fde5a76065fce685b810d33d5c' }, index.h("section", { key: '61dc2f5c81e035a002c90975a60ffd82c24d7e4a', "aria-labelledby": "app-name", class: className }, index.h("div", { key: '4ac1714569f7602dbeb1baaf18ac44ec44293612', class: "app-layout__grid" }, index.h("header", { key: '59a0e94fe07855d34475de6cbd5bbfd88692a601', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, index.h("span", { key: 'f1eb3e5d09cfc38b451ce3f14b89bda36e33ce24', class: "app-layout__navigation-mobile-menu-button" }, index.h("slot", { key: 'bec667bff21caeb061d44e099a4dbf4052136a46', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (index.h("span", { key: 'b423f4024de14a63c6851a0a8d02835c93b824c0', class: "app-layout__nav-overlay-toggle" }, index.h("swirl-button", { key: '6e48109a1b82105a44d059fbe444fea3450d63a2', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (index.h(index.Host, { key: '0970730a8b11319c50969d6d6e7f217dcf56e2f0' }, index.h("section", { key: '06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac', "aria-labelledby": "app-name", class: className }, index.h("div", { key: 'b50a9beffae3145861ed4b71705fe673f5d10043', class: "app-layout__grid" }, index.h("header", { key: '04c3f7e4b7cb227cca2e9a15e262ddc9874032e1', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, index.h("span", { key: '67ba8ba5394d42ba1f96ccb3258aefb8acce87c9', class: "app-layout__navigation-mobile-menu-button" }, index.h("slot", { key: '8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (index.h("span", { key: '0a11ae6739ed9863837da26a60a5f524ca2215ea', class: "app-layout__nav-overlay-toggle" }, index.h("swirl-button", { key: 'e0670ebab68aaefd7342a31b0a2c139f181c4cf1', hideLabel: true, icon: this.navExpansionState !== "expanded"
                 ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
-                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (index.h("span", { key: 'c5545a9627143fc599d9b58e7271fa1fe6d53eb1', class: "app-layout__navigation-back-button" }, index.h("swirl-button", { key: 'e490271f648938e38a7a50d729fd229d12d4c222', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), index.h("swirl-heading", { key: '08f95e5b3fec5ad2bcafa7601031d207a8de1143', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (index.h("span", { key: 'f121c177c16e139b1a1922538e7e05f0dfe011bd', class: "app-layout__navigation-controls" }, index.h("slot", { key: 'fd32f8f788ade8228d5fdb18a7b91c523737dfa1', name: "navigation-controls" })))), index.h("nav", { key: '1248d7273cf45afe28c6340ab886128ee1ff436c', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
+                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (index.h("span", { key: 'df74e59b27c2e15ffc532826ac69794df187ece9', class: "app-layout__navigation-back-button" }, index.h("swirl-button", { key: 'ca4e1610d7566b66ebe6958f8ec6f89d4a84554c', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), index.h("swirl-heading", { key: '7ca7f6ca8a69fead26966a6b224966f4404351da', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (index.h("span", { key: '3d1205492f28588558a5e1d1c1948c4da7870c46', class: "app-layout__navigation-controls" }, index.h("slot", { key: 'f97090b47f524589e4d86e293e92ce2e001503dd', name: "navigation-controls" })))), index.h("nav", { key: '9b2f944843bcee7c5322b728ea26fcc7d8ed990f', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
                 this.collapsibleNavigation &&
-                this.navExpansionState === "collapsed" }, index.h("slot", { key: 'e3d31de62116c2502fa0cc75e0f48f4a92e23dd0', name: "navigation" })), index.h("section", { key: 'bb471de6661b141740ed944a974a7255652f61a6', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (index.h("header", { key: '6f0a1be2bbd1b8dc14d9e2730bd810f1cacfd5ab', class: "app-layout__app-bar" }, index.h("span", { key: 'cefce3643ed43b33cdda7bbe281789f91a1d8def', class: "app-layout__app-bar-mobile-menu-button" }, index.h("slot", { key: '0ba663eca9abba47daaf5a13a7addd46585dd08b', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (index.h("span", { key: '4b94a76cc64f3ae96c86ac0a25d11a562cb6aa53', class: "app-layout__back-to-navigation-button" }, index.h("swirl-button", { key: 'bedcd705d3ca07fe73dc79a7adb5e79e809ae785', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, index.h("slot", { key: 'a3fa785458acf70951cf209062e9f91bfec49db4', name: "navigation" })), index.h("section", { key: '3649f14cce3bdf275bc7325680b4c193085272f7', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (index.h("header", { key: '401b6adeda9ed569d8a6c37f381fed0623a34701', class: "app-layout__app-bar" }, index.h("span", { key: '7b60e9abca35a3c6ab900e8d882116e8b22ce730', class: "app-layout__app-bar-mobile-menu-button" }, index.h("slot", { key: '44c01881cb2c4799942609ca43f2ead4de855859', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (index.h("span", { key: '63a89ec584fa6a21a5cf4be3fdf15e84df01b03a', class: "app-layout__back-to-navigation-button" }, index.h("swirl-button", { key: '5d05136bb74adcc5a404bdb74533636777f3b598', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
-            this.navExpansionState !== "expanded" && (index.h("span", { key: '99adbd6650078539621a6884793e64ba044b6646', class: "app-layout__nav-expansion-toggle" }, index.h("swirl-button", { key: '4ea5ed060a8e7efee35b3d1b5de7ccd1af32de03', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), index.h("span", { key: '8ea3e463bb2ad41206434f6b293dd67da3e186cc', class: "app-layout__custom-app-bar-back-button" }, index.h("slot", { key: 'b205d6a0327a50e8f1791ef19c8d4cb9315f905d', name: "custom-app-bar-back-button" })), index.h("div", { key: '7414753194ec2dc3c6a0f60da27de941e190d349', class: "app-layout__app-bar-content" }, index.h("slot", { key: 'b52b5076f947fed0426de729ec18f646f68b35c1', name: "app-bar" })), index.h("div", { key: 'e56899ce667e14b241844ce55da6ba338fe4fc90', class: "app-layout__app-bar-controls" }, index.h("slot", { key: '28707829d5ee17b2882d0c587c03e615422d1947', name: "app-bar-controls" })))), index.h("div", { key: '496269c6949574286ff5d6e8e1e50296c01d507b', class: "app-layout__banner" }, index.h("slot", { key: 'c285eafc8639bf66edeaa67eef5b3c0de7e71e5f', name: "banner" })), index.h("div", { key: 'c3dd8baeac2c48fdf3b79416195f5dcd2ca0df59', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, index.h("slot", { key: '57435665b3608f5a9031aeed0308c49515e9ac2a', name: "content" })), index.h("div", { key: 'edc97d2b61b68536877982d2c5ec289efed2163a', class: "app-layout__bottom-bar" }, index.h("slot", { key: '8a1b088fbc8650244ae8bf362c038f43b52c0ffe', name: "bottom-bar" }))), index.h("aside", { key: '6842d4bc92d94f23b648790d19051a3a8b63b8a4', class: "app-layout__sidebar" }, index.h("header", { key: '0977d1b8b6c05e635893b035173af9d3058e318b', class: "app-layout__custom-sidebar-header" }, index.h("slot", { key: 'b197716cf684ea3ad8ac428df32dd2624c8e62fb', name: "custom-sidebar-header" })), index.h("header", { key: '2f472aad9cd1c147bf105d8cd5c822e9b965a27a', class: "app-layout__sidebar-header" }, index.h("swirl-button", { key: '9548fb42fcc989051a5b59804f07682e5cac94b5', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { key: '2371ee3fea450ae0ed0f29da6c98450d9be007aa', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { key: '9dfc2bd99e1aefda97fcde986e0a9098d9769053', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, index.h("slot", { key: 'ef66d2d21e9e88352d3d06d7b96c640b4f285d58', name: "sidebar" }))), index.h("span", { key: 'dec530362f006b1e56f4aa5551771f0c47f2256c', class: "app-layout__floating-action-button" }, this.ctaLabel && (index.h("swirl-button", { key: 'cf894821c9a06588d1e15cd579e71b6df72e0f1f', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), index.h("slot", { key: '71fbf843e649d7669073bb2ebf460fed833c9e2f', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (index.h("span", { key: '0426043d85f25bd9581b2046215dba5cc50ee24c', class: "app-layout__nav-expansion-toggle" }, index.h("swirl-button", { key: '5b64b49937d180b23de6435351a0b7498562b2f7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), index.h("span", { key: 'eaa0172b442211086532a15fae6bb99b70dafab6', class: "app-layout__custom-app-bar-back-button" }, index.h("slot", { key: '86177f0040e21c020b2d88a2e11cc1f2045d9bcf', name: "custom-app-bar-back-button" })), index.h("div", { key: 'ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6', class: "app-layout__app-bar-content" }, index.h("slot", { key: '59a8e892b40e1b56acc3f33cb956d1a588670a5e', name: "app-bar" })), index.h("div", { key: '2244b236929f9de30d18f886b2992187b1f9baf8', class: "app-layout__app-bar-controls" }, index.h("slot", { key: 'c5fae8b152e14275cb09b7db637ea8ca64932648', name: "app-bar-controls" })))), index.h("div", { key: '85a6875e28ec691f659cbee27e299bca2048ff67', class: "app-layout__banner" }, index.h("slot", { key: '9790312e956f47faca3c1c4b04a6b1422a889498', name: "banner" })), index.h("div", { key: 'd33ae32d0644d24027423eb9dc9ba94c54b0070b', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, index.h("slot", { key: '9e615a708ac9ae2817a680e868c70d4a9ec3d075', name: "content" })), index.h("div", { key: 'd173a40d98a1d8cd6b93135d9a6984afc6487813', class: "app-layout__bottom-bar" }, index.h("slot", { key: '10a8422834710d9b15dea188d0f8b24dab14887e', name: "bottom-bar" }))), index.h("aside", { key: '0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2', class: "app-layout__sidebar" }, index.h("header", { key: 'da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8', class: "app-layout__custom-sidebar-header" }, index.h("slot", { key: 'fd8fc8403066c85dd26ed414afded579928da657', name: "custom-sidebar-header" })), index.h("header", { key: 'addfa87cef788f272e586e3a02b0f47be414cc58', class: "app-layout__sidebar-header" }, index.h("swirl-button", { key: '7daf54726d77b5a9656dd888d32d4c111746e59e', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), index.h("swirl-heading", { key: 'c743c2b1049f87a5c81b99ddc836f4a2b9b08561', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), index.h("div", { key: '9443e3843d55af79d62c949b8df53a6a1f27a4e9', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, index.h("slot", { key: '0b5eff0be0d4e98ed2755b412d8783fe25d8d809', name: "sidebar" }))), index.h("span", { key: 'a1487ea686f593c4b117a9eb74fe61fe8b516336', class: "app-layout__floating-action-button" }, this.ctaLabel && (index.h("swirl-button", { key: '02d61ee5b96263295218ed0b99cb8b93d1e06df0', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), index.h("slot", { key: '7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532', name: "floating-action-button" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -504,7 +504,12 @@ const SwirlResourceList = class {
         this.setupDragDrop();
     }
     async resetFocus() {
-        this.focusItemAtIndex(0);
+        this.focusedIndex = 0;
+        this.removeItemsFromTabOrder();
+        this.enableItemFocus(this.items[0]);
+        if (Boolean(this.controllingElement)) {
+            this.items[0]?.setAttribute("aria-selected", "true");
+        }
     }
     collectItems() {
         this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((el) => el.isConnected);
@@ -639,7 +644,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '98f45a8d8b5cc4003f1d7ed06d71c061cec06f0e', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'fb72cd19ad37d070627a04790349db185aa85311', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: 'f22dbb645ac8487c10a4e0eabf6cf93148293b2a', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '0f4b66adf43ea0a2c9c0f5f9c6eb505f3867c0d4', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: 'fd9aebf7999133fad7728572ceea8a960d131561' })))));
+        return (index.h(index.Host, { key: 'c5af3fd4370507bef16ce55a3b84d85af31f078b', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'a9dabda6978fd25ae7935ebd32bc8c6f2bf69c0c', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '84be9867bb177363e521ceae2e3d88f30190f7c2', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '653b385591f17a947321d8b8a1b601593696939c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: '59a9b433f649275c6c7027ab05fdae108cd51b7d' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -779,7 +784,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (index.h("span", { key: '456937219836a03b3ba530651a9ba998eb3ff94a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
+        const renderLabel = () => (index.h("span", { key: '4ea7c31f515f297a49d3e4ae457f141d10207d32', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
         const className = index$1.classnames("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
             "resource-list-item--active": this.active,
             "resource-list-item--checked": this.checked,
@@ -796,7 +801,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (index.h(index.Host, { key: '5e219d76695a4da7bf79bc9633458fecb3c62bd4', role: hostRole }, index.h("div", { key: '3181014b2bcd13b526f0f9ef97565f1741092a5e', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '884eb377d159ca27d6c4b910396079d79ebad398', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '9fbb4e40f3ae30ab20de1158a98dd3eba00ed5a7', class: "resource-list-item__media" }, index.h("slot", { key: 'ff081cbbb6c59f8abbe5b55fbbc3aed5ec9e384f', name: "media" }))), index.h("span", { key: 'b78decc6d7af7d75a1cbfdbaeb7772be7d2dd0bf', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '2931b024dcd40d1126d8c946c084f1fb5a036bc1', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '9d4fe19be8a1dfc05eaf841642f03367e67b6d74', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '1f79174a3ee884a30a2cf83d81c31d8da38b81cf', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '83a0774b0ab0b848ab31f3e6cafe9c146357f85a' }))))), showMeta && (index.h("span", { key: '18ac365c9c325a58f175203a7fd3e3025383b9c0', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '4dc039188cc27210f96db356c8275553b514a57c', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '078acb55e67266e6085434247b867486851b3034', class: "resource-list-item__badges" }, index.h("slot", { key: '42997d7d4d6fa541b9c32585cb25262bc3a5462f', name: "badges" })))), index.h("span", { key: '31277cac4909dd730219e2cbbd6fb7d51034183b', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '5791b48876500556518c0df22e85d88ee976b393', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '7fccd8bf33586a1ae4892dbe6d2662eaa8da044a', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'c6faf02343c996d173cefc176d2e6fd15f8565d9', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '5da6502573950fe925e837e7697a6a5f3b077a17', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'b5462438b512295433eb34c402e3dd5a785c6eb0', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '088ed55cf56852341a0374b37f0b5f024fc72035', role: hostRole }, index.h("div", { key: '8ec9769f5c90136c3a86ea5a967f8e87a8a88973', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '134b9a1a9645d97447937ab7e3501f48aab9cb9f', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '269e9e19598891a53fe896840fec876aba5f096c', class: "resource-list-item__media" }, index.h("slot", { key: 'e676975dec132755e9492d4f14e271f0371d030c', name: "media" }))), index.h("span", { key: '0c597785a34fc0d6362f3e80b98802c3d732e0b7', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '2dd25de843ee96dfe2c9352e3e4e4b8659de7e9d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: 'a9da2a1442ea6adfaba6027dc11f6a5a84453ad4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'f76cef21e8fb5387f34e99fd3765a19c179faf7e', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'bebb799ffa8ee3fc6275f61451e80ae4c4fe1ce6' }))))), showMeta && (index.h("span", { key: '04dd2f96b4e64ae93f015ecb85cd384a2c0890a2', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '57f895be000f5fd1c62ab6f2b0b6ddc89fbdce60', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: '91efc58635fb8efcf2c652059b6cf63fcdae28f4', class: "resource-list-item__badges" }, index.h("slot", { key: '8c3c18cbc29e8bc931ad0c41b6d5e5ef5fd7554a', name: "badges" })))), index.h("span", { key: '66802320e490115b2e653a91ffa4b2da7e8415a0', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: 'acb0bf6a1c293a6f83021c069afc90c26efdb655', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '2b3d071301fff6629bead54ba951c5cb9ff6472b', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '05a78400347d5b4861b6a8865f733b0bb93361ff', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '39bfbf3b67ee035fb415f1c309db2471007c8f7d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'c474e283823ad5a849e343cdfdc0cdaa31deb277', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-autocomplete.cjs.entry.js

@@ -194,17 +194,17 @@ const SwirlAutocomplete = class {
         const className = index$1.classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (index.h(index.Host, { key: '6ac4eb7a1f520ca9292004fb07da32ada3268808' }, index.h("div", { key: '4a5d55d90fa0ab8387f67b30dca24225c577b32f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (index.h(index.Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, index.h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (index.h("div", { key: 'a22265baff3265c999a162647c2216ea5cb1969e', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: '5619bc2bd934857c663efd58c91b9eaaf0207e63', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (index.h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (index.h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), index.h("swirl-text-input", { key: 'a691e9b3aa419b8bdf3a0927d4ae171ada91aecf', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: 'd6d85b173b4b889422deed9d26b2a3edd2558383', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), index.h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: 'a940d9511351d965da89de983885eb0d8819f977', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (index.h("div", { key: '61d3b7a03a79c66c7dbb8885ff3a95d57badc19f', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: '666f366558c17cb9d57fdc36ddaf95862706d04c' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: 'db951c479c16b6fe1ead86e5c46de0431237937f', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (index.h("div", { key: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

package/dist/cjs/swirl-avatar-group.cjs.entry.js

@@ -48,7 +48,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = index$1.classnames("avatar-group__badge");
-        return (index.h(index.Host, { key: '80ef04fc01bcb5a27be72df7b75b5eccafd5f37e' }, index.h("div", { key: '7b0e71b53bb51f19ee8f5c77cb06806e954f09db', "aria-label": this.label, class: className, role: this.semantics }, index.h("slot", { key: 'f6019296267d3f15dcccb384cd3603d43de20715', onSlotchange: this.onSlotChange }), this.badge && (index.h("span", { key: '384004e7139037578d3cb2565ba7d97bb61ca499', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (index.h(index.Host, { key: 'ecb3e29c9099096fa82191e661f08223bf2a3137' }, index.h("div", { key: '6850ef790d715e45dc36ef60c9739398ada1e903', "aria-label": this.label, class: className, role: this.semantics }, index.h("slot", { key: '6d80247f5e0eae13ea4a2864e15c850178d190b8', onSlotchange: this.onSlotChange }), this.badge && (index.h("span", { key: 'cf23f016b1548812fca69315100479aad2563056', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = swirlAvatarGroupCss;

package/dist/cjs/swirl-avatar.cjs.entry.js

@@ -118,7 +118,7 @@ const SwirlAvatar = class {
         });
         const badgeClassName = index$1.classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = index$1.classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (index.h(index.Host, { key: '78142f3405ea341ccd54bb0de79d58f4336d0e71', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: '2c72749f7a31a907231ad4ee94da919f67e5071e', class: className, part: "avatar" }, showImage && (index.h("span", { key: '42053d690bf5470ab09f7ed9cb6b8bcd8da8a2e0', class: "avatar__image" }, index.h("img", { key: '710b8c502a16f81814d6ae29aaad1266e41a3dc9', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '5e2d4ef77845bdbf1eaf1b79881c5e15c39698ad', class: "avatar__initials" }, index.h("span", { key: 'caee3525f2b2a45064a8f1eba7e74d4157da2882' }, this.initials))), showIcon && index.h("span", { key: '7095b410f8f5aa5e215bac5141c89624349148ac', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: '05f04b24ea08f82d85c233bae69c46592af312c2', class: "avatar__icon" }, index.h("swirl-icon-person", { key: '84cd855cfd905746aa178aafbeb917ee6851ec46' }))), showBadge && (index.h("span", { key: '5dbaf7566cd8148c96803e4e14aaff79c17ea3c3', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: 'b74529ee057d330fef80193319d7b9ecb02d7580', class: toolClassName }, index.h("slot", { key: 'd0d74d7576315ad85397048913e04b1c07e162fe', name: "tool" }))), this.showLabel && (index.h("span", { key: 'd735bf442243ba498a4fe9b603a432d9a3fc3af2', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (index.h(index.Host, { key: '42c11df526248247b9cb2bee6b2d58bc70aafa65', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: '96a01925f8c723fca2dbb17263152b1d56d26027', class: className, part: "avatar" }, showImage && (index.h("span", { key: '896d136ab3094a2f583b938c2b91d04e78f0d10f', class: "avatar__image" }, index.h("img", { key: 'fde4999892611a1634223519cbccf76130cdb51c', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '4e1e6d7539ef10c696292cbb9f8a1a9dd492a97a', class: "avatar__initials" }, index.h("span", { key: '866a9aaaa0b2e2ef114cc992be91b503160aac69' }, this.initials))), showIcon && index.h("span", { key: '1cb19789413ef94288b19c209f80b9ccab454baa', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: '36dee103b6406e226e48183c4376a978a6ecedc9', class: "avatar__icon" }, index.h("swirl-icon-person", { key: 'b992b47b9baa52c05193fff33e9b57211c23a51e' }))), showBadge && (index.h("span", { key: '6134b435fa2572c24dd3d8be7ca3f02b51e6ea3c', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '20e4112658cd486eb49d7e2543f13678b4d7a5fd', class: toolClassName }, index.h("slot", { key: 'f03881df79fb42c911c2895cd787f706c9529a9f', name: "tool" }))), this.showLabel && (index.h("span", { key: 'beeb327bbc2a05443d756dea01be85e0a885e507', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-badge.cjs.entry.js

@@ -16,7 +16,7 @@ const SwirlBadge = class {
         const className = index$1.classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (index.h(index.Host, { key: '6c67a6db9984dab232cf8e88d20534a93ed1b3b2', role: "status" }, index.h("span", { key: '849ba6cfbe783aee6e5d93234a3a63b115bae903', class: className, part: "badge" }, this.icon && index.h("span", { key: '906a2916d2b10e26671c6e96740e077742b0d3e4', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
+        return (index.h(index.Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, index.h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && index.h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = swirlBadgeCss;

package/dist/cjs/swirl-banner.cjs.entry.js

@@ -57,7 +57,7 @@ const SwirlBanner = class {
         const className = index$1.classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (index.h(index.Host, { key: '5fe674b015dca5ebb25241f5685804c580103a6c' }, index.h("div", { key: '3150d535b211232f6110cc548cdf7d373eba614d', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: 'd9bbb8fd8da2fcae133276a30209217c3bb93e3a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: '5325d2cec860f3866e77c47ac39a12e9435c0112', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '495fa090855b8802e18ae60e5a287872a4ce80f4', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: 'a6c6b2c8a9207e192a9849d7cb76f06c2ddffb7c', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: '51a32c9e597fedf86d11d9ba01131f18569bf99e', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: '8da94862540f2c02a01fb2e8b8a618b2b4d5a6b0', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '02abf496d35db73ba30c92c8fd5b99bc423f3d86' }))))))));
+        return (index.h(index.Host, { key: '11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0' }, index.h("div", { key: 'bc5e53f04ad5e80defe407340d191d1951a10123', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: '86b3950336dca8b1d28994d1fb18113a4b4c421a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: '5716e25d171cc28861459258e257c8a821ebc56d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'a5a5019667573c14dde87041e475481a7edf6d5e', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: 'cf8632f83dc502caba7f10710a353d1a34f30493', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: '166c562828b381640c29783ac8b275f49b088cad', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: 'b1247a38ea5f7592d7c12f0919360041ea9061b8', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '12524ce0998e451f9260924e2a5226ddee4ade43' }))))))));
     }
     get element() { return index.getElement(this); }
 };