@sekiui/elements 0.0.64 → 0.0.69

package/dist/collection/components/alert-dialog/seki-alert-dialog-content.js

@@ -0,0 +1,201 @@
+import { h, Host } from "@stencil/core";
+import { trapFocus, focusFirst } from "../../utils/dialog/focus-trap";
+/**
+ * Alert Dialog Content Component
+ *
+ * The content panel for the alert dialog with role="alertdialog".
+ * This is a modal dialog that interrupts the user with important content
+ * and expects a response. Unlike regular dialogs, it does NOT close on
+ * overlay click - users must explicitly confirm or cancel.
+ *
+ * @slot - The alert dialog content (header, description, footer with actions)
+ *
+ * @part content - The content container element
+ */
+export class SekiAlertDialogContent {
+    constructor() {
+        /**
+         * Whether pressing Escape closes the alert dialog
+         */
+        this.closeOnEscape = true;
+        /**
+         * Internal open state tracked from parent
+         */
+        this._isOpen = false;
+        this.instanceId = ++SekiAlertDialogContent.instanceCount;
+    }
+    /**
+     * Get the title ID for aria-labelledby
+     */
+    get titleId() {
+        return `seki-alert-dialog-title-${this.instanceId}`;
+    }
+    /**
+     * Get the description ID for aria-describedby
+     */
+    get descriptionId() {
+        return `seki-alert-dialog-description-${this.instanceId}`;
+    }
+    /**
+     * Get context from parent alert dialog
+     */
+    getContext() {
+        const alertDialog = this.el.closest('seki-alert-dialog');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return alertDialog ? alertDialog._alertDialogContext : null;
+    }
+    componentWillRender() {
+        var _a, _b;
+        const context = this.getContext();
+        const wasOpen = this._isOpen;
+        this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+        // Save focus reference when opening
+        if (!wasOpen && this._isOpen) {
+            this.previousActiveElement = document.activeElement;
+        }
+        // Restore focus when closing
+        if (wasOpen && !this._isOpen) {
+            (_b = this.previousActiveElement) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }
+    componentDidRender() {
+        if (this._isOpen && this.contentRef) {
+            // Focus first focusable element on open
+            requestAnimationFrame(() => {
+                if (this.contentRef) {
+                    focusFirst(this.contentRef);
+                }
+            });
+        }
+    }
+    componentDidLoad() {
+        // Listen for context changes from parent
+        const alertDialog = this.el.closest('seki-alert-dialog');
+        if (alertDialog) {
+            alertDialog.addEventListener('sekiOpenChange', () => {
+                var _a, _b;
+                const context = this.getContext();
+                const wasOpen = this._isOpen;
+                this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+                if (!wasOpen && this._isOpen) {
+                    this.previousActiveElement = document.activeElement;
+                    requestAnimationFrame(() => {
+                        if (this.contentRef) {
+                            focusFirst(this.contentRef);
+                        }
+                    });
+                }
+                else if (wasOpen && !this._isOpen) {
+                    (_b = this.previousActiveElement) === null || _b === void 0 ? void 0 : _b.focus();
+                }
+            });
+        }
+    }
+    handleKeyDown(event) {
+        if (!this._isOpen)
+            return;
+        // Escape to close (emit cancel first, then close request)
+        if (event.key === 'Escape' && this.closeOnEscape) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.cancelEvent.emit();
+            this.requestClose.emit();
+            return;
+        }
+        // Focus trap - always active for alert dialogs (they are always modal)
+        if (event.key === 'Tab' && this.contentRef) {
+            trapFocus(this.contentRef, event);
+        }
+    }
+    render() {
+        if (!this._isOpen) {
+            return null;
+        }
+        return (h(Host, { "data-state": "open" }, h("div", { ref: (el) => (this.contentRef = el), part: "content", role: "alertdialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, class: "alert-dialog-content" }, h("slot", null))));
+    }
+    static get is() { return "seki-alert-dialog-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-alert-dialog-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-alert-dialog-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "closeOnEscape": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether pressing Escape closes the alert dialog"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-on-escape",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_isOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "requestClose",
+                "name": "sekiAlertDialogRequestClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the alert dialog requests to close"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "cancelEvent",
+                "name": "sekiCancel",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the alert dialog is cancelled (Escape key)"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+SekiAlertDialogContent.instanceCount = 0;

package/dist/collection/components/alert-dialog/seki-alert-dialog-trigger.css

@@ -0,0 +1,14 @@
+:host {
+  display: inline-block;
+}
+
+.trigger {
+  display: inline-block;
+  cursor: pointer;
+  border-radius: var(--seki-radius-sm, 0.25rem);
+}
+
+.trigger:focus-visible {
+  outline: 2px solid var(--seki-color-ring, hsl(240, 5%, 64.9%));
+  outline-offset: 2px;
+}

package/dist/collection/components/alert-dialog/seki-alert-dialog-trigger.js

@@ -0,0 +1,58 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Alert Dialog Trigger Component
+ *
+ * The element that opens the alert dialog when clicked.
+ *
+ * @slot - The trigger content (typically a button)
+ *
+ * @part trigger - The trigger wrapper element
+ */
+export class SekiAlertDialogTrigger {
+    constructor() {
+        this.handleClick = (event) => {
+            event.preventDefault();
+            this.triggerClick.emit();
+        };
+        this.handleKeyDown = (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                this.triggerClick.emit();
+            }
+        };
+    }
+    render() {
+        return (h(Host, { key: '3485ec023168e1cab250fccee086efba7752e85b' }, h("span", { key: 'd4113dded0535cf61a6f7b597c5a4c58df5a82f2', part: "trigger", class: "trigger", role: "button", tabindex: "0", "aria-haspopup": "dialog", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'f4d755807dc36b6e8f7f508fc8cc510c0639b0cf' }))));
+    }
+    static get is() { return "seki-alert-dialog-trigger"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-alert-dialog-trigger.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-alert-dialog-trigger.css"]
+        };
+    }
+    static get events() {
+        return [{
+                "method": "triggerClick",
+                "name": "sekiAlertDialogTriggerClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/alert-dialog/seki-alert-dialog.css

@@ -0,0 +1,3 @@
+:host {
+  display: contents;
+}

package/dist/collection/components/alert-dialog/seki-alert-dialog.js

@@ -0,0 +1,225 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Alert Dialog root component for confirmation dialogs
+ *
+ * A modal dialog that interrupts the user with important content and expects a response.
+ * Wraps seki-dialog internally with Alert Dialog-specific behavior.
+ *
+ * @slot - Alert Dialog trigger, overlay, and content
+ */
+export class SekiAlertDialog {
+    constructor() {
+        /**
+         * Controlled open state
+         */
+        this.open = false;
+        /**
+         * Default open state (uncontrolled)
+         */
+        this.defaultOpen = false;
+        /**
+         * Internal open state
+         */
+        this._isOpen = false;
+        this.handleOpenChange = (event) => {
+            event.stopPropagation();
+            this._isOpen = event.detail;
+            this.open = event.detail;
+            this.sekiOpenChange.emit(event.detail);
+            this.updateContext();
+        };
+    }
+    componentWillLoad() {
+        this._isOpen = this.open || this.defaultOpen;
+    }
+    openChanged(newValue) {
+        var _a, _b;
+        if (this._isOpen !== newValue) {
+            this._isOpen = newValue;
+            if (newValue) {
+                (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.openDialog();
+            }
+            else {
+                (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.closeDialog();
+            }
+        }
+    }
+    /**
+     * Opens the alert dialog
+     */
+    async openDialog() {
+        var _a;
+        await ((_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.openDialog());
+    }
+    /**
+     * Closes the alert dialog
+     */
+    async closeDialog() {
+        var _a;
+        await ((_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.closeDialog());
+    }
+    handleTriggerClick() {
+        this.openDialog();
+    }
+    handleCloseRequest() {
+        this.closeDialog();
+    }
+    getContext() {
+        return {
+            isOpen: this._isOpen,
+            close: () => this.closeDialog(),
+        };
+    }
+    updateContext() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._alertDialogContext = this.getContext();
+    }
+    componentDidLoad() {
+        this.updateContext();
+    }
+    componentDidUpdate() {
+        this.updateContext();
+    }
+    render() {
+        return (h(Host, { key: '7046c7bcc59af5224e7a9affee9ad5e56c63629f', "data-state": this._isOpen ? 'open' : 'closed' }, h("seki-dialog", { key: 'fd27689ed170a703d15a81b468662cb9f9043c29', ref: (el) => (this.dialogRef = el), open: this._isOpen, modal: true, onSekiOpenChange: this.handleOpenChange }, h("slot", { key: '5e5f00ad79c6d5614be781fb71a3e8f8a14a4aea' }))));
+    }
+    static get is() { return "seki-alert-dialog"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-alert-dialog.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-alert-dialog.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controlled open state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "defaultOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default open state (uncontrolled)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-open",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_isOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sekiOpenChange",
+                "name": "sekiOpenChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when open state changes"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "openDialog": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Opens the alert dialog",
+                    "tags": []
+                }
+            },
+            "closeDialog": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Closes the alert dialog",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "openChanged"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "sekiAlertDialogTriggerClick",
+                "method": "handleTriggerClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "sekiAlertDialogRequestClose",
+                "method": "handleCloseRequest",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/aspect-ratio/seki-aspect-ratio.js

@@ -28,7 +28,7 @@ export class SekiAspectRatio {
     render() {
         const safeRatio = this.getSafeRatio();
         const paddingBottom = `${(1 / safeRatio) * 100}%`;
-        return (h(Host, { key: 'c13353870f945a5456edf66523a043d7d89e2d4f' }, h("div", { key: '72584e24701fadfcf75a10ae10a32a201f0f8967', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '45188fe34626c8beee8357316c75da84e5eaf605', class: "aspect-ratio__content" }, h("slot", { key: 'dd4606c5fe82395848a663d808271d1ebf41f95e' })))));
+        return (h(Host, { key: 'a2646390aa0016571eb94e91cda0a6dc030d3720' }, h("div", { key: '2f8a5e8a968f92dd2254d5b0723d0a1508740590', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '88c77f0cb2c1f9c5a552f8acc46f32146b87216e', class: "aspect-ratio__content" }, h("slot", { key: '38538db5a43d7df13b3d8d0f55a8b5606d60657f' })))));
     }
     static get is() { return "seki-aspect-ratio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,7 +91,7 @@ export class SekiAvatar {
                     "references": {
                         "AvatarSize": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/avatar/seki-avatar.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/avatar/seki-avatar.tsx",
                             "id": "src/components/avatar/seki-avatar.tsx::AvatarSize"
                         }
                     }
@@ -120,7 +120,7 @@ export class SekiAvatar {
                     "references": {
                         "AvatarShape": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/avatar/seki-avatar.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/avatar/seki-avatar.tsx",
                             "id": "src/components/avatar/seki-avatar.tsx::AvatarShape"
                         }
                     }

package/dist/collection/components/breadcrumb/seki-breadcrumb-ellipsis.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiBreadcrumbEllipsis {
     render() {
-        return (h("span", { key: '67bcd7c9b1e82915e4d540fbb4fe90c23677000d', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '3b1d941f10c6a32ef7a0af662974fff05904780e', 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("circle", { key: '2422ce803917639f4834615a1526cf7619a34bcf', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'f9513355b40b83880568ae92e1e3b108d9864d3d', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'b57814f9eac01aea81ab09025408f69407f0f878', cx: "5", cy: "12", r: "1" })), h("span", { key: 'fd981a905a1adc783b8e2365de8f36adf62b7156', class: "sr-only" }, "More")));
+        return (h("span", { key: 'd9f5898e38b790c7209900b93a51aca783d017d5', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '72983c45bfbaf810314fe6d6907684e6ebe5ecd5', 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("circle", { key: 'cf69f819c76787edd7772dde52e2e1323d23449a', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'bb6904f6955195f67ffa662fc966593efde2011a', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'd5f5668e53d0907c2bc1d1b9f4521333ed994844', cx: "5", cy: "12", r: "1" })), h("span", { key: 'df58f8eded7e85a4f2f957853638a68ad4cf53b7', class: "sr-only" }, "More")));
     }
     static get is() { return "seki-breadcrumb-ellipsis"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb/seki-breadcrumb-item.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiBreadcrumbItem {
     render() {
-        return (h("li", { key: '8b954d39555820f2630028c280e4ceac3d32a9bb', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '6dbbb795828610974e0858305b19a56d59fadc88' })));
+        return (h("li", { key: '11c3919c846ae4b5bb997ae9d6a725c92bfd58cf', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '33024d1d1fef1bb3cd3eba5b9ee0c706ed21dad3' })));
     }
     static get is() { return "seki-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb/seki-breadcrumb-link.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiBreadcrumbLink {
     render() {
-        return (h("a", { key: 'c5b6ec1f700246cb6a8bbdc9074403a0c37063e6', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '2dceb677e3cba14a3bdef00a3cf26b9cb56dab24' })));
+        return (h("a", { key: '2daff93dbcfe97de0418cc3dd86f7738a40f5569', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: 'a97fbfa25d6188a5a979ed4e41860bc1362217f1' })));
     }
     static get is() { return "seki-breadcrumb-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb/seki-breadcrumb-list.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiBreadcrumbList {
     render() {
-        return (h("ol", { key: '2a8606c6462afd60c302580f5a307b81d74e79e1', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '0fce9599a327e7923ce83fd59f300f77399b53d2' })));
+        return (h("ol", { key: '907e0029c5633cb547518b5eba409178460573a1', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: 'f3f389e0c00252bb99e5046b8386707ff7596733' })));
     }
     static get is() { return "seki-breadcrumb-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb/seki-breadcrumb-page.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class SekiBreadcrumbPage {
     render() {
-        return (h("span", { key: '2afdfd60d66896dac935f0606f8efb724ba6df40', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '0410afe8ad1e54cdbc6b350f78b708225b63e912' })));
+        return (h("span", { key: '9a2c12b2350352a052d9eb765216088789fee136', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '7f27b94b4d5d4a87e61a8950459b1b9836c8e0ac' })));
     }
     static get is() { return "seki-breadcrumb-page"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class SekiBreadcrumbSeparator {
     }
     render() {
         const hasContent = this.hasCustomContent();
-        return (h("li", { key: '108b2c41bd3f0569b98183de41dedc99996e4486', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (h("svg", { 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", { d: "m9 18 6-6-6-6" })))));
+        return (h("li", { key: 'b9ccca45d7d7038958489cdec1de24561c64856d', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (h("svg", { 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", { d: "m9 18 6-6-6-6" })))));
     }
     static get is() { return "seki-breadcrumb-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class SekiBreadcrumb {
         this.label = 'breadcrumb';
     }
     render() {
-        return (h("nav", { key: '90f4c5b40e8c4fa1c7f538f5edd69d5e8d14a0c2', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '9024736e84099acc44f972e451327f4dea69a216' })));
+        return (h("nav", { key: '7a656954b54f0362c0b95e8ac63ec2240de7a6d9', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '1bbe99456f7e8d87c33c32e3a8f6c1dfd5f9586f' })));
     }
     static get is() { return "seki-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -998,3 +998,25 @@
 :host([data-group-only]) .button {
   border-radius: var(--seki-button-radius);
 }
+
+/* =============================================================================
+   INPUT GROUP SUPPORT (horizontal only, no orientation attribute)
+   These styles apply when the button is inside a seki-input-group
+   ============================================================================= */
+
+/* First position in input-group (no orientation attr) */
+:host([data-group-first]:not([data-group-orientation])) .button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+/* Middle position in input-group */
+:host([data-group-middle]:not([data-group-orientation])) .button {
+  border-radius: 0;
+}
+
+/* Last position in input-group */
+:host([data-group-last]:not([data-group-orientation])) .button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}

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

@@ -27,7 +27,7 @@ export class SekiButton {
         }
     }
     render() {
-        return (h("button", { key: '8dcbfc724a5f97cf12ebbfbaea16e4acea92bae9', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.ariaLabel }, h("slot", { key: 'e3b7a70eb678587ef88367ac3ac50d06ee5de2ad' })));
+        return (h("button", { key: '02f92ebedfa3d7486b8a128dfb78fe5fb825ddce', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.ariaLabel }, h("slot", { key: '6665bc7277c1135208d34d6068c8d9738ae3c1f6' })));
     }
     static get is() { return "seki-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,10 +42,10 @@ export class SekiButtonGroup {
         });
     }
     render() {
-        return (h(Host, { key: '1a793cbd24a8d424e3815fd7beabf292b62fa50d' }, h("div", { key: 'b7c02ddcd45c8b081a63d3d446e56abd36dd778e', class: {
+        return (h(Host, { key: '5b52f603abb7f6477870daf519713f719df19a1b' }, h("div", { key: 'cd3f26327b0c2a800af3e8669c2a141002c725fc', class: {
                 'button-group': true,
                 [`button-group--${this.orientation}`]: true,
-            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '29ec991c2e3dd1157179c4f040d942caf0d0d7a1', onSlotchange: () => this.updateChildButtons() }))));
+            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '9fba2a28ae98a3273950bc621992ece7446f2e52', onSlotchange: () => this.updateChildButtons() }))));
     }
     static get is() { return "seki-button-group"; }
     static get encapsulation() { return "shadow"; }