@sekiui/elements 0.0.63 → 0.0.64

package/dist/cdn/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BF5nneSK.js';
-export { S as SekiSwitch } from './p-CudMgQvM.js';
+export { S as SekiSwitch } from './p-DIeC6vvw.js';
 
 /**
  * Keyboard Service

package/dist/cdn/{p-BWqEiwNC.js → p-BPP9Iksx.js}

@@ -146,14 +146,14 @@ const SekiNavigationMenuViewport = /*@__PURE__*/ proxyCustomElement(class SekiNa
         return h("slot", null);
     }
     render() {
-        return (h(Host, { key: '4769f3dae661dd574dcce4803d74342553e880d6', class: {
+        return (h(Host, { key: '9936f9be4895dcf44be5f9605356705491e0bca3', class: {
                 'navigation-menu-viewport': true,
                 'navigation-menu-viewport--visible': this.isVisible,
             }, style: {
                 '--indicator-left': `${this.indicatorLeft}px`,
                 '--content-offset': `${this.contentOffset}px`,
                 '--content-height': `${this.contentHeight}px`,
-            } }, h("div", { key: 'a44e1b3ebad9523923d6f2544ae4dd194a125caa', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'ea53d1efdcab8da9346f1ace73314aa5be62f9af', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '93ac3e7cc98cb8a19f68b752d3d40bf78d5c53cc', points: "10,0 20,10 0,10" }))), h("div", { key: '721a6979da35be29137310b9d66dc775a01c0c96', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+            } }, h("div", { key: 'fadc3feb9cbbaa7330aff130e1eec5a66f8c0c5f', class: "navigation-menu-viewport__indicator" }, h("svg", { key: '2dcde65ba835302e781acdff7aceccced5536112', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '3d90b3f7dc7ca622b940613c0aa727ee65602a7c', points: "10,0 20,10 0,10" }))), h("div", { key: 'bd350c3ef18085d6a12ac6841980b771e1730c14', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/cdn/{p-CudMgQvM.js → p-DIeC6vvw.js}

@@ -80,7 +80,7 @@ const SekiSwitch = /*@__PURE__*/ proxyCustomElement(class SekiSwitch extends H {
     render() {
         const isChecked = this.isChecked;
         const dataState = isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '178154c6580d288add5346561ef05434bcd35979', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: '03cd02f2ecbc6fb5fcf8ea5576003e0c39c7b7dd', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '5bb5e06c6b4c7ba898734bd90838329e4637d494', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '8fd6255d964b29e07236fdad3a81ec9eafab8803', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        return (h(Host, { key: '06806e2d0eab976505383da939470496ad6f531c', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("div", { key: 'e6af55004158a95531f549c71b876549cdff13e4', class: "switch", part: "switch", role: "switch", "aria-checked": isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel || undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick }, h("span", { key: '9455d11d56c64c576fc305cf6902416c0ddccfc4', class: "thumb", part: "thumb" })), this.name && (h("input", { key: '591d626e085f75db5e3610dc6d341426ca59b4b2', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
     }
     static get style() { return sekiSwitchCss; }
 }, [257, "seki-switch", {

package/dist/cdn/{p-MTqfs8Ir.js → p-JroBYg3Q.js}

@@ -11,7 +11,7 @@ const SekiSidebarGroupLabel = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '10db603e593b10bff6631617bbabc1407dbe6f3a', class: "sidebar-group-label" }, h("slot", { key: 'f2a9fa6fabbd2cb5177c9cfad3306d2e9124d1be' })));
+        return (h("div", { key: 'bdcf100832378dc3635726b014a6a3ea641c42ba', class: "sidebar-group-label" }, h("slot", { key: 'a085589cffd5b226b9ac859edf800d814b4d83a6' })));
     }
     static get style() { return sekiSidebarGroupCss; }
 }, [257, "seki-sidebar-group-label"]);

package/dist/cdn/seki-accordion-content.js

@@ -71,11 +71,11 @@ const SekiAccordionContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccord
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: 'e270d88f2c505a58aa127c8a0ef2a196034fa12b', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'c64a3eea23b861119ed1abf28d7db919f98bd239', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: '9fc137164143b5a5fa8d1083d86801cb358cd463', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'b972988f47ebb4b224ed5c2011fafa66cf3b67ac', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
                 'accordion-content': true,
                 'accordion-content--open': this._isOpen,
                 'accordion-content--animating': this._isAnimating,
-            }, style: contentStyle }, h("div", { key: '59f2fd2e39bd190087fec48009d8c5c008fbf582', class: "accordion-content-inner" }, h("slot", { key: 'f24566ca76d61b96358484926e277f7c0482f291' })))));
+            }, style: contentStyle }, h("div", { key: 'a53794a6c85c715b9de0e81d259f1e9ba0370348', class: "accordion-content-inner" }, h("slot", { key: 'f4a878704a8ae6f5597608d4cfcd983013be8fc3' })))));
     }
     get el() { return this; }
     static get style() { return sekiAccordionContentCss; }

package/dist/cdn/seki-accordion-item.js

@@ -62,7 +62,7 @@ const SekiAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccordion
         var _a, _b, _c, _d;
         const isOpen = (_b = (_a = this.getAccordionContext()) === null || _a === void 0 ? void 0 : _a.isItemOpen(this.value)) !== null && _b !== void 0 ? _b : false;
         const isDisabled = this.disabled || ((_d = (_c = this.getAccordionContext()) === null || _c === void 0 ? void 0 : _c.disabled) !== null && _d !== void 0 ? _d : false);
-        return (h(Host, { key: 'f5ee90b916ad9f1f21ad8026386fa2691a8a7bac', "data-state": isOpen ? 'open' : 'closed', "data-disabled": isDisabled ? '' : undefined }, h("div", { key: '36fcf3f470c7b75305484a59fefb691c1dd04495', part: "item", class: "accordion-item" }, h("slot", { key: '3701b007ae5a591b772c17719e9df620a2a6eb5a' }))));
+        return (h(Host, { key: 'ed6a04becaa0babb49d0f832336f996663f558c9', "data-state": isOpen ? 'open' : 'closed', "data-disabled": isDisabled ? '' : undefined }, h("div", { key: '7e9fca9834d68623f6f67dcb8edef54ce6fea4cc', part: "item", class: "accordion-item" }, h("slot", { key: '43fbcb79765e517d826d3cba60bb1891c901c955' }))));
     }
     get el() { return this; }
     static get style() { return sekiAccordionItemCss; }

package/dist/cdn/seki-accordion-trigger.js

@@ -103,10 +103,10 @@ const SekiAccordionTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccord
         const disabled = (_b = context === null || context === void 0 ? void 0 : context.disabled) !== null && _b !== void 0 ? _b : false;
         const contentId = (_c = context === null || context === void 0 ? void 0 : context.contentId) !== null && _c !== void 0 ? _c : '';
         const triggerId = (_d = context === null || context === void 0 ? void 0 : context.triggerId) !== null && _d !== void 0 ? _d : '';
-        return (h(Host, { key: '287f35c02244c36e3ae8bc4ac751b1839bb8f2e2', "data-state": isOpen ? 'open' : 'closed', "data-disabled": disabled ? '' : undefined, tabindex: disabled ? -1 : 0, role: "button" }, h("button", { key: '2fc2f93825b1e8c394303aa16b8d8a41d22c8432', part: "trigger", type: "button", id: triggerId, class: "accordion-trigger", "aria-expanded": isOpen ? 'true' : 'false', "aria-controls": contentId, disabled: disabled }, h("slot", { key: '9024088fe4070feb082e4fc2f809341bcc5ba916' }), h("svg", { key: '11872179e7ef7857dfb57bed615c0be7f47070a9', part: "icon", class: {
+        return (h(Host, { key: '62045e436e53d7995114d471e42a6f3ccf286875', "data-state": isOpen ? 'open' : 'closed', "data-disabled": disabled ? '' : undefined, tabindex: disabled ? -1 : 0, role: "button" }, h("button", { key: 'b240d296987f55b01a1cbfb90cea7a26df0dd285', part: "trigger", type: "button", id: triggerId, class: "accordion-trigger", "aria-expanded": isOpen ? 'true' : 'false', "aria-controls": contentId, disabled: disabled }, h("slot", { key: '25b556175336b38ef6e2545b32d2079a87ab2c0c' }), h("svg", { key: '846482eb9e48bf3e01b99c3fdb497ca73b301caf', part: "icon", class: {
                 'accordion-chevron': true,
                 'accordion-chevron--open': isOpen,
-            }, 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: 'b427c13217577921312304181c52f3fb3c37b8e9', d: "m6 9 6 6 6-6" })))));
+            }, 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: '9a23cb6148203e75d8eb3a199b4a17d9d25ab7b3', d: "m6 9 6 6 6-6" })))));
     }
     get el() { return this; }
     static get style() { return sekiAccordionTriggerCss; }

package/dist/cdn/seki-accordion.js

@@ -99,7 +99,7 @@ const SekiAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SekiAccordion ext
         this.el._accordionContext = this.getContext();
     }
     render() {
-        return (h(Host, { key: 'b367d40aeb0681c76bed2604253a9c252f8d6789', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '059af8e7d70150b2d1d21278d42bc80e82c371a6', part: "accordion", class: "accordion" }, h("slot", { key: 'cdd5a8de344649e1444994de99d52590ac774575' }))));
+        return (h(Host, { key: 'ac021f2d11c4e4d5e4a3be5ae8523162ab242b5b', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '6e00d2ceca10034a8a6f7bf07a773832151fb875', part: "accordion", class: "accordion" }, h("slot", { key: '3cf23aec93663359c2ffa4061fa34c1ed9c1ed92' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/cdn/seki-alert-description.js

@@ -12,7 +12,7 @@ const SekiAlertDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertD
     }
     render() {
         const descClass = `alert-description ${this.class || ''}`.trim();
-        return (h("div", { key: 'f24abf6daf02072702c91ddaaceda585dbda4749', class: descClass }, h("slot", { key: 'bf7114145ae8f7dd08e4dc628a58e1798f3edc5b' })));
+        return (h("div", { key: '1e9f5151f85a30137e50a83da1508b7aeb40baf4', class: descClass }, h("slot", { key: 'ef86b165c7c05082bcb2dcd022c4108e8b549752' })));
     }
     static get style() { return sekiAlertCss; }
 }, [257, "seki-alert-description", {

package/dist/cdn/seki-alert-title.js

@@ -12,7 +12,7 @@ const SekiAlertTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiAlertTitle e
     }
     render() {
         const titleClass = `alert-title ${this.class || ''}`.trim();
-        return (h("h5", { key: '4d059b274f70e9364a895b3b120b4ac2308a4f76', class: titleClass }, h("slot", { key: '1e6c71b1e7f083d7d493f24a9b0044fa8214dbef' })));
+        return (h("h5", { key: '3e8015294e45c372adeddc054e74f4f07ae61885', class: titleClass }, h("slot", { key: '6516819bbcb1e045b6b5e08f178348de644b9f18' })));
     }
     static get style() { return sekiAlertCss; }
 }, [257, "seki-alert-title", {

package/dist/cdn/seki-aspect-ratio.js

@@ -29,7 +29,7 @@ const SekiAspectRatio$1 = /*@__PURE__*/ proxyCustomElement(class SekiAspectRatio
     render() {
         const safeRatio = this.getSafeRatio();
         const paddingBottom = `${(1 / safeRatio) * 100}%`;
-        return (h(Host, { key: 'c0832cb4c1f210dfd7c3cd804e4635e09acff5fb' }, h("div", { key: 'f059142c437ddef939d2be86f0abad702eb0cbab', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '09d32a408a550029e052b81e309f7b524c7b1c9a', class: "aspect-ratio__content" }, h("slot", { key: '60f269facc890c7df6ebcec76fbdc7bacac3e727' })))));
+        return (h(Host, { key: 'c13353870f945a5456edf66523a043d7d89e2d4f' }, h("div", { key: '72584e24701fadfcf75a10ae10a32a201f0f8967', part: "container", class: "aspect-ratio", style: { paddingBottom } }, h("div", { key: '45188fe34626c8beee8357316c75da84e5eaf605', class: "aspect-ratio__content" }, h("slot", { key: 'dd4606c5fe82395848a663d808271d1ebf41f95e' })))));
     }
     static get style() { return sekiAspectRatioCss; }
 }, [257, "seki-aspect-ratio", {

package/dist/cdn/seki-breadcrumb-ellipsis.js

@@ -11,7 +11,7 @@ const SekiBreadcrumbEllipsis$1 = /*@__PURE__*/ proxyCustomElement(class SekiBrea
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: '33c4c7103609b9a4fc830bbc96464e1a1fd031dd', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '5625757050aa8a70515c0e8eec674d6ab7ae0ed0', 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: '44dd8628de64596c5c9a1ccc7fd2bc56315b15cb', cx: "12", cy: "12", r: "1" }), h("circle", { key: '63b3518f6097bde13dcc4cf1acc7f32c02878260', cx: "19", cy: "12", r: "1" }), h("circle", { key: '13e25f68228bd3263ab4cf27ef9fb01b2af6471b', cx: "5", cy: "12", r: "1" })), h("span", { key: '9fc5e3eaf8699cf7e1b748d0dabb03956cfa9f5d', class: "sr-only" }, "More")));
+        return (h("span", { key: '67bcd7c9b1e82915e4d540fbb4fe90c23677000d', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-ellipsis", part: "ellipsis" }, h("svg", { key: '3b1d941f10c6a32ef7a0af662974fff05904780e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '2422ce803917639f4834615a1526cf7619a34bcf', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'f9513355b40b83880568ae92e1e3b108d9864d3d', cx: "19", cy: "12", r: "1" }), h("circle", { key: 'b57814f9eac01aea81ab09025408f69407f0f878', cx: "5", cy: "12", r: "1" })), h("span", { key: 'fd981a905a1adc783b8e2365de8f36adf62b7156', class: "sr-only" }, "More")));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb-ellipsis"]);

package/dist/cdn/seki-breadcrumb-item.js

@@ -11,7 +11,7 @@ const SekiBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         this.__attachShadow();
     }
     render() {
-        return (h("li", { key: 'ff9719b2c63717cdbbecb89e55b9448c71271d98', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '49e05250b59699e2de61feec32d89247195d02e4' })));
+        return (h("li", { key: '8b954d39555820f2630028c280e4ceac3d32a9bb', class: "seki-breadcrumb-item", part: "item" }, h("slot", { key: '6dbbb795828610974e0858305b19a56d59fadc88' })));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb-item"]);

package/dist/cdn/seki-breadcrumb-link.js

@@ -11,7 +11,7 @@ const SekiBreadcrumbLink$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         this.__attachShadow();
     }
     render() {
-        return (h("a", { key: 'f3ec124d88cac375dc5d5bb3407e8a3e7b692866', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '1dede3df395a4423c4e14065e8613a6014651658' })));
+        return (h("a", { key: 'c5b6ec1f700246cb6a8bbdc9074403a0c37063e6', href: this.href, target: this.target, class: "seki-breadcrumb-link", part: "link" }, h("slot", { key: '2dceb677e3cba14a3bdef00a3cf26b9cb56dab24' })));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb-link", {

package/dist/cdn/seki-breadcrumb-list.js

@@ -11,7 +11,7 @@ const SekiBreadcrumbList$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         this.__attachShadow();
     }
     render() {
-        return (h("ol", { key: '9f99d9bc4e344fbfb5f0f59b345f093d5749d5cd', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '31a7e18de584f162e2165a454640ed56d31cc9b4' })));
+        return (h("ol", { key: '2a8606c6462afd60c302580f5a307b81d74e79e1', class: "seki-breadcrumb-list", part: "list" }, h("slot", { key: '0fce9599a327e7923ce83fd59f300f77399b53d2' })));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb-list"]);

package/dist/cdn/seki-breadcrumb-page.js

@@ -11,7 +11,7 @@ const SekiBreadcrumbPage$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcru
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: '4da8666d70d7de92b571a241d57ddf8ef9025cba', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '6b3e507adfb0a965420b3a041581055c15a0a4a5' })));
+        return (h("span", { key: '2afdfd60d66896dac935f0606f8efb724ba6df40', role: "link", "aria-disabled": "true", "aria-current": "page", class: "seki-breadcrumb-page", part: "page" }, h("slot", { key: '0410afe8ad1e54cdbc6b350f78b708225b63e912' })));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb-page"]);

package/dist/cdn/seki-breadcrumb-separator.js

@@ -15,7 +15,7 @@ const SekiBreadcrumbSeparator$1 = /*@__PURE__*/ proxyCustomElement(class SekiBre
     }
     render() {
         const hasContent = this.hasCustomContent();
-        return (h("li", { key: '270d0f8a8399de9c2ebe3df94ad39d38589eed9e', 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: '108b2c41bd3f0569b98183de41dedc99996e4486', role: "presentation", "aria-hidden": "true", class: "seki-breadcrumb-separator", part: "separator" }, hasContent ? (h("slot", null)) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "m9 18 6-6-6-6" })))));
     }
     get el() { return this; }
     static get style() { return sekiBreadcrumbCss; }

package/dist/cdn/seki-breadcrumb.js

@@ -16,7 +16,7 @@ const SekiBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SekiBreadcrumb e
         this.label = 'breadcrumb';
     }
     render() {
-        return (h("nav", { key: '32eae19249e237de2f93951e25429397951b1b39', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '2b0fa9a3d77c4d1397929b875ee4bdce4a383008' })));
+        return (h("nav", { key: '90f4c5b40e8c4fa1c7f538f5edd69d5e8d14a0c2', "aria-label": this.label, class: "seki-breadcrumb", part: "breadcrumb" }, h("slot", { key: '9024736e84099acc44f972e451327f4dea69a216' })));
     }
     static get style() { return sekiBreadcrumbCss; }
 }, [257, "seki-breadcrumb", {

package/dist/cdn/seki-button-group.js

@@ -50,10 +50,10 @@ const SekiButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiButtonGroup
         });
     }
     render() {
-        return (h(Host, { key: 'fa2ddc4ba0257bdc3e0ac6b22a9184ecdeba0672' }, h("div", { key: '336137921a9b47510a3f23c80f289ab7e99361b2', class: {
+        return (h(Host, { key: '1a793cbd24a8d424e3815fd7beabf292b62fa50d' }, h("div", { key: 'b7c02ddcd45c8b081a63d3d446e56abd36dd778e', class: {
                 'button-group': true,
                 [`button-group--${this.orientation}`]: true,
-            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '50c2c43a3dfba4dc08aa6fe82545e934819d1c6d', onSlotchange: () => this.updateChildButtons() }))));
+            }, role: "group", "aria-label": this.ariaLabel }, h("slot", { key: '29ec991c2e3dd1157179c4f040d942caf0d0d7a1', onSlotchange: () => this.updateChildButtons() }))));
     }
     get el() { return this; }
     static get style() { return sekiButtonGroupCss; }

package/dist/cdn/seki-button.js

@@ -35,7 +35,7 @@ const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends H
         }
     }
     render() {
-        return (h("button", { key: 'e63ecc7698e83a796f82a1324e229aad797cac4d', 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: '3947a83f06f4579d7f85290b1aea8dc57251db4d' })));
+        return (h("button", { key: '8dcbfc724a5f97cf12ebbfbaea16e4acea92bae9', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, "aria-label": this.ariaLabel }, h("slot", { key: 'e3b7a70eb678587ef88367ac3ac50d06ee5de2ad' })));
     }
     static get style() { return sekiButtonCss; }
 }, [257, "seki-button", {

package/dist/cdn/seki-card-action.js

@@ -11,7 +11,7 @@ const CardAction = /*@__PURE__*/ proxyCustomElement(class CardAction extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '0ef278fc8e115cf8c8f9f0d5609b8201b5f2ab1c', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '8f3340c820a1bc5789a6f0c774a27455dc64cd25' })));
+        return (h("div", { key: '01343b8deb203ec5172610a73f29e9fe4d20ceb2', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '6f5728fa2ff08aefd1d3634dead19c33848fbd0e' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card-action", {

package/dist/cdn/seki-card-content.js

@@ -11,7 +11,7 @@ const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends H
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'e33c2d3f498fbd86ba04cb69c851373c4f7af690', class: `card-content ${this.class || ''}` }, h("slot", { key: '926a870d46dbdaeb55c325c64a7566556ed2fa9c' })));
+        return (h("div", { key: '1d152f71dc2cf23e615ca3d10a81ffa69f214652', class: `card-content ${this.class || ''}` }, h("slot", { key: '75e7cbf018c82809d23ad4095546af2cd5a01823' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card-content", {

package/dist/cdn/seki-card-description.js

@@ -11,7 +11,7 @@ const CardDescription = /*@__PURE__*/ proxyCustomElement(class CardDescription e
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '97dd8731a1bce2a10164e7dc24919bf0352afbfe', class: `card-description ${this.class || ''}` }, h("slot", { key: '5090b3e4022729fb4fcda1508e153818fe5c5d95' })));
+        return (h("p", { key: 'ee8b90fa83c09c1170e8e983f94ddbb249c0cefa', class: `card-description ${this.class || ''}` }, h("slot", { key: 'b67b1c43b769b70b23ea883d7b839f9935ed58ab' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card-description", {

package/dist/cdn/seki-card-footer.js

@@ -16,7 +16,7 @@ const CardFooter = /*@__PURE__*/ proxyCustomElement(class CardFooter extends H {
         this.alignment = 'flex-start';
     }
     render() {
-        return (h("footer", { key: '9783db8558ae190ae2454df9feeee1ecacbbbc60', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '7e029f52d42a2f82f2f3f35a15ddec8608e2c7cb' })));
+        return (h("footer", { key: '6b19ac36822ab00c916557f798683526518eb009', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '10e4ad24216317524cfae114fb1e9c05f90842c3' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card-footer", {

package/dist/cdn/seki-card-header.js

@@ -11,7 +11,7 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("header", { key: 'c7944129e0bdebbadb31398c4c470a6aec05f4c0', class: `card-header ${this.class || ''}` }, h("slot", { key: 'd34a614f53ce00ba9738dc19c779b2ec14c21a2a' })));
+        return (h("header", { key: 'e617d4bd27f67bc41edb9c2705c956e314048874', class: `card-header ${this.class || ''}` }, h("slot", { key: '986906e925a6d1b735971fdb07c718693504ae65' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card-header", {

package/dist/cdn/seki-card.js

@@ -11,7 +11,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("section", { key: '8daade9abdf02787586072112555e189dcb81da2', class: this.class }, h("slot", { key: 'ba888b8c4c687df4d9f9d4486b7f1d83ecf1d4a9' })));
+        return (h("section", { key: 'fb7f38217354b898038ef588476e8163f378f4c1', class: this.class }, h("slot", { key: 'a875303ebc48eaa0f8bc5bc21d92aa32ef3a589f' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card", {

package/dist/cdn/seki-carousel-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiCarouselContent extends Components.SekiCarouselContent, HTMLElement {}
+export const SekiCarouselContent: {
+    prototype: SekiCarouselContent;
+    new (): SekiCarouselContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/cdn/seki-carousel-content.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BF5nneSK.js';
+
+const sekiCarouselContentCss = ":host{display:block;overflow:hidden;width:100%}.carousel-content{display:flex;gap:var(--seki-carousel-gap, 1rem);touch-action:pan-y pinch-zoom;margin-left:calc(var(--seki-carousel-gap, 1rem) * -1)}.carousel-content ::slotted(*){flex:0 0 auto;min-width:0}";
+
+const SekiCarouselContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselContent extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '047b841f670f06cc0c65b0d89439a3cd6dfe4cc5', class: "carousel-content-host" }, h("div", { key: 'a31e478c1d93958a3784e3851c3689bbbad7ab4e', class: "carousel-content" }, h("slot", { key: 'c99182c4e99e3a883a186356e20778e94c0e3180' }))));
+    }
+    static get style() { return sekiCarouselContentCss; }
+}, [257, "seki-carousel-content"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-carousel-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-carousel-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiCarouselContent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiCarouselContent = SekiCarouselContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiCarouselContent, defineCustomElement };

package/dist/cdn/seki-carousel-dots.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiCarouselDots extends Components.SekiCarouselDots, HTMLElement {}
+export const SekiCarouselDots: {
+    prototype: SekiCarouselDots;
+    new (): SekiCarouselDots;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/cdn/seki-carousel-dots.js

@@ -0,0 +1,119 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BF5nneSK.js';
+
+const sekiCarouselDotsCss = ":host{display:flex;justify-content:center;width:100%;padding-top:0.75rem}.carousel-dots__container{display:flex;align-items:center;justify-content:center;gap:var(--seki-carousel-dot-gap, 0.5rem)}.carousel-dots__dot{display:flex;align-items:center;justify-content:center;padding:0.25rem;border:none;background:transparent;cursor:pointer;transition:transform 0.2s ease}.carousel-dots__dot:hover{transform:scale(1.2)}.carousel-dots__dot:focus-visible{outline:2px solid var(--seki-color-ring, #3b82f6);outline-offset:2px;border-radius:50%}.carousel-dots__dot-inner{display:block;width:var(--seki-carousel-dot-size, 0.5rem);height:var(--seki-carousel-dot-size, 0.5rem);border-radius:50%;background:var(--seki-carousel-dot-color, #94a3b8);transition:background-color 0.2s ease, width 0.2s ease, height 0.2s ease}.carousel-dots__dot--active .carousel-dots__dot-inner{width:var(--seki-carousel-dot-active-size, 0.625rem);height:var(--seki-carousel-dot-active-size, 0.625rem);background:var(--seki-carousel-dot-active-color, #0f172a)}@media (prefers-reduced-motion: reduce){.carousel-dots__dot,.carousel-dots__dot-inner{transition:none}}";
+
+const SekiCarouselDots$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselDots extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.selectedIndex = 0;
+        this.scrollSnapCount = 0;
+        this.parentCarousel = null;
+        this.unsubscribe = null;
+        this.handleSlideChange = async () => {
+            await this.updateState();
+        };
+        this.handleDotClick = async (index) => {
+            if (!this.parentCarousel)
+                return;
+            await this.parentCarousel.goToSlide(index);
+        };
+        this.handleKeyDown = (event, index) => {
+            var _a, _b;
+            const dots = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.carousel-dots__dot');
+            if (!dots)
+                return;
+            let targetIndex = null;
+            switch (event.key) {
+                case 'ArrowLeft':
+                case 'ArrowUp':
+                    event.preventDefault();
+                    targetIndex = index > 0 ? index - 1 : this.scrollSnapCount - 1;
+                    break;
+                case 'ArrowRight':
+                case 'ArrowDown':
+                    event.preventDefault();
+                    targetIndex = index < this.scrollSnapCount - 1 ? index + 1 : 0;
+                    break;
+                case 'Home':
+                    event.preventDefault();
+                    targetIndex = 0;
+                    break;
+                case 'End':
+                    event.preventDefault();
+                    targetIndex = this.scrollSnapCount - 1;
+                    break;
+            }
+            if (targetIndex !== null) {
+                (_b = dots[targetIndex]) === null || _b === void 0 ? void 0 : _b.focus();
+                this.handleDotClick(targetIndex);
+            }
+        };
+    }
+    componentWillLoad() {
+        this.findParentCarousel();
+    }
+    componentDidLoad() {
+        this.subscribeToCarousel();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    findParentCarousel() {
+        this.parentCarousel = this.el.closest('seki-carousel');
+    }
+    async subscribeToCarousel() {
+        if (!this.parentCarousel)
+            return;
+        // Initial state
+        await this.updateState();
+        // Listen for slide changes
+        this.parentCarousel.addEventListener('seki-slide-change', this.handleSlideChange);
+        this.unsubscribe = () => {
+            var _a;
+            (_a = this.parentCarousel) === null || _a === void 0 ? void 0 : _a.removeEventListener('seki-slide-change', this.handleSlideChange);
+        };
+    }
+    async updateState() {
+        if (!this.parentCarousel)
+            return;
+        const context = await this.parentCarousel.getContext();
+        this.selectedIndex = context.selectedIndex;
+        this.scrollSnapCount = context.scrollSnapCount;
+    }
+    render() {
+        const dots = Array.from({ length: this.scrollSnapCount }, (_, i) => i);
+        return (h(Host, { key: '94362738e93936733be8af0e087772cfeea490f1', class: "carousel-dots" }, h("div", { key: '0b69b089634ee151104b1586bd5ed50b4b56b981', 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" })))))));
+    }
+    get el() { return this; }
+    static get style() { return sekiCarouselDotsCss; }
+}, [257, "seki-carousel-dots", {
+        "selectedIndex": [32],
+        "scrollSnapCount": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-carousel-dots"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-carousel-dots":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiCarouselDots$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiCarouselDots = SekiCarouselDots$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiCarouselDots, defineCustomElement };

package/dist/cdn/seki-carousel-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiCarouselItem extends Components.SekiCarouselItem, HTMLElement {}
+export const SekiCarouselItem: {
+    prototype: SekiCarouselItem;
+    new (): SekiCarouselItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/cdn/seki-carousel-item.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BF5nneSK.js';
+
+const sekiCarouselItemCss = ":host{display:block;flex:0 0 auto;min-width:0;padding-left:var(--seki-carousel-gap, 1rem)}:host ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}";
+
+const SekiCarouselItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiCarouselItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Width of the item as CSS flex-basis.
+         * Examples: '100%' (full width), '50%' (half), '33.33%' (third)
+         */
+        this.basis = '100%';
+    }
+    render() {
+        return (h(Host, { key: '54a39ec4d98934294fe9351d1f7ff5a05fe6cd13', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: 'f3bad935c7602fd9f6e5fb1180dd4a72751402f4' })));
+    }
+    static get style() { return sekiCarouselItemCss; }
+}, [257, "seki-carousel-item", {
+        "basis": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-carousel-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-carousel-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiCarouselItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiCarouselItem = SekiCarouselItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiCarouselItem, defineCustomElement };

package/dist/cdn/seki-carousel-next.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SekiCarouselNext extends Components.SekiCarouselNext, HTMLElement {}
+export const SekiCarouselNext: {
+    prototype: SekiCarouselNext;
+    new (): SekiCarouselNext;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;