@getflip/swirl-components 0.290.0 → 0.291.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-06T13:05:01",
+  "timestamp": "2025-02-07T10:39:38",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -858,6 +858,28 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "hasSeparator",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-separator",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -878,6 +900,132 @@
           ],
           "optional": false,
           "required": true
+        },
+        {
+          "name": "separatorSpacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlSeparatorSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlSeparatorSpacing": {
+                "location": "import",
+                "path": "../swirl-separator/swirl-separator",
+                "id": "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "separator-spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"4\"",
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "spacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+          "complexType": {
+            "original": "SwirlStackSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+            "references": {
+              "SwirlStackSpacing": {
+                "location": "import",
+                "path": "../swirl-stack/swirl-stack",
+                "id": "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"0\"",
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "40",
+              "type": "string"
+            },
+            {
+              "value": "48",
+              "type": "string"
+            },
+            {
+              "value": "64",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -897,8 +1045,16 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "swirl-separator",
+        "swirl-stack"
+      ],
+      "dependencyGraph": {
+        "swirl-action-list-section": [
+          "swirl-separator",
+          "swirl-stack"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-app-bar/swirl-app-bar.tsx",
@@ -44734,6 +44890,28 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "hasSeparator",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-separator",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -44754,6 +44932,132 @@
           ],
           "optional": false,
           "required": true
+        },
+        {
+          "name": "separatorSpacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlSeparatorSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlSeparatorSpacing": {
+                "location": "import",
+                "path": "../swirl-separator/swirl-separator",
+                "id": "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "separator-spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"4\"",
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "spacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+          "complexType": {
+            "original": "SwirlStackSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+            "references": {
+              "SwirlStackSpacing": {
+                "location": "import",
+                "path": "../swirl-stack/swirl-stack",
+                "id": "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"0\"",
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "40",
+              "type": "string"
+            },
+            {
+              "value": "48",
+              "type": "string"
+            },
+            {
+              "value": "64",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -44773,8 +45077,16 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "swirl-separator",
+        "swirl-stack"
+      ],
+      "dependencyGraph": {
+        "swirl-option-list-section": [
+          "swirl-separator",
+          "swirl-stack"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-pagination/swirl-pagination.tsx",
@@ -49355,16 +49667,24 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "swirl-action-list-section",
         "swirl-lightbox",
+        "swirl-option-list-section",
         "swirl-pdf-reader",
         "swirl-resource-list-section",
         "swirl-shell-layout"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "swirl-action-list-section": [
+          "swirl-separator"
+        ],
         "swirl-lightbox": [
           "swirl-separator"
         ],
+        "swirl-option-list-section": [
+          "swirl-separator"
+        ],
         "swirl-pdf-reader": [
           "swirl-separator"
         ],
@@ -50963,12 +51283,14 @@
       "parts": [],
       "dependents": [
         "file-manager",
+        "swirl-action-list-section",
         "swirl-autocomplete",
         "swirl-button-group",
         "swirl-empty-state",
         "swirl-file-viewer-fallback",
         "swirl-image-grid-item",
         "swirl-lightbox",
+        "swirl-option-list-section",
         "swirl-pagination",
         "swirl-pdf-reader",
         "swirl-resource-list",
@@ -50984,6 +51306,9 @@
         "file-manager": [
           "swirl-stack"
         ],
+        "swirl-action-list-section": [
+          "swirl-stack"
+        ],
         "swirl-autocomplete": [
           "swirl-stack"
         ],
@@ -51002,6 +51327,9 @@
         "swirl-lightbox": [
           "swirl-stack"
         ],
+        "swirl-option-list-section": [
+          "swirl-stack"
+        ],
         "swirl-pagination": [
           "swirl-stack"
         ],
@@ -60865,6 +61193,41 @@
       "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 = \"default\" | \"strong\" | \"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::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": "",
@@ -61015,26 +61378,6 @@
       "docstring": "",
       "path": "src/components/swirl-button/swirl-button.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": "",
@@ -61270,21 +61613,6 @@
       "docstring": "",
       "path": "src/components/swirl-resource-list-item/swirl-resource-list-item.tsx"
     },
-    "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorColor": {
-      "declaration": "export type SwirlSeparatorColor = \"default\" | \"strong\" | \"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::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-search/swirl-search.tsx::SwirlSearchVariant": {
       "declaration": "export type SwirlSearchVariant = \"filled\" | \"outline\";",
       "docstring": "",

package/dist/cjs/file-manager.cjs.entry.js

@@ -62,7 +62,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: '6603abe64ac9ea6436bf164e5863dbe252485444' }, index.h("swirl-app-layout", { key: '41bf19429c03eedbe5b53a27a9e1f5ac53199872', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: '9c27bc74c66a7551ff7d10c7e97a168e13a53ff3', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '347b1f00fc38adee4d9c3c8e61b068341b46bba1', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'd4cfe8cf0018329a5bd5c0aafeb1b7d814848fc2', label: "Sort items" })), index.h("swirl-stack", { key: 'f5dfe41009bb7ce695eb7751e5d9c7da0de5b49e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'a32447f4da4b23c479eda986074cc6872fccec6c' }, index.h("swirl-heading", { key: '1b195e5c58b6b0547c2513279500ffac6708f5e9', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'fd5e67c61cccabf95c49dda8a797c1ffde13d244', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: 'f3df316e5f0b4f83b5bb08b9909ed926f7c52ed9', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'f923387944645c02ac03e23395213b176ed09203', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '61a6233730516d6e3a9ee37f777372f1c68d428f', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'b1d547fbf54276b014329c6585b161531181a138', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'b076f7e20dd0d765480f8f42a0510231956f315f', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '730c7e0f5a54eac3d34270d34523b586b060cd13', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'd42dd5d600b0e67b3e11bc89374dd633f6024d47', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '2aeeffcb320b8e4614ca86557db63fe533e44adf', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'bd7b9b047b2ed441d1f7b0545f4423c46b5e150b', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'cf4d8f11fd4d0b88c9598a3f696555786f61e3f0' }, index.h("swirl-app-layout", { key: 'c09dcab1e6cae4c716d7632e8bef0c137daa2195', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: '66bc9b1dfe00fc559f64618a0aad5c7fa60d668e', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '6b7489a7ce904bbbde241ded4fd66afc5839d60b', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '204b2c051855dbe9166288d67222e6bab8b5eecd', label: "Sort items" })), index.h("swirl-stack", { key: 'aaaec91d2fb59dfc3fad75fc6f8ac65b701210c5', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'cda0f6deb4888cd070e5d23542c5a29d15033683' }, index.h("swirl-heading", { key: '062cc15116315d21feee9d42beeaef4032682eec', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '3a0b965c85bf19da98249baed32caffd8f978076', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '86e9133be9b36f60ac8f6a9083b5ec2322d8932f', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '4e76be16045b9cbbb35df0c269542865b9d6024f', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '63da3d10e658273387a1c84c88333a2d356f61e8', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '599e73e13fa3e901955f9f6d7c185604d288a9ab', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'a41f004740d4b7a7abd52b4bec11d3b1ff60dce0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '1316b6f0cf2c4e98e5f33bfbb5d66695ece98269', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '58f06b9e639239a4030840743685409d16798466', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'd463e1d8db8bfe6056d28545f43c541bfdbb1ba4', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'c1fb103c4b288286f17a1acafa6ded3947aeea07', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-37911b7c.js

@@ -2837,10 +2837,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-file.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-separator.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-separator.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-heading.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2857,6 +2853,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-popover_2.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-separator.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-separator.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-tooltip.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */