@sekiui/elements 0.1.4 → 0.1.5

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"; }

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

@@ -42,10 +42,10 @@ export class SekiButtonGroup {
         });
     }
     render() {
-        return (h(Host, { key: '8803dd5326124b8fb38acf5c316b931f7b41b411' }, h("div", { key: 'cda7b60f189cfcb3c1b96c41b310ee10c7ce6e75', class: {
+        return (h(Host, { key: '3d5d3673d41b2a3e76fb6ef9b190825ed3e98ff1' }, h("div", { key: '4d6b61fde5378372379d92381eac855f25072c9e', class: {
                 'button-group': true,
                 [`button-group--${this.orientation}`]: true,
-            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '9bdeddb9d381b4c41af792a418ca3c29e484777b', onSlotchange: () => this.updateChildButtons() }))));
+            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '12e74dc145d7e05f788399259086943509c6b7e0', onSlotchange: () => this.updateChildButtons() }))));
     }
     static get is() { return "seki-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { getCalendarDays, getWeekDays, getMonthLabel, getYearLabel, getPreviousMonth, getNextMonth, navigateDay, navigateWeek, isSameDay, isDateDisabled, startOfMonth, } from "../../utils/calendar/date-utils";
+import { getCalendarDays, parseDateInput, getWeekDays, getMonthLabel, getYearLabel, getPreviousMonth, getNextMonth, navigateDay, navigateWeek, isSameDay, isDateDisabled, startOfMonth, } from "../../utils/calendar/date-utils";
 /**
  * seki-calendar: A calendar component for date selection
  *
@@ -148,12 +148,7 @@ export class SekiCalendar {
         this.displayMonth = startOfMonth(initialDate);
     }
     parseDate(value) {
-        if (!value)
-            return null;
-        if (value instanceof Date)
-            return value;
-        const parsed = new Date(value);
-        return isNaN(parsed.getTime()) ? null : parsed;
+        return parseDateInput(value);
     }
     parseDateArray(dates) {
         if (!dates)
@@ -209,7 +204,7 @@ export class SekiCalendar {
         });
         const monthLabel = getMonthLabel(this.displayMonth);
         const yearLabel = getYearLabel(this.displayMonth);
-        return (h("div", { key: 'bfd52fe9a40150228e283122449538b673dd9d40', class: "seki-calendar", role: "application", "aria-label": "Calendar", onKeyDown: this.handleKeyDown }, h("div", { key: 'bbbe52488a17a40ed1a41ebb4cc0261550f4ac88', class: "seki-calendar__header" }, h("button", { key: 'ae848c1f4422f635f76c8fce932faa3472073f11', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to previous month", onClick: this.handlePreviousMonth }, h("svg", { key: '5b46a7d52c1d905161c2865971f3ead1fff9de2b', 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: '767d60a0aaac74df2a52ac064ecba59e49ea37aa', d: "m15 18-6-6 6-6" }))), h("div", { key: '692c0981eee9a295a35d1e3b1679550651cee4fa', class: "seki-calendar__heading" }, h("span", { key: 'b318a0caa0f3699c3965d199a5a700a1e5d6adbb', class: "seki-calendar__month" }, monthLabel), h("span", { key: 'b9c73d56c8cb4bf19e6afe4c09e25c8064629170', class: "seki-calendar__year" }, yearLabel)), h("button", { key: '2e50c8c1cf8afa89ee733b8d0057d0a632121c03', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to next month", onClick: this.handleNextMonth }, h("svg", { key: 'c14a4ed0fad328fc682769176a86281f6c193a06', 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: '7d31a25948a7e78b59641c09c5061de163bfb39b', d: "m9 18 6-6-6-6" })))), h("table", { key: '942705b3d825c4f304836ef62fcf98570b37029b', class: "seki-calendar__table", role: "grid", "aria-label": `${monthLabel} ${yearLabel}` }, h("thead", { key: '32d440a879b18d1cd0e9d2a175c96735f1ccdad1' }, h("tr", { key: 'b7fbe7e6545a3fe06acc8374670099973f1ec2d3', class: "seki-calendar__weekdays" }, this.weekDays.map(day => (h("th", { class: "seki-calendar__weekday", scope: "col", "aria-label": day }, day.slice(0, 2)))))), h("tbody", { key: '2ab4013c03c6542ee37dca0f65edef2d4278f889' }, weeks.map((week, weekIndex) => (h("tr", { key: weekIndex, class: "seki-calendar__week" }, week.map((day, dayIndex) => (h("td", { key: dayIndex, class: "seki-calendar__cell", role: "gridcell", "aria-selected": day.isSelected || day.isRangeStart || day.isRangeEnd, "aria-disabled": day.isDisabled }, h("button", { type: "button", class: this.getDayClasses(day), tabIndex: day.isSelected || day.isToday ? 0 : -1, disabled: day.isDisabled, onClick: () => this.handleDayClick(day), "aria-label": day.date.toDateString() }, day.dayOfMonth)))))))))));
+        return (h("div", { key: '3ff942c12f873de967174bc08ef9eb1d039d169d', class: "seki-calendar", role: "application", "aria-label": "Calendar", onKeyDown: this.handleKeyDown }, h("div", { key: 'fa44c715cf38fafcd7bb3d92cb7218b79c3e72a7', class: "seki-calendar__header" }, h("button", { key: 'ef30d1647481bca3a0d675ae2730d6aa53504e76', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to previous month", onClick: this.handlePreviousMonth }, h("svg", { key: 'b4607305a9f1c866f66a53c61768b4a39ceb4b2a', 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: '186e5f8b730dc3003b78d55ff042ba146c846f4d', d: "m15 18-6-6 6-6" }))), h("div", { key: '7c4d3a8f4fd1ae47fd12c7126bb0998ab0bb554b', class: "seki-calendar__heading" }, h("span", { key: '99c96d66a64aa795cb83b530b8822fd884076b8a', class: "seki-calendar__month" }, monthLabel), h("span", { key: '48b762d3e20423a38dbc7be0a31c2b91ac02cef0', class: "seki-calendar__year" }, yearLabel)), h("button", { key: '755f3f94902b33a002a7e64c8fc2fc0760c6f14d', type: "button", class: "seki-calendar__nav-button", "aria-label": "Go to next month", onClick: this.handleNextMonth }, h("svg", { key: '4cb0a5b2b406af723992f02f189b95488d61901b', 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: 'd53a06afb459668bb5ac7be07caab1a42903638e', d: "m9 18 6-6-6-6" })))), h("table", { key: 'a1033e6d6fd7659b1317d98e639b8e31f0c84745', class: "seki-calendar__table", role: "grid", "aria-label": `${monthLabel} ${yearLabel}` }, h("thead", { key: '624f63ec98140e820f2ddb53f6e9bbcf71f64c2a' }, h("tr", { key: '79cdd33088fcf7793ec20f81784087de8db9199c', class: "seki-calendar__weekdays" }, this.weekDays.map(day => (h("th", { class: "seki-calendar__weekday", scope: "col", "aria-label": day }, day.slice(0, 2)))))), h("tbody", { key: 'dcfd82edcce5b87df9e2c077e510daca812ab2ed' }, weeks.map((week, weekIndex) => (h("tr", { key: weekIndex, class: "seki-calendar__week" }, week.map((day, dayIndex) => (h("td", { key: dayIndex, class: "seki-calendar__cell", role: "gridcell", "aria-selected": day.isSelected || day.isRangeStart || day.isRangeEnd, "aria-disabled": day.isDisabled }, h("button", { type: "button", class: this.getDayClasses(day), tabIndex: day.isSelected || day.isToday ? 0 : -1, disabled: day.isDisabled, onClick: () => this.handleDayClick(day), "aria-label": day.date.toDateString() }, day.dayOfMonth)))))))))));
     }
     static get is() { return "seki-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ import { h } from "@stencil/core";
  */
 export class CardAction {
     render() {
-        return (h("div", { key: '425ed03298cbae0fa57ba231df2b91ae47661b63', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '82ba095024dc5e9ede66586a89dd3b3b13f6892f' })));
+        return (h("div", { key: '69c440ad542435f2a605089184ccb91420343c64', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '59a863c441ab65d42d3e6ce6086ae0988b2ee7fe' })));
     }
     static get is() { return "seki-card-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ import { h } from "@stencil/core";
  */
 export class CardContent {
     render() {
-        return (h("div", { key: 'f28a568f4c357e1d0a5d4ffa4ee34dd2815f0134', class: `card-content ${this.class || ''}` }, h("slot", { key: '4566aa37672cae9b273faf9b2b4b78958e7eddcb' })));
+        return (h("div", { key: '8b66f98648f90b7a7b1e3f8c1fd763d366e4f05a', class: `card-content ${this.class || ''}` }, h("slot", { key: 'd6c231b1456b52d61e5f02d3d874cc3768db7267' })));
     }
     static get is() { return "seki-card-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class CardDescription {
     render() {
-        return (h("p", { key: '4b5a4ba12742af7713c43d87aee4b40ed5fc8191', class: `card-description ${this.class || ''}` }, h("slot", { key: 'bc2906286ea0ca7c6d54fc9ca942dc9f1f87dc87' })));
+        return (h("p", { key: 'dfe716748196dbee9a7cbca4e3c149c6136bce75', class: `card-description ${this.class || ''}` }, h("slot", { key: '83721108c0d34fb8323634462fd2bbcfb33a089c' })));
     }
     static get is() { return "seki-card-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class CardFooter {
         this.alignment = 'flex-start';
     }
     render() {
-        return (h("footer", { key: 'c411a90d477429ca1a0cc146d3b7340715cb0cd5', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: 'b49605e15ce186aeb2e78a008123e4927c582fa7' })));
+        return (h("footer", { key: 'd5a094e6d4dff560031511c7a2fb016b5e918fc6', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '83c0ec86220acc85f75c03745fc613d9a537e4ae' })));
     }
     static get is() { return "seki-card-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ import { h } from "@stencil/core";
  */
 export class CardHeader {
     render() {
-        return (h("header", { key: 'df699337f7aa48c43cd25b93701f162c4fa56e72', class: `card-header ${this.class || ''}` }, h("slot", { key: 'b03c5313519bd69e7abbb037f63cb7a488ac703a' })));
+        return (h("header", { key: 'b78a0a09a923fb6c91b1b2254766e4f3033bf884', class: `card-header ${this.class || ''}` }, h("slot", { key: '5355c224c06bc0330b970d1086062414224c6b2e' })));
     }
     static get is() { return "seki-card-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ import { h } from "@stencil/core";
  */
 export class Card {
     render() {
-        return (h("section", { key: '4900d0acf11d8d1e6778e119086b5453c50bec9d', class: this.class }, h("slot", { key: '059d95941c30c6799aadefef8c9d932d7bac814a' })));
+        return (h("section", { key: '748d3c87761fa8666da2b9118993514625366e91', class: this.class }, h("slot", { key: '3b94648d96373fab1188521e4138c2883d41ddb5' })));
     }
     static get is() { return "seki-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiCarouselContent {
     render() {
-        return (h(Host, { key: 'c51da2886b137c940c6c1f94b51cb5d83a6ea07e', class: "carousel-content-host" }, h("div", { key: '5ccc44120e7c27aa3a1b0eea7e8249bc0659d6d1', class: "carousel-content" }, h("slot", { key: 'b830fb110872a0489e3cb0bfd42e381dc3dff92d' }))));
+        return (h(Host, { key: '9716ba35ecc9f32b0dbd77860d6a950a95aaee7c', class: "carousel-content-host" }, h("div", { key: 'dcc81919579a08671d39e5baf15a1ace303fb44d', class: "carousel-content" }, h("slot", { key: '1b5a5dca2f1dfa73923ba704d180bfa245dc54d9' }))));
     }
     static get is() { return "seki-carousel-content"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/carousel/seki-carousel-dots.js

@@ -86,7 +86,7 @@ export class SekiCarouselDots {
     }
     render() {
         const dots = Array.from({ length: this.scrollSnapCount }, (_, i) => i);
-        return (h(Host, { key: 'ba7d20e42a573cdc43eb4457a93296e9cc94d0d0', class: "carousel-dots" }, h("div", { key: 'd2ebaba1d1fdc6a1fa9d9c033417b7505fded3ce', class: "carousel-dots__container", role: "tablist", "aria-label": "Carousel pagination" }, dots.map((index) => (h("button", { key: index, type: "button", class: {
+        return (h(Host, { key: '97f777df27a93b8f1432fe1a378bda11dbf17129', class: "carousel-dots" }, h("div", { key: 'f1aa7fc9c0867bdcf226a8d0f9fdaa34e9ae9acf', class: "carousel-dots__container", role: "tablist", "aria-label": "Carousel pagination" }, dots.map((index) => (h("button", { key: index, type: "button", class: {
                 'carousel-dots__dot': true,
                 'carousel-dots__dot--active': index === this.selectedIndex,
             }, role: "tab", "aria-selected": index === this.selectedIndex ? 'true' : 'false', "aria-label": `Go to slide ${index + 1}`, tabindex: index === this.selectedIndex ? '0' : '-1', onClick: () => this.handleDotClick(index), onKeyDown: (e) => this.handleKeyDown(e, index) }, h("span", { class: "carousel-dots__dot-inner" })))))));

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

@@ -13,7 +13,7 @@ export class SekiCarouselItem {
         this.basis = '100%';
     }
     render() {
-        return (h(Host, { key: '7b6e3eabeedcb73b042a676776809eaceee7e296', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: '7666e0ecf838abb429dfb06c6e28866e4a88f077' })));
+        return (h(Host, { key: 'f72819711d437373ac9b4bb30da9c12cedc14c0e', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: 'cba1803e0aafa6221509ca87a504969127ce2146' })));
     }
     static get is() { return "seki-carousel-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/carousel/seki-carousel-next.js

@@ -50,7 +50,7 @@ export class SekiCarouselNext {
         this.disabled = !context.canScrollNext;
     }
     render() {
-        return (h(Host, { key: '3e9580ad2e7fd152be46658bd1ce5b8ea9858c34', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '31f4c690354887235ff28ffdfb12427a409cdef1', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '63ab340e435f1e3741b4a3302df4b701de7417bf', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '4ca2a2ee50ccc878c574cc57b531b7ed1612b754', points: "9 18 15 12 9 6" })))));
+        return (h(Host, { key: 'a1c51704736621df1e56fc6f0db793a16d91e639', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '909deba5e05e57c2f91fbef30412f62577051740', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '4c7d65bc493a0060b48b54120b3fdf40bb555638', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6ece871a39432e6692b07f5f7a61749178a21359', points: "9 18 15 12 9 6" })))));
     }
     static get is() { return "seki-carousel-next"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/carousel/seki-carousel-previous.js

@@ -50,7 +50,7 @@ export class SekiCarouselPrevious {
         this.disabled = !context.canScrollPrev;
     }
     render() {
-        return (h(Host, { key: '067fa85a1f7912a646a39c4dbab891e74467ea69', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: 'd3568857d419beb3fd611be5a658f1709361e185', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: 'c0962ecbb773310923726c80f3ec12dc452cc0c8', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6761cfc04a57e924773c62c1e0a971a1820bf34d', points: "15 18 9 12 15 6" })))));
+        return (h(Host, { key: '1988cb8e5c4ca3955891295644686e6b0653597c', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: '1dff73ae64fbd1be2ccc2bfa07846ac9d2a63c01', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: '6913b7a4cf73492f125ed659f575010a56fc62b6', class: "carousel-nav__icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '070755d399f83c53da165bf5f1c99e4199b3c2bd', points: "15 18 9 12 15 6" })))));
     }
     static get is() { return "seki-carousel-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class SekiChart {
             height: this.height,
             position: 'relative',
         };
-        return (h(Host, { key: '9b51f46ff2fe5292aa34f36eda72f6d75ffb10ba' }, h("div", { key: 'e6a18a59968d2fa9451ad9e2d192afb2cb746c5c', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: 'e33b02f36b6fa58c5cf3f22f2bd6121d5b6ddabd', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
+        return (h(Host, { key: '4985b8b7ad50c574a44003f6d01ca3ecc2254a9c' }, h("div", { key: 'ba45b7faba0ea63f0024dd0928bd92021897222f', class: "chart-container", style: containerStyle, role: "img", "aria-label": this.getAriaLabel() }, h("canvas", { key: '62064edc687d5f27c9734a94a105b7a070a0709f', ref: (el) => (this.canvasRef = el) }), this.renderErrorState())));
     }
     getAriaLabel() {
         var _a, _b;
@@ -450,7 +450,7 @@ export class SekiChart {
                 "mutable": true,
                 "complexType": {
                     "original": "ChartOptions",
-                    "resolved": "undefined | ({ datasets?: _DeepPartialObject<{ line: LineControllerDatasetOptions & FillerControllerDatasetOptions; bubble: BubbleControllerDatasetOptions; bar: BarControllerDatasetOptions; doughnut: DoughnutControllerDatasetOptions; pie: DoughnutControllerDatasetOptions; radar: RadarControllerDatasetOptions & FillerControllerDatasetOptions; polarArea: PolarAreaControllerDatasetOptions; scatter: LineControllerDatasetOptions; }> | undefined; indexAxis?: \"x\" | \"y\" | undefined; clip?: number | false | _DeepPartialObject<ChartArea> | undefined; color?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; backgroundColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; hoverBackgroundColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; borderColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; hoverBorderColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; font?: _DeepPartialObject<Partial<FontSpec>> | undefined; responsive?: boolean | undefined; maintainAspectRatio?: boolean | undefined; resizeDelay?: number | undefined; aspectRatio?: number | undefined; locale?: string | undefined; onResize?: ((chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, size: { width: number; height: number; }) => void) | undefined; devicePixelRatio?: number | undefined; interaction?: _DeepPartialObject<CoreInteractionOptions> | undefined; hover?: _DeepPartialObject<CoreInteractionOptions> | undefined; events?: _DeepPartialArray<keyof HTMLElementEventMap> | undefined; onHover?: ((event: ChartEvent, elements: ActiveElement[], chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>) => void) | undefined; onClick?: ((event: ChartEvent, elements: ActiveElement[], chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>) => void) | undefined; layout?: _DeepPartialObject<Partial<{ autoPadding: boolean; padding: Scriptable<Padding, ScriptableContext<keyof ChartTypeRegistry>>; }>> | undefined; parsing?: false | _DeepPartialObject<{ [key: string]: string; }> | undefined; normalized?: boolean | undefined; animation?: false | _DeepPartialObject<AnimationSpec<keyof ChartTypeRegistry> & { onProgress?: ((this: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, event: AnimationEvent) => void) | undefined; onComplete?: ((this: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, event: AnimationEvent) => void) | undefined; }> | undefined; animations?: _DeepPartialObject<AnimationsSpec<keyof ChartTypeRegistry>> | undefined; transitions?: _DeepPartialObject<TransitionsSpec<keyof ChartTypeRegistry>> | undefined; elements?: _DeepPartialObject<ElementOptionsByType<keyof ChartTypeRegistry>> | undefined; plugins?: _DeepPartialObject<PluginOptionsByType<keyof ChartTypeRegistry>> | undefined; line?: _DeepPartialObject<{ datasets: LineControllerDatasetOptions & FillerControllerDatasetOptions; }> | undefined; bubble?: _DeepPartialObject<{ datasets: BubbleControllerDatasetOptions; }> | undefined; bar?: _DeepPartialObject<{ datasets: BarControllerDatasetOptions; }> | undefined; doughnut?: _DeepPartialObject<{ datasets: DoughnutControllerDatasetOptions; }> | undefined; pie?: _DeepPartialObject<{ datasets: DoughnutControllerDatasetOptions; }> | undefined; radar?: _DeepPartialObject<{ datasets: RadarControllerDatasetOptions & FillerControllerDatasetOptions; }> | undefined; polarArea?: _DeepPartialObject<{ datasets: PolarAreaControllerDatasetOptions; }> | undefined; scatter?: _DeepPartialObject<{ datasets: LineControllerDatasetOptions; }> | undefined; scales?: _DeepPartialObject<{ [key: string]: ScaleOptionsByType<\"radialLinear\" | keyof CartesianScaleTypeRegistry>; }> | undefined; })",
+                    "resolved": "undefined | ({ datasets?: _DeepPartialObject<{ line: LineControllerDatasetOptions & FillerControllerDatasetOptions; bubble: BubbleControllerDatasetOptions; bar: BarControllerDatasetOptions; doughnut: DoughnutControllerDatasetOptions; pie: DoughnutControllerDatasetOptions; radar: RadarControllerDatasetOptions & FillerControllerDatasetOptions; polarArea: PolarAreaControllerDatasetOptions; scatter: LineControllerDatasetOptions; }> | undefined; indexAxis?: \"y\" | \"x\" | undefined; clip?: number | false | _DeepPartialObject<ChartArea> | undefined; color?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; backgroundColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; hoverBackgroundColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; borderColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; hoverBorderColor?: string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | readonly (string | _DeepPartialObject<CanvasGradient> | _DeepPartialObject<CanvasPattern> | undefined)[] | ((ctx: ScriptableContext<keyof ChartTypeRegistry>, options: AnyObject) => Color | undefined) | undefined; font?: _DeepPartialObject<Partial<FontSpec>> | undefined; responsive?: boolean | undefined; maintainAspectRatio?: boolean | undefined; resizeDelay?: number | undefined; aspectRatio?: number | undefined; locale?: string | undefined; onResize?: ((chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, size: { width: number; height: number; }) => void) | undefined; devicePixelRatio?: number | undefined; interaction?: _DeepPartialObject<CoreInteractionOptions> | undefined; hover?: _DeepPartialObject<CoreInteractionOptions> | undefined; events?: _DeepPartialArray<keyof HTMLElementEventMap> | undefined; onHover?: ((event: ChartEvent, elements: ActiveElement[], chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>) => void) | undefined; onClick?: ((event: ChartEvent, elements: ActiveElement[], chart: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>) => void) | undefined; layout?: _DeepPartialObject<Partial<{ autoPadding: boolean; padding: Scriptable<Padding, ScriptableContext<keyof ChartTypeRegistry>>; }>> | undefined; parsing?: false | _DeepPartialObject<{ [key: string]: string; }> | undefined; normalized?: boolean | undefined; animation?: false | _DeepPartialObject<AnimationSpec<keyof ChartTypeRegistry> & { onProgress?: ((this: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, event: AnimationEvent) => void) | undefined; onComplete?: ((this: Chart<keyof ChartTypeRegistry, (number | Point | BubbleDataPoint | [number, number] | null)[], unknown>, event: AnimationEvent) => void) | undefined; }> | undefined; animations?: _DeepPartialObject<AnimationsSpec<keyof ChartTypeRegistry>> | undefined; transitions?: _DeepPartialObject<TransitionsSpec<keyof ChartTypeRegistry>> | undefined; elements?: _DeepPartialObject<ElementOptionsByType<keyof ChartTypeRegistry>> | undefined; plugins?: _DeepPartialObject<PluginOptionsByType<keyof ChartTypeRegistry>> | undefined; line?: _DeepPartialObject<{ datasets: LineControllerDatasetOptions & FillerControllerDatasetOptions; }> | undefined; bubble?: _DeepPartialObject<{ datasets: BubbleControllerDatasetOptions; }> | undefined; bar?: _DeepPartialObject<{ datasets: BarControllerDatasetOptions; }> | undefined; doughnut?: _DeepPartialObject<{ datasets: DoughnutControllerDatasetOptions; }> | undefined; pie?: _DeepPartialObject<{ datasets: DoughnutControllerDatasetOptions; }> | undefined; radar?: _DeepPartialObject<{ datasets: RadarControllerDatasetOptions & FillerControllerDatasetOptions; }> | undefined; polarArea?: _DeepPartialObject<{ datasets: PolarAreaControllerDatasetOptions; }> | undefined; scatter?: _DeepPartialObject<{ datasets: LineControllerDatasetOptions; }> | undefined; scales?: _DeepPartialObject<{ [key: string]: ScaleOptionsByType<\"radialLinear\" | keyof CartesianScaleTypeRegistry>; }> | undefined; })",
                     "references": {
                         "ChartOptions": {
                             "location": "import",

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

@@ -146,7 +146,7 @@ export class SekiCheckbox {
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '206798be298ac0a0200eb08a6c9ebfd3635576bb', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '6e40bfe2da599d6811b3c0a26db0b74080832cce', type: "button", role: "checkbox", class: "checkbox", ref: el => (this.buttonEl = el), part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '797a4f65d55c230d9e7c175d4e4837b7650305f0', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (h(Host, { key: 'ab4adc3120d5c8a808eeef0086226cc1f056f73f', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '3841c17fc35e20eb86136becff206bcfed621703', type: "button", role: "checkbox", class: "checkbox", ref: el => (this.buttonEl = el), part: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-describedby": this.ariaDescribedby || undefined, "aria-description": this.ariaDescription || undefined, "aria-invalid": this.ariaInvalid === 'true' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: this.handleClick }, (isChecked || this.indeterminate) && (h("span", { key: '0e66ef4b7efed8a922d8e5546cfcb62cade5067b', class: "indicator", part: "indicator" }, this.indeterminate ? (
         // Minus icon for indeterminate state
         h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))) : (
         // Checkmark icon for checked state
@@ -342,6 +342,44 @@ export class SekiCheckbox {
                 "setter": false,
                 "reflect": false,
                 "attribute": "aria-describedby"
+            },
+            "ariaDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Text that describes this control. Set by `seki-field` from its description\n(and error) slot, because an `aria-describedby` id cannot cross the shadow\nboundary to the inner element (#358)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-description"
+            },
+            "ariaInvalid": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the control invalid for assistive technology. Set by `seki-field` (#358)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-invalid"
             }
         };
     }

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

@@ -71,11 +71,11 @@ export class SekiCollapsibleContent {
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: '9e83e3836c58e7286799aaeeb767b7bcb20045bc', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '02f4e897856733bd1678a6da0685df9c67512ead', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: '4d5f8a8cca9930333c8fe5bba7d08bc6a5d541c3', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f0c306dcc9981681c275f47f12afef5b6120b183', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
                 'collapsible-content': true,
                 'collapsible-content--open': this._isOpen,
                 'collapsible-content--animating': this._isAnimating,
-            }, style: contentStyle }, h("div", { key: 'cd392fdf9b118b962242d7ca52803b2a081cd0d3', class: "collapsible-content-inner" }, h("slot", { key: 'e537ff7d7c4cd58460b4d850f41e7a9bcbe6e538' })))));
+            }, style: contentStyle }, h("div", { key: '7172049f4f05ff0fd976f545c345fd7d952a37d5', class: "collapsible-content-inner" }, h("slot", { key: '57362da74dcc7c61cadc21cd1a49e9e56f8d4460' })))));
     }
     static get is() { return "seki-collapsible-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -94,7 +94,7 @@ export class SekiCollapsible {
         };
     }
     render() {
-        return (h(Host, { key: '3b675841816d04cb9295ead7b0909d311904fa6a', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '155a3ab25691993804c0acf8510dd8bccf39b1fe', part: "collapsible", class: "collapsible" }, h("slot", { key: '1f9979e76571f519d9d3601ba2fb86c35704ce9a' }))));
+        return (h(Host, { key: '55ea2af68b1670243a5a18c87d4ed00ec71dcd51', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '2cc3c7490b0fb03dbd113fbadbda30995fd7d093', part: "collapsible", class: "collapsible" }, h("slot", { key: '46c10e1bf1fe8d80a101ffc49fb3c6868a386b1c' }))));
     }
     static get is() { return "seki-collapsible"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,6 @@
 import { Host, h } from "@stencil/core";
 import { publishContext } from "../../utils/context-bridge";
+import { OverlayLayer } from "../../utils/overlay";
 /**
  * @slot - Content containing seki-combobox-input and seki-combobox-content
  */
@@ -36,6 +37,19 @@ export class SekiCombobox {
         this.inputId = `combobox-input-${Math.random().toString(36).substr(2, 9)}`;
         this.triggerId = `combobox-trigger-${Math.random().toString(36).substr(2, 9)}`;
         this.debounceTimeoutId = null;
+        /**
+         * Place on the overlay stack (utils/overlay.ts). The input already closes
+         * the list on Escape; registering the open list as a layer keeps that key
+         * from also closing an enclosing dialog or sheet (#332).
+         */
+        this.layer = new OverlayLayer({
+            onEscape: (event) => {
+                if (this.isOpen) {
+                    event.preventDefault();
+                    this.handleOpenChange(false);
+                }
+            },
+        });
         this.handleClickOutside = (event) => {
             if (!this.isOpen)
                 return;
@@ -58,9 +72,9 @@ export class SekiCombobox {
         };
         this.handleValueChange = (newValue) => {
             this.internalValue = newValue;
-            if (this.value !== undefined) {
-                this.value = newValue;
-            }
+            // Always mirror the selection onto `value` so el.value reads back the
+            // user's pick in uncontrolled mode too (#339).
+            this.value = newValue;
             const selectedItems = this.getSelectedItems();
             if (this.multiple && Array.isArray(newValue)) {
                 this.sekiChange.emit({
@@ -188,8 +202,10 @@ export class SekiCombobox {
     }
     componentDidRender() {
         this.updateContextOnElement();
+        this.layer.setActive(this.isOpen);
     }
     disconnectedCallback() {
+        this.layer.setActive(false);
         if (this.clickOutsideListener) {
             document.removeEventListener('click', this.clickOutsideListener, true);
         }
@@ -345,7 +361,7 @@ export class SekiCombobox {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '247432db7e1809d49306e4b1756aa521660de718', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, h("div", { key: '12aed9d9f83683d603df1199c58d2370fb82855c', class: "combobox-container" }, h("slot", { key: 'dd7402eb5fd0cd962c49a8832d34d7bb5e22f388' }))));
+        return (h(Host, { key: 'dcd00e406ef681ef98ace6eb4f6c5fa556283ddb', role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": this.listboxId, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledby, "aria-describedby": this.ariaDescribedby }, h("div", { key: '941163234f2d941d697214ff58c1c6d14264cf1c', class: "combobox-container" }, h("slot", { key: 'b9993d891965c09ede6286908380a3334124979a' }))));
     }
     static get is() { return "seki-combobox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class SekiComboboxContent {
         this.comboboxConsumer.disconnect();
     }
     render() {
-        return (h(Host, { key: '08fdcae6d7a7094a52741c0482f5b96ddbda3426', class: { 'hidden': !this.isOpen } }, h("div", { key: 'ad07c879b50568cfeb24b9bc1fb012ceb6503eaa', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: 'c3c569b4520d814ea75dd3f1fe3702b759a1958e' }))));
+        return (h(Host, { key: 'dadd512de72baac4185c9134a02660e5b3311d39', class: { 'hidden': !this.isOpen } }, h("div", { key: 'ba931cc323906f18f7eb212c0af76f0e18d06464', id: this.listboxId, class: "combobox-content", role: "listbox", style: { maxHeight: this.maxHeight } }, h("slot", { key: '6dfb8a765894b5128fe5dd9e6d50c61e120dd6e8' }))));
     }
     static get is() { return "seki-combobox-content"; }
     static get encapsulation() { return "shadow"; }