@sekiui/elements 0.0.60 → 0.0.61

package/dist/collection/components/sheet/seki-sheet-title.js

@@ -0,0 +1,23 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-title: Title text in the sheet header
+ *
+ * @component SheetTitle
+ */
+export class SekiSheetTitle {
+    render() {
+        return (h("h2", { key: '9c3d557d95289dd84362bccabf780cc44c83c9a3', class: "seki-sheet-title", part: "title" }, h("slot", { key: '439a7f18092f9df5e2165a31e2ae9fffe0a34b81' })));
+    }
+    static get is() { return "seki-sheet-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+}

package/dist/collection/components/sheet/seki-sheet-trigger.js

@@ -0,0 +1,46 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-trigger: Button/element that opens the sheet
+ *
+ * @component SheetTrigger
+ */
+export class SekiSheetTrigger {
+    constructor() {
+        this.handleClick = () => {
+            this.triggerClick.emit();
+        };
+    }
+    render() {
+        return (h("div", { key: '5da1ecda4ab9bd031ca04447ababc5f4f7f6bece', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '112f37fa5a4c2aa564fe7a72e2e864f08fc10a32' })));
+    }
+    static get is() { return "seki-sheet-trigger"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get events() {
+        return [{
+                "method": "triggerClick",
+                "name": "triggerClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the trigger is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/sheet/seki-sheet.css

@@ -0,0 +1,244 @@
+/* Sheet Component Styles with Design Tokens */
+
+:host {
+  --seki-sheet-bg: var(--color-background, #ffffff);
+  --seki-sheet-border: var(--color-border, hsl(220 13% 91%));
+  --seki-sheet-text: var(--color-text-primary, hsl(220 9% 20%));
+  --seki-sheet-text-muted: var(--color-text-secondary, hsl(220 9% 46%));
+  --seki-sheet-overlay-bg: rgba(0, 0, 0, 0.5);
+  --seki-sheet-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --seki-sheet-font-family: var(--seki-font-sans, system-ui, -apple-system, sans-serif);
+  --seki-sheet-width: 24rem;
+  --seki-sheet-height: 24rem;
+  --seki-sheet-z-index: 50;
+  --seki-sheet-animation-duration: 0.3s;
+
+  display: contents;
+}
+
+/* Dark mode support */
+:host([data-theme='dark']) {
+  --seki-sheet-bg: var(--color-background-dark, hsl(215 20% 10%));
+  --seki-sheet-border: var(--color-border-dark, hsl(215 20% 25%));
+  --seki-sheet-text: var(--color-text-primary-dark, hsl(215 20% 85%));
+  --seki-sheet-text-muted: var(--color-text-secondary-dark, hsl(215 20% 65%));
+  --seki-sheet-overlay-bg: rgba(0, 0, 0, 0.7);
+}
+
+/* Root sheet container */
+.seki-sheet {
+  display: contents;
+}
+
+/* Overlay */
+.seki-sheet-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--seki-sheet-overlay-bg);
+  z-index: var(--seki-sheet-z-index);
+  animation: fadeIn var(--seki-sheet-animation-duration) ease;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* Trigger */
+.seki-sheet-trigger {
+  display: inline-flex;
+  cursor: pointer;
+}
+
+/* Content container */
+.seki-sheet-content {
+  position: fixed;
+  z-index: calc(var(--seki-sheet-z-index) + 1);
+  background: var(--seki-sheet-bg);
+  box-shadow: var(--seki-sheet-shadow);
+  font-family: var(--seki-sheet-font-family);
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+
+/* Right side (default) */
+.seki-sheet-content--right {
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: var(--seki-sheet-width);
+  max-width: 100%;
+  border-left: 1px solid var(--seki-sheet-border);
+  animation: slideInRight var(--seki-sheet-animation-duration) ease;
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+/* Left side */
+.seki-sheet-content--left {
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: var(--seki-sheet-width);
+  max-width: 100%;
+  border-right: 1px solid var(--seki-sheet-border);
+  animation: slideInLeft var(--seki-sheet-animation-duration) ease;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+/* Top side */
+.seki-sheet-content--top {
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: var(--seki-sheet-height);
+  max-height: 100%;
+  border-bottom: 1px solid var(--seki-sheet-border);
+  animation: slideInTop var(--seki-sheet-animation-duration) ease;
+}
+
+@keyframes slideInTop {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+/* Bottom side */
+.seki-sheet-content--bottom {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: var(--seki-sheet-height);
+  max-height: 100%;
+  border-top: 1px solid var(--seki-sheet-border);
+  animation: slideInBottom var(--seki-sheet-animation-duration) ease;
+}
+
+@keyframes slideInBottom {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+/* Close button (built into content) */
+.seki-sheet-close-button {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--seki-sheet-text-muted);
+  cursor: pointer;
+  opacity: 0.7;
+  transition: opacity 0.15s ease;
+}
+
+.seki-sheet-close-button:hover {
+  opacity: 1;
+}
+
+.seki-sheet-close-button:focus-visible {
+  outline: 2px solid var(--color-primary, hsl(220 90% 56%));
+  outline-offset: 2px;
+}
+
+.seki-sheet-close-button svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+/* Header */
+.seki-sheet-header {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  padding: 1.5rem;
+  padding-right: 3rem; /* Space for close button */
+}
+
+/* Title */
+.seki-sheet-title {
+  margin: 0;
+  font-size: var(--seki-font-size-lg, 18px);
+  font-weight: var(--seki-font-weight-semibold, 600);
+  color: var(--seki-sheet-text);
+  line-height: 1.4;
+}
+
+/* Description */
+.seki-sheet-description {
+  margin: 0;
+  font-size: var(--seki-font-size-sm, 14px);
+  color: var(--seki-sheet-text-muted);
+  line-height: 1.5;
+}
+
+/* Footer */
+.seki-sheet-footer {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 1.5rem;
+  margin-top: auto;
+}
+
+@media (min-width: 640px) {
+  .seki-sheet-footer {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}
+
+/* Close wrapper */
+.seki-sheet-close {
+  display: inline-flex;
+  cursor: pointer;
+}
+
+/* Reduced motion support */
+@media (prefers-reduced-motion: reduce) {
+  .seki-sheet-overlay,
+  .seki-sheet-content--right,
+  .seki-sheet-content--left,
+  .seki-sheet-content--top,
+  .seki-sheet-content--bottom,
+  .seki-sheet-close-button {
+    animation: none;
+    transition: none;
+  }
+}

package/dist/collection/components/sheet/seki-sheet.js

@@ -0,0 +1,195 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet: Root sheet component (slide-out panel)
+ *
+ * @component Sheet
+ * @example
+ * <seki-sheet>
+ *   <seki-sheet-trigger>
+ *     <seki-button>Open Sheet</seki-button>
+ *   </seki-sheet-trigger>
+ *   <seki-sheet-content>
+ *     <seki-sheet-header>
+ *       <seki-sheet-title>Title</seki-sheet-title>
+ *       <seki-sheet-description>Description</seki-sheet-description>
+ *     </seki-sheet-header>
+ *     Content here
+ *   </seki-sheet-content>
+ * </seki-sheet>
+ */
+export class SekiSheet {
+    constructor() {
+        /**
+         * Internal state for sheet open/closed
+         */
+        this.isOpen = false;
+    }
+    /**
+     * Opens the sheet
+     */
+    async open() {
+        this.isOpen = true;
+        this.sheetOpen.emit();
+    }
+    /**
+     * Closes the sheet
+     */
+    async close() {
+        this.isOpen = false;
+        this.sheetClose.emit();
+    }
+    /**
+     * Toggles the sheet
+     */
+    async toggle() {
+        if (this.isOpen) {
+            await this.close();
+        }
+        else {
+            await this.open();
+        }
+    }
+    handleTriggerClick() {
+        this.toggle();
+    }
+    handleCloseSheet() {
+        this.close();
+    }
+    handleKeydown(ev) {
+        if (this.isOpen && ev.key === 'Escape') {
+            this.close();
+        }
+    }
+    render() {
+        return (h("div", { key: 'c9d0c8507da0d67e64c547dc716eb75906ba706f', class: {
+                'seki-sheet': true,
+                'seki-sheet--open': this.isOpen,
+            }, part: "sheet" }, h("slot", { key: '9402454749a8f805fde8b4650155b381695b139a' }), this.isOpen && (h("div", { key: '97765a21368e7a4f00857dd1db4ddd6825226dc7', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+    }
+    static get is() { return "seki-sheet"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sheetOpen",
+                "name": "sheetOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the sheet opens"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "sheetClose",
+                "name": "sheetClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the sheet closes"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "open": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Opens the sheet",
+                    "tags": []
+                }
+            },
+            "close": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Closes the sheet",
+                    "tags": []
+                }
+            },
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Toggles the sheet",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get listeners() {
+        return [{
+                "name": "triggerClick",
+                "method": "handleTriggerClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "closeSheet",
+                "method": "handleCloseSheet",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleKeydown",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/sidebar/seki-sidebar-content.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarContent {
     render() {
-        return (h("div", { key: '8dc3b6ffd77d487413cdfd55e04a1d0db35ac98a', class: "sidebar-content" }, h("slot", { key: '16a831a29087144a009042dbfb8e736ba01b11e1' })));
+        return (h("div", { key: '1cc55e55b68dad0c4fa896b2f19a87a98372f665', class: "sidebar-content" }, h("slot", { key: '333a97519601aa470c6664d2982328f1ce5873f2' })));
     }
     static get is() { return "seki-sidebar-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-footer.js

@@ -17,7 +17,7 @@ export class SekiSidebarFooter {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '2731c9a0285d83e52696b788ac0405c3f5d672a7', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'd081d50a74d184bc355eac71d1c899d7c599a4b5', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '85da16c57a58f967a22474c678c89470d47c0eec' }))));
+        return (h(Host, { key: '1e5a9b222c05cfcb458f2f0b76d98a72c2019c81', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '95cbe3b4c76d090cc7279155a8e20429498e1872', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'c9c9f43e184c4a0616fd4fcfe17c7297492ca44c' }))));
     }
     static get is() { return "seki-sidebar-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-group-action.js

@@ -7,7 +7,7 @@ export class SekiSidebarGroupAction {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '7a3271f2f5312ad8fa693784f707e0091d8980aa' }, h("button", { key: 'a8442743c066fb9c8bcd7aa22e2c24b4c6214dee', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'da0a1a478ecfd2bd8df6f57e92fbd968733c4378' }))));
+        return (h(Host, { key: 'f1af0ae20a1fa3d80659d7fd898ce67e9e957e3c' }, h("button", { key: '41824177e2d59b9f5b6dae05f4d7623ff5d5fc81', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '2e57cdeefe3232c807649c77efc80fcc40061baf' }))));
     }
     static get is() { return "seki-sidebar-group-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-group-content.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroupContent {
     render() {
-        return (h("div", { key: 'aa4a6a1833f8ca534efa2fe0bf3ecd569cecca7a', class: "sidebar-group-content" }, h("slot", { key: '8b0f210b353362cfc64ea7c79990a656d5697cc3' })));
+        return (h("div", { key: 'c6e9846f76ecbbb1c8b4d66f649e216515a55866', class: "sidebar-group-content" }, h("slot", { key: 'a28425ed6094cf618cfcb71a6c608c480de83936' })));
     }
     static get is() { return "seki-sidebar-group-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-group-label.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroupLabel {
     render() {
-        return (h("div", { key: 'f423c5dd615c20ea501312291c1c3581145eb9a6', class: "sidebar-group-label" }, h("slot", { key: '8d2196d2410601b3b576a8b732be18471c0b7dc3' })));
+        return (h("div", { key: 'cfc6fcaabff8949991d6e959f7bd25a46ad31620', class: "sidebar-group-label" }, h("slot", { key: '3999ff92850710f8fdbc03867ccb91b192bc122b' })));
     }
     static get is() { return "seki-sidebar-group-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-group.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarGroup {
     render() {
-        return (h("div", { key: '7ed11a95e77c36b5ba462e15b66ab85038225380', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '452756ebd5d17424d6d1905abc61057dd3aceb81' }, this.label)), h("div", { key: 'bffdc6c888214f408cb9d4f2f26cc7b0c2b36054', class: "sidebar-group-content" }, h("slot", { key: '18f1bdbf5366437a45e279f9c140a05a25f572cd' }))));
+        return (h("div", { key: '8b7df1d4e100cf9378c982ce9a8b34271f3fbe96', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '2493d1b02b46e6e281e8a6c900064a492e4784a6' }, this.label)), h("div", { key: '4ee8478a87d195c7a4cb780b30d461c2465863ab', class: "sidebar-group-content" }, h("slot", { key: 'c9b34641abdec66816c20981f488ee158a564154' }))));
     }
     static get is() { return "seki-sidebar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-header.js

@@ -17,7 +17,7 @@ export class SekiSidebarHeader {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (h(Host, { key: '659c0a6f5eb60a194d800ea51477ef86314afcb8', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '82c14186c15e86f2df41d5bfa8b24d09dcf6ad60', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '62a426d89b2a5f43392f956f70ceb02561660fb2' }))));
+        return (h(Host, { key: 'b846f2fb4160711c380d1da2a39ac5fb139083cb', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '3a1e68b6b5ee13d7d1463b1541c5ed21df8c27ae', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '81bb78f7407d182e2950fe96f8e570af0c64a71c' }))));
     }
     static get is() { return "seki-sidebar-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-inset.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarInset {
     render() {
-        return (h("div", { key: '778e7a9a480aba446f16f124f1041149fee12932', class: "sidebar-inset" }, h("slot", { key: '0d78eafaf3f4d700f2cabc851eb47a85167a08e5' })));
+        return (h("div", { key: 'f363e39ac76ace75507183a18d33c775cd82d9f9', class: "sidebar-inset" }, h("slot", { key: '9f19b131251746165f63ed01f5b89414c6797baf' })));
     }
     static get is() { return "seki-sidebar-inset"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-action.js

@@ -7,7 +7,7 @@ export class SekiSidebarMenuAction {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '4d4d84358bbf918bc22030bd0101466af7a35723', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: 'f4a2ae9348a71def7057aac7941de78b79fc3f96' })));
+        return (h("button", { key: '99d4c6b82929d2ad9b7286c1401f31d112fa4390', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '4ef04362c6aa5f61892c8aa56aa02bd2b6cb572d' })));
     }
     static get is() { return "seki-sidebar-menu-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-badge.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuBadge {
     render() {
-        return (h("span", { key: 'de0e83b8a43a253b1bf940818a0c4e6156551fd6', class: "sidebar-menu-badge" }, h("slot", { key: 'c08b119a846d8e908e10874c9187e17dc592ecd7' })));
+        return (h("span", { key: 'b26f5bf205ce8c24889dde253fd022587c06f75c', class: "sidebar-menu-badge" }, h("slot", { key: '537f6545cf5708d13d7722a6221572077951a688' })));
     }
     static get is() { return "seki-sidebar-menu-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-button.js

@@ -66,7 +66,7 @@ export class SekiSidebarMenuButton {
                 buttonProps.tabIndex = -1;
             }
         }
-        return (h(Tag, Object.assign({ key: 'ff2b5cbf1f6fced3e046eaaf80e70bc0b859ea5a' }, buttonProps), h("span", { key: '29b4c388b7ca48cca7ae18a2ba14e8e1dacf7afc', class: "sidebar-menu-button-content" }, h("slot", { key: '03f87497ae258c248fcfdbd1a0e3bd531e5f3ea2' })), this._isIconMode && this.tooltipText && (h("span", { key: '1dbafc69b2c7674310f057e146f2efe9913729bb', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: '779ff1dc7db619043e40d07261107723f5ba9e8f' }, buttonProps), h("span", { key: 'f23e01750001b40497ca4b7c2a6d0bd4094ec0e4', class: "sidebar-menu-button-content" }, h("slot", { key: '905dce9990379cab3c038936ff7a267f0c65174f' })), this._isIconMode && this.tooltipText && (h("span", { key: '85b45f55e9dab201ffca95d339be398ea87ca222', class: "sr-only" }, this.tooltipText))));
     }
     static get is() { return "seki-sidebar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-item.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuItem {
     render() {
-        return (h("li", { key: '70483eac0087b4b5f5fbe08253846476fdc58379', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '332f3c8772ad00a154479e10b1d6dce30c7262b5' })));
+        return (h("li", { key: '81bc20384634ee98353c3b672f8f71e877a08326', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '0ece35afbc087eb5e994d816a25c8771b427e231' })));
     }
     static get is() { return "seki-sidebar-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-skeleton.js

@@ -7,7 +7,7 @@ export class SekiSidebarMenuSkeleton {
         this.showIcon = false;
     }
     render() {
-        return (h("div", { key: '39bc1b85f70f1c46ce5df5975284dcce5e23e3c2', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '49cbfeb516814e9150176440001f102eed8165b7', class: "sidebar-menu-skeleton-icon" }), h("div", { key: 'ba1d25a8d8d8051b1ada50edcf254a1625681eb4', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: 'cdc477fb0d26d5f3488b6334bb5b9000e82166ce', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: 'c303dfadc7d33c4fc46b99f23b3b0acb08a96931', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '5bbd888aa114b53c62fc0048a8738786be12a498', class: "sidebar-menu-skeleton-text" })));
     }
     static get is() { return "seki-sidebar-menu-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-sub-button.js

@@ -11,10 +11,10 @@ export class SekiSidebarMenuSubButton {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'bbc099eaf9b18fb44f0c144238340e8e04648cc1', class: {
+        return (h("button", { key: 'b59a5352ee6bad905a70150b4e55d2d115568173', class: {
                 'sidebar-menu-sub-button': true,
                 'sidebar-menu-sub-button--active': this.active,
-            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'bcdbdcd57b4581fc15a9ae39e5083fe3e5d17c90' })));
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: '6f0b8a9ee1549eb9e3671e38ea3c63907fe1081d' })));
     }
     static get is() { return "seki-sidebar-menu-sub-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidebar/seki-sidebar-menu-sub-item.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenuSubItem {
     render() {
-        return (h("li", { key: '3a432f4a96f4fb95519f20caeb2b2f78ce4f0a48', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: 'd387a68f09b370f82f2ca66cb8b7a89522799c63' })));
+        return (h("li", { key: '119f12b8be17d927c225234c8dc9298b5c4bbeae', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '90ef7228d5cc45a688843b3089c64936807956dc' })));
     }
     static get is() { return "seki-sidebar-menu-sub-item"; }
     static get encapsulation() { return "shadow"; }