@sekiui/elements 0.1.3 → 0.1.5

package/dist/cjs/toast-B_Hzs6pu.js

@@ -0,0 +1,99 @@
+'use strict';
+
+/**
+ * Toast utility for triggering toast notifications.
+ *
+ * @example
+ * import { toast } from '@sekiui/elements';
+ *
+ * // Basic usage
+ * toast('Hello world!');
+ *
+ * // With type
+ * toast.success('Event created!');
+ * toast.error('Something went wrong');
+ * toast.warning('Please review your input');
+ * toast.info('New version available');
+ *
+ * // With options
+ * toast('Custom toast', {
+ *   description: 'This is a description',
+ *   duration: 5000,
+ *   action: {
+ *     label: 'Undo',
+ *     onClick: () => console.log('Undo clicked')
+ *   }
+ * });
+ */
+/** Number of connected <seki-toaster> elements currently listening. */
+let activeToasters = 0;
+/** Toasts fired while no toaster was listening; flushed when one connects. */
+let pending = [];
+const MAX_PENDING = 10;
+/** @internal Called by <seki-toaster> when it connects. Returns buffered toasts to replay. */
+function registerToaster() {
+    activeToasters++;
+    const queued = pending;
+    pending = [];
+    return queued;
+}
+/** @internal Called by <seki-toaster> when it disconnects. */
+function unregisterToaster() {
+    activeToasters = Math.max(0, activeToasters - 1);
+}
+function dispatchToast(message, options = {}) {
+    if (activeToasters === 0) {
+        // No toaster is mounted yet (not in the DOM, or its module is still loading).
+        pending.push({ message, options });
+        if (pending.length > MAX_PENDING) {
+            pending.shift();
+        }
+        return;
+    }
+    const event = new CustomEvent('seki-toast', {
+        detail: {
+            message,
+            type: options.type || 'default',
+            description: options.description,
+            duration: options.duration,
+            action: options.action,
+        },
+        bubbles: true,
+        composed: true,
+    });
+    document.dispatchEvent(event);
+}
+/**
+ * Show a toast notification
+ */
+function toast(message, options) {
+    dispatchToast(message, options);
+}
+/**
+ * Show a success toast
+ */
+toast.success = (message, options) => {
+    dispatchToast(message, Object.assign(Object.assign({}, options), { type: 'success' }));
+};
+/**
+ * Show an error toast
+ */
+toast.error = (message, options) => {
+    dispatchToast(message, Object.assign(Object.assign({}, options), { type: 'error' }));
+};
+/**
+ * Show a warning toast
+ */
+toast.warning = (message, options) => {
+    dispatchToast(message, Object.assign(Object.assign({}, options), { type: 'warning' }));
+};
+/**
+ * Show an info toast
+ */
+toast.info = (message, options) => {
+    dispatchToast(message, Object.assign(Object.assign({}, options), { type: 'info' }));
+};
+
+exports.registerToaster = registerToaster;
+exports.toast = toast;
+exports.unregisterToaster = unregisterToaster;

package/dist/collection/collection-manifest.json

@@ -32,6 +32,7 @@
     "components/accordion/seki-accordion-trigger.js",
     "components/alert/seki-alert-description.js",
     "components/alert/seki-alert-title.js",
+    "components/dialog/seki-dialog.js",
     "components/alert-dialog/seki-alert-dialog.js",
     "components/alert-dialog/seki-alert-dialog-action.js",
     "components/alert-dialog/seki-alert-dialog-cancel.js",
@@ -94,7 +95,6 @@
     "components/context-menu/seki-context-menu-trigger.js",
     "components/data-table/seki-data-table.js",
     "components/dialog/seki-dialog-close.js",
-    "components/dialog/seki-dialog.js",
     "components/dialog/seki-dialog-content.js",
     "components/dialog/seki-dialog-description.js",
     "components/dialog/seki-dialog-footer.js",

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

@@ -51,10 +51,10 @@ export class SekiAlertDialogAction {
         return alertDialog ? alertDialog._alertDialogContext : null;
     }
     render() {
-        return (h(Host, { key: 'fe66f109690d96db8961a7ef26a1bd6d32634c06' }, h("button", { key: '9a8e216952eecd50700ceff37c90b989926cd156', part: "action", type: "button", class: {
+        return (h(Host, { key: 'd2d466f2f90c43541d889f0da1bea127a6a7563d' }, h("button", { key: '2ed53a71c2488b42df16003e0686719a8ff53b91', part: "action", type: "button", class: {
                 'action-button': true,
                 'destructive': this.variant === 'destructive',
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '0ea843a1003686d58369e68498d481c16343bca6' }, "Continue"))));
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'd98d5b5d882daf054a3b3974cb3f8ea98adc5c1a' }, "Continue"))));
     }
     static get is() { return "seki-alert-dialog-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class SekiAlertDialogCancel {
         return alertDialog ? alertDialog._alertDialogContext : null;
     }
     render() {
-        return (h(Host, { key: '5b19dc1500fe38d1e7016abee069f5bc2fcfdae7' }, h("button", { key: 'c90d471205559b324391959487e5876baa442c0d', part: "cancel", type: "button", class: "cancel-button", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '6a35cf38fa91498f9e68be6ec03e713125861e62' }, "Cancel"))));
+        return (h(Host, { key: '478751afadf341ad88de1dac98909309fdafa66d' }, h("button", { key: '62e80aa70bfa531b2ab513b58fabd52e93097517', part: "cancel", type: "button", class: "cancel-button", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'c9858d7f00c966d39e881f760cc57cea308989f2' }, "Cancel"))));
     }
     static get is() { return "seki-alert-dialog-cancel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -831,3 +831,9 @@
     animation: none;
   }
 }
+
+/* The panel itself takes focus only when it holds nothing focusable
+   (tabindex="-1", see utils/overlay.ts); no ring on the whole panel. */
+.alert-dialog-content:focus {
+  outline: none;
+}

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { trapFocus, focusFirst } from "../../utils/dialog/focus-trap";
+import { ContextConsumer } from "../../utils/context-bridge";
+import { DialogLabelSource, OverlayLayer } from "../../utils/overlay";
 /**
  * Alert Dialog Content Component
  *
@@ -14,22 +15,39 @@ import { trapFocus, focusFirst } from "../../utils/dialog/focus-trap";
  */
 export class SekiAlertDialogContent {
     constructor() {
+        this.alertDialogConsumer = new ContextConsumer('seki-alert-dialog', '_alertDialogContext', () => this.onAlertDialogOpenChange());
+        /**
+         * Escape, focus trap, focus restore and scroll lock (utils/overlay.ts).
+         * Alert dialogs are always modal.
+         */
+        this.layer = new OverlayLayer({
+            modal: true,
+            container: () => this.contentRef,
+            onEscape: (event) => {
+                if (!this._isOpen || !this.closeOnEscape)
+                    return;
+                event.preventDefault();
+                // Emit cancel first, then the close request.
+                this.cancelEvent.emit();
+                this.requestClose.emit();
+            },
+        });
+        this.labels = new DialogLabelSource((label, description) => {
+            this._label = label;
+            this._description = description;
+        });
+        /**
+         * Re-read the parent's context. Runs once on connect (picking up an alert
+         * dialog that is already open) and on every publish.
+         */
         this.onAlertDialogOpenChange = () => {
             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();
-            }
+            this._isOpen = (_b = (_a = this.getContext()) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
+            this.layer.setActive(this._isOpen);
+            if (this._isOpen)
+                this.labels.observe(this.el);
+            else
+                this.labels.disconnect();
         };
         /**
          * Whether pressing Escape closes the alert dialog
@@ -39,83 +57,33 @@ export class SekiAlertDialogContent {
          * 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}`;
+        /** Title text mirrored for the accessible name (#357). */
+        this._label = '';
+        /** Description text mirrored for the accessible description (#357). */
+        this._description = '';
     }
     /**
      * 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;
+        return this.alertDialogConsumer.context;
     }
-    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();
-        }
+    connectedCallback() {
+        this.alertDialogConsumer.connect(this.el);
     }
     componentDidRender() {
-        if (this._isOpen && this.contentRef) {
-            // Focus first focusable element on open
-            requestAnimationFrame(() => {
-                if (this.contentRef) {
-                    focusFirst(this.contentRef);
-                }
-            });
-        }
-    }
-    componentDidLoad() {
-        var _a, _b;
-        // Listen for context changes from parent
-        this.alertDialogEl = (_a = this.el.closest('seki-alert-dialog')) !== null && _a !== void 0 ? _a : undefined;
-        (_b = this.alertDialogEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onAlertDialogOpenChange);
-    }
-    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);
-        }
+        this.layer.didRender();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.alertDialogEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onAlertDialogOpenChange);
+        this.alertDialogConsumer.disconnect();
+        this.layer.setActive(false);
+        this.labels.disconnect();
     }
     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))));
+        return (h(Host, { "data-state": "open" }, h("div", { ref: (el) => (this.contentRef = el), part: "content", role: "alertdialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this._label ? 'label' : undefined, "aria-describedby": this._description ? 'description' : undefined, class: "alert-dialog-content" }, h("slot", null), h("span", { id: "label", hidden: true }, this._label), h("span", { id: "description", hidden: true }, this._description))));
     }
     static get is() { return "seki-alert-dialog-content"; }
     static get encapsulation() { return "shadow"; }
@@ -155,7 +123,9 @@ export class SekiAlertDialogContent {
     }
     static get states() {
         return {
-            "_isOpen": {}
+            "_isOpen": {},
+            "_label": {},
+            "_description": {}
         };
     }
     static get events() {
@@ -192,14 +162,4 @@ export class SekiAlertDialogContent {
             }];
     }
     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.js

@@ -22,7 +22,7 @@ export class SekiAlertDialogTrigger {
         };
     }
     render() {
-        return (h(Host, { key: '756dfeba5b6caaf6c85fd4758d2781ecdb088034' }, h("span", { key: '893195d2de52fc3cf9379c1d35d089adca9875d0', part: "trigger", class: "trigger", role: "button", tabindex: "0", "aria-haspopup": "dialog", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'd85b47c24f7b28c4eafef848bf9fcffe71af88e0' }))));
+        return (h(Host, { key: 'f084b8edb9d6c56b977ca97bb9387ca356c49f8c' }, h("span", { key: 'fe29812e365e96bfd465538baae5a879c6446443', part: "trigger", class: "trigger", role: "button", tabindex: "0", "aria-haspopup": "dialog", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'c3602c5d6fd5d7dfb3354fa6153ad2d583be1ce5' }))));
     }
     static get is() { return "seki-alert-dialog-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { publishContext } from "../../utils/context-bridge";
 /**
  * Alert Dialog root component for confirmation dialogs
  *
@@ -22,6 +23,12 @@ export class SekiAlertDialog {
          */
         this._isOpen = false;
         this.handleOpenChange = (event) => {
+            // Slotted content's events pass through the wrapped seki-dialog too: a
+            // popover or select closing inside the alert dialog emits its own
+            // `sekiOpenChange`, which used to close the alert dialog with it. Only the
+            // wrapped dialog's own event counts.
+            if (event.target !== this.dialogRef)
+                return;
             event.stopPropagation();
             this._isOpen = event.detail;
             this.open = event.detail;
@@ -31,6 +38,9 @@ export class SekiAlertDialog {
     }
     componentWillLoad() {
         this._isOpen = this.open || this.defaultOpen;
+        // Publish before the first render so `<seki-alert-dialog open>` shows its
+        // content at first paint (#323).
+        this.updateContext();
     }
     openChanged(newValue) {
         var _a, _b;
@@ -71,17 +81,26 @@ export class SekiAlertDialog {
         };
     }
     updateContext() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.el._alertDialogContext = this.getContext();
-    }
-    componentDidLoad() {
-        this.updateContext();
-    }
-    componentDidUpdate() {
-        this.updateContext();
+        // seki-dialog parts placed directly in an alert dialog (the overlay, as in
+        // the docs) look for a dialog-shaped context. The seki-dialog this
+        // component wraps lives in its shadow root, so they could never find it
+        // and the overlay never rendered (#359). Publish one here too, set before
+        // the shared notification below goes out. An overlay click must not
+        // dismiss an alert dialog (shadcn/Radix: only Cancel, Action or Escape).
+        const dialogContext = {
+            isOpen: this._isOpen,
+            modal: true,
+            titleId: '',
+            descriptionId: '',
+            dismissOnOverlayClick: false,
+            open: () => this.openDialog(),
+            close: () => this.closeDialog(),
+        };
+        this.el._dialogContext = dialogContext;
+        publishContext(this.el, '_alertDialogContext', this.getContext(), this.alertDialogContextChange);
     }
     render() {
-        return (h(Host, { key: '50fd772be061f7907573ac0b9854376c8ecfa641', "data-state": this._isOpen ? 'open' : 'closed' }, h("seki-dialog", { key: 'be49282133fed4e872815df895adafa71ace11f0', ref: (el) => (this.dialogRef = el), open: this._isOpen, modal: true, onSekiOpenChange: this.handleOpenChange }, h("slot", { key: 'bb0065edc8a64c7fef1ab470ba986441fb367df8' }))));
+        return (h(Host, { key: 'a4f9ad7905c584c927012d37a32cafb9a5759596', "data-state": this._isOpen ? 'open' : 'closed' }, h("seki-dialog", { key: '13f9b38c45c3464f055427ac49b7f52250113372', ref: (el) => (this.dialogRef = el), open: this._isOpen, modal: true, onSekiOpenChange: this.handleOpenChange }, h("slot", { key: '04ff40c9ed04dba7dab876e13628bf34e4dceedc' }))));
     }
     static get is() { return "seki-alert-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -160,6 +179,21 @@ export class SekiAlertDialog {
                     "resolved": "boolean",
                     "references": {}
                 }
+            }, {
+                "method": "alertDialogContextChange",
+                "name": "sekiContextChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Internal: notifies alert dialog parts that `_alertDialogContext` changed.\nNot part of the public API; listen to `sekiOpenChange` instead."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

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: '283e7a8f471da88aa6af4f3de5abcaf45a8dfce2' }, h("div", { key: '7f16696ff4287a7c399a67b94f4f36156a884cd5', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '46f734ae1c4e11282b0161d9921abd063a08a709', class: "aspect-ratio__content" }, h("slot", { key: '2898264781f193e28fe4aea3daab2e9e8af1278f' })))));
+        return (h(Host, { key: '5ef9e10b928feccef3ccf73ff169c54032072d95' }, h("div", { key: '4bfac823244bcd8d1d354765d4d0508a08f5239f', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: 'c67f832c4e7e5f5958b455d373b6481d32334322', class: "aspect-ratio__content" }, h("slot", { key: '903be67278c595bdf95728f4418a84f7e1f0dbdf' })))));
     }
     static get is() { return "seki-aspect-ratio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/attachment/seki-attachment-action.js

@@ -39,7 +39,7 @@ export class SekiAttachmentAction {
         }
     }
     render() {
-        return (h(Host, { key: 'c7c593b9f7789ec8c4f0747499eea28b56be8336' }, h("button", { key: 'abeef953dfadd1ebc2d853f5c73ff2722c999328', class: "action", part: "button", type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.label }, h("slot", { key: '7eddf00b2b56efad89d2ad8266fcfc53956358e3' }))));
+        return (h(Host, { key: '762e05b9b452ee29e87fc014c8e1c8a62d01620c' }, h("button", { key: 'e4535412200f8ab4eb1790ad25e3a5939aaa34af', class: "action", part: "button", type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.label }, h("slot", { key: '6e5ef470fe3f1e9f32cbd8b1e5dafc0e985db6f0' }))));
     }
     static get is() { return "seki-attachment-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/attachment/seki-attachment-actions.js

@@ -17,7 +17,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiAttachmentActions {
     render() {
-        return (h(Host, { key: '4726b0ea2a11b7dde91bf2219cee5c4af24aa449' }, h("div", { key: '8fc9623925a33687ab584594c8814e82ef0142cf', class: "actions", part: "actions" }, h("slot", { key: '21a7923dfdc6a761bfad600a6c777b6a7900c0aa' }))));
+        return (h(Host, { key: '127d4373e992c39756ebf0f3be1d6eeb9a78fa24' }, h("div", { key: '6ff3a0484b441567d053712c3701e07064d2981f', class: "actions", part: "actions" }, h("slot", { key: '4f25b9cf98e12477624fd0a8be0beebdf01991e7' }))));
     }
     static get is() { return "seki-attachment-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiAttachmentContent {
     render() {
-        return (h(Host, { key: '9655f21f67882a8314f6fc172a42cb8e8be68d04' }, h("div", { key: '40875c266c3b3979490df4516803e4d84b9a94b9', class: "content", part: "content" }, h("slot", { key: '3d37c780eaca179aebed3f8cadef33e23bffd016' }))));
+        return (h(Host, { key: 'c2a3440404a553d79c223635c06233c7c8a1dc37' }, h("div", { key: 'feb058f2255c4edfc8e4acfe5d26665bf3199b2f', class: "content", part: "content" }, h("slot", { key: '1afa14a6bc6408a7886751d529fca07ecc13e228' }))));
     }
     static get is() { return "seki-attachment-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiAttachmentDescription {
     render() {
-        return (h(Host, { key: '1467af37c0b3cc4cc3f2e47bb8ee36ac534638af' }, h("div", { key: '7ddb59cf1fcad1d61cc5f9794e73530f93838d3a', class: "description", part: "description" }, h("slot", { key: '9749c8013f39336255f9e27e0a7f10390636abfe' }))));
+        return (h(Host, { key: '4f8c2c15f6196a8938586d34749e3291c85a9fbe' }, h("div", { key: '75ce0e31e147ed2aeb54ec233e468427e4ab252e', class: "description", part: "description" }, h("slot", { key: 'e00b18ee2e2b06c0fae00f8fb6d34b18de90803a' }))));
     }
     static get is() { return "seki-attachment-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiAttachmentGroup {
     render() {
-        return (h(Host, { key: '803b191f1f458813c674fb80b1c824bd453927ff', role: "group", "aria-label": this.label }, h("div", { key: '9bc1f6f4bd8057201ab87c8bd1c7be8a69cb0001', class: "group", part: "group" }, h("slot", { key: '84fbc9c5626803ab3ce24f5e21b4d2a4b3af718b' }))));
+        return (h(Host, { key: '4215a1e8ed62c69b9a0fa2f3a4e97580008077ff', role: "group", "aria-label": this.label }, h("div", { key: 'b8f17274cae25bb696ee87e659ba7bdee0f650a5', class: "group", part: "group" }, h("slot", { key: '9b63c103043b8045d9f34532d48918bc2e25267f' }))));
     }
     static get is() { return "seki-attachment-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiAttachmentTitle {
     render() {
-        return (h(Host, { key: '33c64096eed93cb9d8f84902cfc033c2ea0f295c' }, h("div", { key: '3be3790b0d8229d9ee4e2538928674f9349f0cd2', class: "title", part: "title" }, h("slot", { key: 'd6f5477acf65908a05b3bb9d5a6d28b6ff3182b4' }))));
+        return (h(Host, { key: 'c5643f95d78dd095031621cf37e17e758f6e4463' }, h("div", { key: '935c1ceffa1b68a8beec258b2f57de62c5a389b3', class: "title", part: "title" }, h("slot", { key: '5b4f390c66ed5f63824f8711fe1a47b171dc956f' }))));
     }
     static get is() { return "seki-attachment-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class SekiAttachmentTrigger {
         }
     }
     render() {
-        return (h(Host, { key: '789beaf55b1df60fb98565919cb055af96fd2800' }, h("button", { key: '73ee864a063815d60d8f77f7caed1a022e7db905', class: "trigger", part: "button", type: "button", disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.label })));
+        return (h(Host, { key: 'd3e109c7e598b0f8d7594b18df1fbc4afb57107e' }, h("button", { key: '28ee976f3c2bf7745928d586b55fb7fe766e44de', class: "trigger", part: "button", type: "button", disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.label })));
     }
     static get is() { return "seki-attachment-trigger"; }
     static get encapsulation() { return "shadow"; }

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: 'c0698832bd3e23a837cc19f580533d6b99dfe566', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: 'bdb070c00b0819f4ff61d21fb4b71bda8e5fb2f7', 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: '9ac114295c47107d98a33567af51eb7fb314708e', cx: "12", cy: "12", r: "1" }), h("circle", { key: '111f8344fb991fa629a1e0dd8bba85fc5d77c110', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'eda55f82599e36df367a8f728e644267034c6fb0', cx: "5", cy: "12", r: "1" })), h("span", { key: '4550671d2afcbea5414a9264cd4874211dc2f978', class: "sr-only" }, "More")));
+        return (h("span", { key: 'b665997450b6e91f918adb813167cb0a74e6f575', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: 'efe308b208ed3321198cb4683aa02100a7cd9b81', 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: 'eb91a5714e36e2580488e4f731612bac20ba4d9b', cx: "12", cy: "12", r: "1" }), h("circle", { key: '1f3fd95b4e90131d832289680247a743b855aeed', cx: "19", cy: "12", r: "1" }), h("circle", { key: '2d9c35494c196b61c13cc3d2bdecdd9d77c25efb', cx: "5", cy: "12", r: "1" })), h("span", { key: 'f3c72aa22a673c9e3a0f41057641b73b28415e9e', 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: '0f48d1268f7c313b7c5a8aa726a5d14e7b097cff', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: 'd3562a6aee4ae9aaf19bafe1728a87bd497a1df2' })));
+        return (h("li", { key: 'c831b5780232f6351fa101a24ff0cea2fc14ca61', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '26dcd579b3a61111e0af281f41a1fde756fa6413' })));
     }
     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: '83ec2956156db1e389e482dd2455a9c900f7dc0d', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '1f74c1b2ccb9deb50da6098ebda3ad5f3b64db6b' })));
+        return (h("a", { key: 'fd3997aa870258213b3f1bab6806132c05d9fa59', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '4067a110f4f11964fcbad562791c31f19c1ae672' })));
     }
     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: 'f0d0afb36d72331782b7860d7caa580789219d68', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: 'ae2d519ed9063c62587a84a96e14541add98ad62' })));
+        return (h("ol", { key: 'd51ceb941c2639d30a6d76402c90e5cdc3372af5', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '90a0c4219714b76d9d1b5d2513749db543fe5ffe' })));
     }
     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: '33fe8f29c710885a377488707a4eeb3ac3587e35', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '9b749a6bc454104b3d0e7e42dd4236fd9609b610' })));
+        return (h("span", { key: 'd77d8e86fce760454e9fe3703fbe144ed039ed19', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '14f3607f689d5c61c44eaa5d9c20e73904457660' })));
     }
     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: '003caa45f78059936fdc8cbe2ffc7cdfe937c0b4', 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: '98206377ceb13a77ee98cb24c279711c873668b2', 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: 'b0432210d0e3d2a5116b05ba9dd2cb9ca222b52e', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '06f898aa9a39ffa1fefdc5c53cd267fa80f00af6' })));
+        return (h("nav", { key: 'ed1af9f2f9a682d69bd3b03279f2114e8b0af63e', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '4abdc78560f177223ce489266d657461cb05eaca' })));
     }
     static get is() { return "seki-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiBubbleContent {
     render() {
-        return (h(Host, { key: '13e19fca85e408d7b84953fb69229854f939a11a' }, h("div", { key: 'f5d81490b0f563ec87bf060c10988a6a129f6575', class: "content", part: "content" }, h("slot", { key: '5cbbfa343a2b72bdc18fe166084328149a38cc9b' }))));
+        return (h(Host, { key: '13b90cee94e0d13b7dc323c17d974dba828f8b52' }, h("div", { key: '7f766bc62a7ab6d9995d4ffe758bcf01cacc1b06', class: "content", part: "content" }, h("slot", { key: 'e1d532c45b28022db2f2ef9547d9a0f6f60f16cb' }))));
     }
     static get is() { return "seki-bubble-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiBubbleGroup {
     render() {
-        return (h(Host, { key: 'a6274157b8c696fd4f8f554a04dd2c0e5ca18efc' }, h("div", { key: 'd4a3bf3ab0941200da726966ee1e2cb63f3c6b8d', class: "group", part: "group" }, h("slot", { key: '064396d2a9d669a6604455abae26c71537fe77ba' }))));
+        return (h(Host, { key: 'c534e2112b1bbed8631751d6cd5c71dc00a97a30' }, h("div", { key: '1af741df35df07f44f54273b05902614cc322b4f', class: "group", part: "group" }, h("slot", { key: 'e994157b118584327bf3c4dc6962b96db8178763' }))));
     }
     static get is() { return "seki-bubble-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class SekiButton {
         }
     }
     render() {
-        return (h("button", { key: '05a7e03cf991afa220886d10ca52d992e558842c', 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: 'c2d4d215c3f2d0b879ef65b384e3b783f4697ad0' })));
+        return (h("button", { key: 'ae0a45521f4a6cf4c52a05d941721f6e1039e52d', 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: 'ecb416c9e41127f46df4341a25a4b9d8e5363f1f' })));
     }
     static get is() { return "seki-button"; }
     static get encapsulation() { return "shadow"; }