@sekiui/elements 0.0.65 → 0.0.70

package/dist/collection/components/scroll-area/seki-scroll-bar.js

@@ -0,0 +1,233 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Scroll Bar Component
+ *
+ * Custom scrollbar that syncs with the parent scroll area's scroll position.
+ * Supports vertical and horizontal orientations.
+ *
+ * @part scrollbar - The scrollbar track
+ * @part thumb - The draggable thumb
+ */
+export class SekiScrollBar {
+    constructor() {
+        this.isDragging = false;
+        this.dragStartPosition = 0;
+        this.dragStartScroll = 0;
+        this.scrollHandler = () => this.updateFromContext();
+        /**
+         * Scrollbar orientation
+         */
+        this.orientation = 'vertical';
+        /**
+         * Thumb size as percentage
+         */
+        this.thumbSize = 0;
+        /**
+         * Thumb position as percentage
+         */
+        this.thumbPosition = 0;
+        /**
+         * Whether scrollbar should be visible (has overflow)
+         */
+        this.hasOverflow = false;
+        this.handleTrackClick = (event) => {
+            if (event.target === this.thumbRef)
+                return;
+            if (!this.trackRef)
+                return;
+            const context = this.getContext();
+            if (!(context === null || context === void 0 ? void 0 : context.viewportEl))
+                return;
+            const rect = this.trackRef.getBoundingClientRect();
+            const isVertical = this.orientation === 'vertical';
+            if (isVertical) {
+                const clickPosition = (event.clientY - rect.top) / rect.height;
+                const maxScroll = context.scrollHeight - context.clientHeight;
+                context.viewportEl.scrollTop = clickPosition * maxScroll;
+            }
+            else {
+                const clickPosition = (event.clientX - rect.left) / rect.width;
+                const maxScroll = context.scrollWidth - context.clientWidth;
+                context.viewportEl.scrollLeft = clickPosition * maxScroll;
+            }
+        };
+        this.handleThumbMouseDown = (event) => {
+            event.preventDefault();
+            this.startDrag(event.clientX, event.clientY);
+        };
+        this.handleThumbTouchStart = (event) => {
+            const touch = event.touches[0];
+            this.startDrag(touch.clientX, touch.clientY);
+        };
+        this.handleMouseMove = (event) => {
+            if (!this.isDragging)
+                return;
+            this.handleDrag(event.clientX, event.clientY);
+        };
+        this.handleTouchMove = (event) => {
+            if (!this.isDragging)
+                return;
+            event.preventDefault();
+            const touch = event.touches[0];
+            this.handleDrag(touch.clientX, touch.clientY);
+        };
+        this.handleMouseUp = () => {
+            this.endDrag();
+        };
+        this.handleTouchEnd = () => {
+            this.endDrag();
+        };
+    }
+    getContext() {
+        const scrollArea = this.el.closest('seki-scroll-area');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return scrollArea ? scrollArea._scrollAreaContext : null;
+    }
+    componentDidLoad() {
+        this.updateFromContext();
+        // Listen for scroll changes
+        const scrollArea = this.el.closest('seki-scroll-area');
+        if (scrollArea) {
+            this.scrollAreaRef = scrollArea;
+            scrollArea.addEventListener('sekiScroll', this.scrollHandler);
+            // Also update on resize
+            this.resizeObserver = new ResizeObserver(() => {
+                this.updateFromContext();
+            });
+            this.resizeObserver.observe(scrollArea);
+        }
+        // Setup drag listeners
+        document.addEventListener('mousemove', this.handleMouseMove);
+        document.addEventListener('mouseup', this.handleMouseUp);
+        document.addEventListener('touchmove', this.handleTouchMove, { passive: false });
+        document.addEventListener('touchend', this.handleTouchEnd);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        document.removeEventListener('mousemove', this.handleMouseMove);
+        document.removeEventListener('mouseup', this.handleMouseUp);
+        document.removeEventListener('touchmove', this.handleTouchMove);
+        document.removeEventListener('touchend', this.handleTouchEnd);
+        (_a = this.scrollAreaRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiScroll', this.scrollHandler);
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    }
+    updateFromContext() {
+        const context = this.getContext();
+        if (!context)
+            return;
+        const isVertical = this.orientation === 'vertical';
+        if (isVertical) {
+            const { scrollTop, scrollHeight, clientHeight } = context;
+            this.hasOverflow = scrollHeight > clientHeight;
+            if (this.hasOverflow) {
+                // Thumb size as percentage of track
+                this.thumbSize = (clientHeight / scrollHeight) * 100;
+                // Thumb position as percentage
+                const maxScroll = scrollHeight - clientHeight;
+                this.thumbPosition = maxScroll > 0 ? (scrollTop / maxScroll) * (100 - this.thumbSize) : 0;
+            }
+        }
+        else {
+            const { scrollLeft, scrollWidth, clientWidth } = context;
+            this.hasOverflow = scrollWidth > clientWidth;
+            if (this.hasOverflow) {
+                this.thumbSize = (clientWidth / scrollWidth) * 100;
+                const maxScroll = scrollWidth - clientWidth;
+                this.thumbPosition = maxScroll > 0 ? (scrollLeft / maxScroll) * (100 - this.thumbSize) : 0;
+            }
+        }
+    }
+    startDrag(clientX, clientY) {
+        this.isDragging = true;
+        const context = this.getContext();
+        if (!context)
+            return;
+        const isVertical = this.orientation === 'vertical';
+        this.dragStartPosition = isVertical ? clientY : clientX;
+        this.dragStartScroll = isVertical ? context.scrollTop : context.scrollLeft;
+        document.body.style.userSelect = 'none';
+    }
+    handleDrag(clientX, clientY) {
+        const context = this.getContext();
+        if (!(context === null || context === void 0 ? void 0 : context.viewportEl) || !this.trackRef)
+            return;
+        const rect = this.trackRef.getBoundingClientRect();
+        const isVertical = this.orientation === 'vertical';
+        const trackSize = isVertical ? rect.height : rect.width;
+        const currentPosition = isVertical ? clientY : clientX;
+        const delta = currentPosition - this.dragStartPosition;
+        // Convert pixel delta to scroll delta
+        const scrollableDistance = isVertical
+            ? context.scrollHeight - context.clientHeight
+            : context.scrollWidth - context.clientWidth;
+        const thumbSizePixels = (this.thumbSize / 100) * trackSize;
+        const scrollRatio = scrollableDistance / (trackSize - thumbSizePixels);
+        const scrollDelta = delta * scrollRatio;
+        if (isVertical) {
+            context.viewportEl.scrollTop = this.dragStartScroll + scrollDelta;
+        }
+        else {
+            context.viewportEl.scrollLeft = this.dragStartScroll + scrollDelta;
+        }
+    }
+    endDrag() {
+        if (this.isDragging) {
+            this.isDragging = false;
+            document.body.style.userSelect = '';
+        }
+    }
+    render() {
+        if (!this.hasOverflow) {
+            return null;
+        }
+        const isVertical = this.orientation === 'vertical';
+        const thumbStyle = isVertical
+            ? { height: `${this.thumbSize}%`, top: `${this.thumbPosition}%` }
+            : { width: `${this.thumbSize}%`, left: `${this.thumbPosition}%` };
+        return (h(Host, { "aria-hidden": "true" }, h("div", { ref: (el) => (this.trackRef = el), part: "scrollbar", class: "scrollbar", "data-orientation": this.orientation, onClick: this.handleTrackClick }, h("div", { ref: (el) => (this.thumbRef = el), part: "thumb", class: "thumb", style: thumbStyle, onMouseDown: this.handleThumbMouseDown, onTouchStart: this.handleThumbTouchStart }))));
+    }
+    static get is() { return "seki-scroll-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-scroll-bar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-scroll-bar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orientation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'vertical' | 'horizontal'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Scrollbar orientation"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "orientation",
+                "defaultValue": "'vertical'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "thumbSize": {},
+            "thumbPosition": {},
+            "hasOverflow": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -334,7 +334,7 @@ export class SekiSelect {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: 'c110550a601aa08d5abba413735d357240a5d9b3' }, h("slot", { key: '14139afd23b220b0f3081f7381aa5510131af8e8' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: '30e46550b49ca3c3bbb9cc64039ab931bda3e7e2' }, h("slot", { key: 'fcd5b19fcbdeff10c254a291d8968f82d3c9d701' }), this.name && this.renderHiddenNativeElement()));
     }
     renderHiddenNativeElement() {
         if (this.multiple) {

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

@@ -11,7 +11,7 @@ export class SekiSelectGroup {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: 'dca8fbe31e5c41a84c02d3d74c05b321c11d5a82' }, h("div", { key: 'ef8bee775f0d82ed8d07f9d0b6536b6e3260ebff', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: '146deb5607ba94f23a46b3f5baeafcabeec52658', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '30ebf405317419271134651f39dce7ec74041078', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '36da05fa59cb940572280c746ea3975e4b93df72', name: "label" }, this.label)), h("div", { key: '4d0ce029f20b7d100d459e41549562f8d371e442', class: "group-options" }, h("slot", { key: 'fb5d98ef6ac46382df96a191d58965eb2d57ecbf' })))));
+        return (h(Host, { key: 'a033f42eb910d2f081c10d697f94573d373b51e8' }, h("div", { key: 'a4f973c93ab7058a4e83bf0ad86f56569ac01b5e', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'c0cbe31e3e4c93974fdd16d10ef2ee6aef54045d', class: "group-separator", "aria-hidden": "true" }), h("div", { key: 'ca4594230c880850426d0f05dc9c5c39b2ba94f3', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '8559dbf8a0cddd6e1c49b6fd88a58f13b775e4de', name: "label" }, this.label)), h("div", { key: '5a64f8ac27339610a47a49ffa62528d51f8465b6', class: "group-options" }, h("slot", { key: '4e1e8d78b9144643e0572b5248531e27f0953507' })))));
     }
     static get is() { return "seki-select-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-option/seki-select-option.js

@@ -75,7 +75,7 @@ export class SekiSelectOption {
         const selectContext = this.getSelectContext();
         const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
         const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
-        return (h(Host, { key: '34b0054a9810a9717159d13938bc0a6714823972' }, h("div", { key: 'bdffceb8a1bc408998484bcf5fbc45b894854660', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '240b1b1ac7a97f029ead79838d88fcab8ec44324', class: "option-label" }, h("slot", { key: '6b425f82130d506460cee4278aaf11e5636ca41e' })), isSelected && (h("span", { key: '44e1260f0b069176051acabd2c0d068a907c2be0', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: '1bc3a477d945c10ba5dcd443f7dc08e87ab6632f', name: "selected-indicator" }, h("svg", { key: 'fb645a2cae4ab9379e8214569146d8cfa2e2d880', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'edf1ef0fd7578c7a3442741e36040a65a377db2e', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '3d4d6dea5d2032f32b166f05babaee102f72af24' }, h("div", { key: '9ce1402d9c9f267b18c2f8ba3293ca5b66a0d77b', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '0f8321a2320beb9d9508ca36563d701c2d837f4c', class: "option-label" }, h("slot", { key: '7bda8a25d27220253fa8f3848ab12703641e95c5' })), isSelected && (h("span", { key: '3e7e05dcfd97bfc494ee4ec65c25d466d834470f', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'c44fc81839dcd6642b513027b1da7925115c7bb6', name: "selected-indicator" }, h("svg", { key: '16f4ba1e2a6cd3c88bf39927eb038e552ec2f66b', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4a257d9886bcc6d54f38fac4080fb4fa22e8b68a', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "seki-select-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class SekiSeparator {
     }
     render() {
         const isVertical = this.orientation === 'vertical';
-        return (h("div", { key: '9bc05b90262f215a1f56971d4839317de947ec31', class: {
+        return (h("div", { key: '5e055ab9c5107079bd350ec0b8c33b007ead017e', class: {
                 'seki-separator': true,
                 'seki-separator--horizontal': !isVertical,
                 'seki-separator--vertical': isVertical,

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

@@ -11,7 +11,7 @@ export class SekiSheetClose {
         };
     }
     render() {
-        return (h("div", { key: '7f8eacd7ccc7434d2e618ac5c54ccde1ba623a05', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'f38e1ff6f5842c5d9fb60a9a1323601ba851b795' })));
+        return (h("div", { key: '35245d2d37ff03c3bfb2ac08275304b6f983e71b', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'ca4f64bb47e07b25855c96fe436f065148a4de08' })));
     }
     static get is() { return "seki-sheet-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,10 +23,10 @@ export class SekiSheetContent {
         }
     }
     render() {
-        return (h(Host, { key: 'ed1ff16d14f6b4018da1618edb1038a570123879', "data-side": this.side }, h("div", { key: '0fa8afd6ba15e0a32dd14d68c05d701e0b1f12e6', role: "dialog", "aria-modal": "true", class: {
+        return (h(Host, { key: '652d09db19bf28de5ed62a9cb002344ca7e2f22a', "data-side": this.side }, h("div", { key: 'c589924dafc9169302fe56b2d551856c50fe7875', role: "dialog", "aria-modal": "true", class: {
                 'seki-sheet-content': true,
                 [`seki-sheet-content--${this.side}`]: true,
-            }, part: "content" }, h("button", { key: 'fdcdc83fc3f7bc2cfe19a4e40db391e640c398e8', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'efc7b88ae3123e0e76fc82af69e1648ae56b63d8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '7fc51c72b57108da90c03a4ef5a209f52cf4e518', d: "M18 6 6 18" }), h("path", { key: 'a43b7d1e5d81e46b729376dd1e3949ae00ae933f', d: "m6 6 12 12" }))), h("slot", { key: '9b979b500288b9293ea6df3d38204795e230d2c9' }))));
+            }, part: "content" }, h("button", { key: '359d587f63a59f382e73a850034fb351f5a4305c', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: 'c388e78609e4233fbfbc98afda060919afd4631f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '53dd128a38cf28f77c4b1f23cf4321b27f86baba', d: "M18 6 6 18" }), h("path", { key: '2a47e222327416e6b1edb31bce0742f3e69de539', d: "m6 6 12 12" }))), h("slot", { key: '2a0b004fc71a14404b9b642a955022bb67297fb0' }))));
     }
     static get is() { return "seki-sheet-content"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class SekiSheetContent {
                     "references": {
                         "SheetSide": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/sheet/seki-sheet-content.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/sheet/seki-sheet-content.tsx",
                             "id": "src/components/sheet/seki-sheet-content.tsx::SheetSide"
                         }
                     }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetDescription {
     render() {
-        return (h("p", { key: '9fbe3f677aba8e70c32f2bff2cf21e0013dc17fa', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'd42cf576101d5c6a7f1dae4fb8916dbb8cf52bc1' })));
+        return (h("p", { key: 'f44e18c80a68e33165c9ba97a09abd67685a477b', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'e5209a72fe3ff4ae8d7d49ca8b91886d8f17a12a' })));
     }
     static get is() { return "seki-sheet-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetFooter {
     render() {
-        return (h("div", { key: 'ec2e5a79224929f7dadba9d92dd8909ed6756677', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'e17445b1ec97a254bfa043bd082f9e9a2176d58e' })));
+        return (h("div", { key: '0167a8fd40194fe1e60da2819e6bf81859c07f89', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'cf7ab890e575fbc6b4ae692608934a478b1a772f' })));
     }
     static get is() { return "seki-sheet-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetHeader {
     render() {
-        return (h("div", { key: '2aeb8dc8c9c739f20656e8436ca57a05fd1deaba', class: "seki-sheet-header", part: "header" }, h("slot", { key: '5135f9a81ad77e6c69433f737b1d62c11d8a6921' })));
+        return (h("div", { key: 'a7d87a83f0dd1d847b4b7a1b17597d9360d321f9', class: "seki-sheet-header", part: "header" }, h("slot", { key: '6ca95bf74718c941f7e3e9d5256e6de7c5c0f8dd' })));
     }
     static get is() { return "seki-sheet-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiSheetTitle {
     render() {
-        return (h("h2", { key: '09748dc861d9d3e1ff77cd488c535f8beef72661', class: "seki-sheet-title", part: "title" }, h("slot", { key: 'ca2f9a8f9ca917d13b788dab40c95642fd6d269e' })));
+        return (h("h2", { key: '49212c872d3ee2dbf77218b68ecf953801934866', class: "seki-sheet-title", part: "title" }, h("slot", { key: '749b278110173bb25de031e23f7032ba236808d3' })));
     }
     static get is() { return "seki-sheet-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class SekiSheetTrigger {
         };
     }
     render() {
-        return (h("div", { key: '7944f71598de1c7029cd12d56c9f6005e8b585ce', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'e876c1ad18ac2e76b6d0b510bc740021ff30bf97' })));
+        return (h("div", { key: 'b82f54e48f8d20cb6839724a899aa67a3bb27eb6', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: 'eda48537596cfc36a5960862b0459667af71c050' })));
     }
     static get is() { return "seki-sheet-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,10 +61,10 @@ export class SekiSheet {
         }
     }
     render() {
-        return (h("div", { key: '874c68220787799bdaa3ae8ed29ca86c1b587823', class: {
+        return (h("div", { key: 'd4bbaf94f41b371b9d91c9e17a7981052a2c240c', class: {
                 'seki-sheet': true,
                 'seki-sheet--open': this.isOpen,
-            }, part: "sheet" }, h("slot", { key: '7137d6e580a7b54b1fd40dcbbe150420755dd2a6' }), this.isOpen && (h("div", { key: 'bd643a315d033026f995d5169ea3c81b39db4287', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, part: "sheet" }, h("slot", { key: 'b2806a639093fe3671df027dfa02ed7934d895fd' }), this.isOpen && (h("div", { key: '882b9f6637069f493835454d17777c3b7deda4c8', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     static get is() { return "seki-sheet"; }
     static get encapsulation() { return "shadow"; }

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: '440800f4a55551a29c0a1570c6e1b7fcb0aaa3be', class: "sidebar-content" }, h("slot", { key: 'ded6225e91fb6b155e90f55c7aa469fbed4a49e5' })));
+        return (h("div", { key: 'fe80e2f4915bdaa6ccab66897cd6c892c88237b6', class: "sidebar-content" }, h("slot", { key: '5d3a8ee0aad35aca1d5acb547106bbfcba8ceefb' })));
     }
     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: '7533108aae72a1fc510668de33c0265315fa09f2', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '004b64c3d9afee004807ad9db13e6fc233ccd407', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: '80493bb142f326bb31ced8e8553794dbe66703f6' }))));
+        return (h(Host, { key: 'ee9d2bb38c0e185b255e56931cbcef857dde2bda', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: '747c48c31be34543b919e6e6cb8b352d5ec6a9c1', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, h("slot", { key: 'da13979b0791b10ed50d187273abdd418e43d446' }))));
     }
     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: '80f23ed1303997491b01245989dc6ef0d1a1097c' }, h("button", { key: 'c6e71e6a2e6fea6a6b075a461141f4f0590eb9c6', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: '41db36bee9d1bf6421808c3107e1a9d99e429d08' }))));
+        return (h(Host, { key: '1dd13a1054c58016cc4e0b89d6e0f4fbc584576f' }, h("button", { key: '967b4bf61f6b80387ca8c6daabc0ec6957987eb4', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, h("slot", { key: 'c9155323705129a54ab12abebfd1dc1726d7c379' }))));
     }
     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: 'b6abc168dfb77d0fadd60727fec0d662b3ef915b', class: "sidebar-group-content" }, h("slot", { key: '178dd847412c2f894fddb4c6d25e15b21f2c9558' })));
+        return (h("div", { key: '88877a96d1bbfe6cd41d41db311385e73d05c2c0', class: "sidebar-group-content" }, h("slot", { key: '36c4de27becf188f5b9327e0806c03e3ca45f61c' })));
     }
     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: 'bdcf100832378dc3635726b014a6a3ea641c42ba', class: "sidebar-group-label" }, h("slot", { key: 'a085589cffd5b226b9ac859edf800d814b4d83a6' })));
+        return (h("div", { key: 'fab8189e91e326e5572565da101bd35a64c1cd85', class: "sidebar-group-label" }, h("slot", { key: '3cb15db6b5a536942c4ab17f6f3567c9f1a35979' })));
     }
     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: 'b7c7c38de6eaa2437d14c64d1a75b58a2775b9e3', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: '77314d079fde51fe6b6d4c083dc07f5ffef98f65' }, this.label)), h("div", { key: '7d7e9ff88e755758fcaa5fe518d663a2d6b46060', class: "sidebar-group-content" }, h("slot", { key: '70c4a637ff684409f14424ac8c669aefa53a141c' }))));
+        return (h("div", { key: '64e6cb2c9296bc9ca673484def01fa058522ede9', class: "sidebar-group" }, this.label && (h("seki-sidebar-group-label", { key: 'e8b204b725301d9f7c3e04499d5ab083d8a8ce23' }, this.label)), h("div", { key: '5e2ecf816ec1b38be56cdb871ea6a38647fb0218', class: "sidebar-group-content" }, h("slot", { key: 'ee59646fcb4fe8a2818c3f88fa04d22625dd3eab' }))));
     }
     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: '80fa3e3f3114904e540aeed90055875cba54bd9d', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'f9e361e8f673dc6a5cf7d220f2e532b39dd35a9e', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: '4597be6db31279cdcabc16fa52d317d6f5ed7a80' }))));
+        return (h(Host, { key: '8cfb8f01a27ae2bfcccff333b888f7345601b6b1', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, h("div", { key: 'be8d2de415b0b4ad0fdbf9e4bfa433d46706a50a', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, h("slot", { key: 'a0b87ef6bcce73fa780f436990f6593bc4a761fe' }))));
     }
     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: 'f5e0668608715a3baee9aeb62db2727373f93355', class: "sidebar-inset" }, h("slot", { key: '282318b6efd605111a5669f59c8cd111f28f8fc3' })));
+        return (h("div", { key: 'b6b871650314ffcfb2116c5d9bf9a5b248f1895a', class: "sidebar-inset" }, h("slot", { key: '634e3b44bbc2a748818bb9cd385ca0fa33dc1c5f' })));
     }
     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: '2b0cfc60d4435f5542fe69b32a61c4e6f4bac7b3', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: 'bd496508028b5b579d5d54b7be4e5354d8d02852' })));
+        return (h("button", { key: '34a997954623cd0d6de95233c47127812fa4b7e4', class: "sidebar-menu-action", disabled: this.disabled, type: "button", "aria-label": "More options" }, h("slot", { key: '11b76eedc18b1fc95876da77e0461e9916e69c33' })));
     }
     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: 'bd8c865ae2c4608299012cab994a6b4340db748c', class: "sidebar-menu-badge" }, h("slot", { key: 'ea28d94f9058c392b1ae77b6e3a03a259b574d38' })));
+        return (h("span", { key: 'c37715680a2175f6c6b7e3cf76fdd3855a346404', class: "sidebar-menu-badge" }, h("slot", { key: 'c4c000ee837ee2ddc35afc5a13654a032d3aed48' })));
     }
     static get is() { return "seki-sidebar-menu-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class SekiSidebarMenuButton {
                 buttonProps.tabIndex = -1;
             }
         }
-        return (h(Tag, Object.assign({ key: '089f3657d4a5e3e7d36f1970d3d048257ee838a6' }, buttonProps), h("span", { key: '3db7e5f530a34e7e547c98c3ee549e522d8b0d8e', class: "sidebar-menu-button-content" }, h("slot", { key: 'd75951d5ea727caa8dec556efe21c1116038c0c1' })), this._isIconMode && this.tooltipText && (h("span", { key: '1907a24cff0aa545f5f069b04ce822760bbaefb4', class: "sr-only" }, this.tooltipText))));
+        return (h(Tag, Object.assign({ key: 'e04698a39abae98a8f0bfa1642b984ca847d0b4d' }, buttonProps), h("span", { key: 'ed2eb5f5191605dc8b36764c182857179fc0f047', class: "sidebar-menu-button-content" }, h("slot", { key: '71caac0a699f3d63ea726087275d7bdbea958d1e' })), this._isIconMode && this.tooltipText && (h("span", { key: '40d785610ce17244683a040b1c18b24d6eaecb7e', 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: '04f297c6a73cf5b838edaa84eb75df5660c9d1a6', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '16f03115765577233d2dda3837cc64c7e70ae698' })));
+        return (h("li", { key: 'e1165092827505342d690bdbde12ea0a2922ae9b', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '19c6914a0307ea85c4ad1b4f600438f5963a2dc3' })));
     }
     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: '590cbb890e448303c4363b4acd9fbf9fe5edac49', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '31fe3117640c6bdaf1d12dd4659041dd56d7ea0c', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '4f6313760e452a7a8483c33a9955783b16e8c0f1', class: "sidebar-menu-skeleton-text" })));
+        return (h("div", { key: 'b2780ed63983851c52cb84f504ddc5766c06e276', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: 'ac65f4fb8d4a7a8b0818fa2edfdaaf881d6e3068', class: "sidebar-menu-skeleton-icon" }), h("div", { key: '17c4004936ba5b7ff53c302dc6ed50944f99c757', 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: '6bf08f32b14152c0a6f99536d711a3c2d3ab47d5', class: {
+        return (h("button", { key: '7c8f8dea65ec5fdae22049db234e1d3378426e5f', class: {
                 'sidebar-menu-sub-button': true,
                 'sidebar-menu-sub-button--active': this.active,
-            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'd925e659cd1af0ae739cc99e108923ac9a0c7b77' })));
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'b38bd03e83abfe3bae661e38b835fd0ecbbdd17f' })));
     }
     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: 'fdc5c44c48bdca7ed4d7c9c2ff13498ef8c4b192', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: 'c8acb7d91828c783565eb6357a27f691f2b295ec' })));
+        return (h("li", { key: 'b9428a0df99658e7d40a6375a64f343ce040c401', class: "sidebar-menu-sub-item", role: "none" }, h("slot", { key: '1280494dd1923c8c7b80854a8c4d8012b8cf7210' })));
     }
     static get is() { return "seki-sidebar-menu-sub-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,13 +42,13 @@ export class SekiSidebarMenuSub {
         }
     }
     render() {
-        return (h(Host, { key: 'c4cc2fc8d329dc20b520dbee53a8eae0545024b7', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: '7a5de5390de326b738e19153ed263569515b6051', class: "sidebar-menu-sub" }, h("div", { key: '0198303e0fef1634f9a334ad567e7aa66cc92f0b', class: "sidebar-menu-sub-trigger" }, h("slot", { key: 'fd661ee57f34210e3a8adebd37d26845b7cc1494', name: "trigger" }), h("svg", { key: '8e4e97921723e0dd70ab833e2a9f85f6a82c5027', class: {
+        return (h(Host, { key: '9f160d3df68dc414f843b2b29ead4243615d19b6', "data-state": this._open ? 'open' : 'closed' }, h("div", { key: 'abab7d9799e07e30c031fbc6fea1f6370b0f4779', class: "sidebar-menu-sub" }, h("div", { key: '896e81413d42b0751384e371681297fd66d6921a', class: "sidebar-menu-sub-trigger" }, h("slot", { key: '2ee05345cb9d0b25094a3fad7f0e2e494d58b195', name: "trigger" }), h("svg", { key: 'da77ad175e5822c159f566b452f45db7d074b445', class: {
                 'sidebar-menu-sub-chevron': true,
                 'sidebar-menu-sub-chevron--open': this._open,
-            }, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '27387ab6bbfac4e879ee6f22df6a7dcc0549f231', d: "m9 18 6-6-6-6" }))), h("div", { key: 'bd6a82d19dba84667ef6d3e86c155276597f195f', class: {
+            }, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'f6cf8ab391311da9331e0b12e95b3a01577c09be', d: "m9 18 6-6-6-6" }))), h("div", { key: '28e2bdc51b0d6271666fb93ac918dd6bb5063dbc', class: {
                 'sidebar-menu-sub-wrapper': true,
                 'sidebar-menu-sub-wrapper--open': this._open,
-            } }, h("ul", { key: 'c32f2fa9adc6e80c61c66f127d6e79d605b00105', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'd23d71ff7d06a1e2eb43330b1eda11013d141398' }))))));
+            } }, h("ul", { key: 'fc2dfd789ec45422c7e38409ba9569806c4e6d7c', class: "sidebar-menu-sub-content", role: "menu", "aria-hidden": !this._open }, h("slot", { key: 'b416ed1e4fffe789e38fed65ff0cc2b480d78d5c' }))))));
     }
     static get is() { return "seki-sidebar-menu-sub"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SekiSidebarMenu {
     render() {
-        return (h("ul", { key: '43a16f7b41789549c38bc0a6175c4a48d00b898a', class: "sidebar-menu", role: "menu" }, h("slot", { key: '480a77a093c7969f4803c2e599e883b05b890424' })));
+        return (h("ul", { key: '935a75876257b5905110b0a5ff91d280d96d1967', class: "sidebar-menu", role: "menu" }, h("slot", { key: '6add61018c3ac7281b70647bd08d7f14e7af9f96' })));
     }
     static get is() { return "seki-sidebar-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,7 +131,7 @@ export class SekiSidebarProvider {
             '--sidebar-width-icon': this.sidebarWidthIcon,
             '--sidebar-width-mobile': this.sidebarWidthMobile,
         };
-        return (h(Host, { key: '3a8c9a93e78ea4de3b82d03978cb74aa34dd7593', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: '153a4d1656c5da6ecc31bdc775c16dbbcfa47e64' })));
+        return (h(Host, { key: 'd79545734bb16870384b1478d4f2302ddb9c83de', "data-state": this._open ? 'open' : 'closed', "data-mobile": this._isMobile ? 'true' : 'false', "data-mobile-open": this._openMobile ? 'true' : 'false', style: style }, h("slot", { key: 'bc0c69752dc849c45b7fb90dea988104631e5745' })));
     }
     static get is() { return "seki-sidebar-provider"; }
     static get encapsulation() { return "shadow"; }
@@ -287,7 +287,7 @@ export class SekiSidebarProvider {
                     "references": {
                         "SidebarStateChangeDetail": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/sidebar/seki-sidebar-provider.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/sidebar/seki-sidebar-provider.tsx",
                             "id": "src/components/sidebar/seki-sidebar-provider.tsx::SidebarStateChangeDetail"
                         }
                     }

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

@@ -9,7 +9,7 @@ export class SekiSidebarRail {
         };
     }
     render() {
-        return (h(Host, { key: 'eaa74e7a0ca288c6958879a38cfddd6430412dfe' }, h("button", { key: '5e70eb377de84c4064e1c0a50cade2a0c2fda425', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: '47128a0e622274ac75906ffd14879a3a51c3463b' }))));
+        return (h(Host, { key: 'b5d7d7ee8f50c5a3c5e1677f3bc36fc393461ff5' }, h("button", { key: '14a757cd4bef62dc789a9391139cb91b27f5d3d4', class: "sidebar-rail", type: "button", tabIndex: -1, "aria-hidden": "true", onClick: this.handleClick, title: "Toggle sidebar" }, h("slot", { key: '366a1677f0ed66a5b723783a6fc075bf165f50b0' }))));
     }
     static get is() { return "seki-sidebar-rail"; }
     static get encapsulation() { return "shadow"; }