@sekiui/elements 0.0.64 → 0.0.69

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

@@ -14,7 +14,7 @@
   /* Sizing */
   --seki-calendar-cell-size: 36px;
   --seki-calendar-nav-button-size: 28px;
-  --seki-calendar-radius: var(--radius-md, 8px);
+  --seki-calendar-radius: var(--seki-radius-md, 8px);
 
   /* Typography */
   --seki-calendar-font-size: var(--seki-font-size-sm, 14px);
@@ -61,7 +61,7 @@
 }
 
 .seki-calendar__month {
-  font-weight: 500;
+  font-weight: var(--seki-font-weight-medium, 500);
 }
 
 .seki-calendar__year {
@@ -77,7 +77,7 @@
   height: var(--seki-calendar-nav-button-size);
   padding: 0;
   border: 1px solid var(--seki-calendar-border);
-  border-radius: var(--radius-sm, 4px);
+  border-radius: var(--seki-radius-sm, 4px);
   background-color: transparent;
   color: var(--seki-calendar-text);
   cursor: pointer;
@@ -114,8 +114,8 @@
 .seki-calendar__weekday {
   width: var(--seki-calendar-cell-size);
   height: var(--seki-calendar-cell-size);
-  font-size: 0.75rem;
-  font-weight: 400;
+  font-size: var(--seki-font-size-xs, 0.75rem);
+  font-weight: var(--seki-font-weight-normal, 400);
   color: var(--seki-calendar-muted);
   text-align: center;
   vertical-align: middle;
@@ -143,11 +143,11 @@
   height: var(--seki-calendar-cell-size);
   padding: 0;
   border: none;
-  border-radius: var(--radius-sm, 4px);
+  border-radius: var(--seki-radius-sm, 4px);
   background-color: transparent;
   color: var(--seki-calendar-text);
   font-size: var(--seki-calendar-font-size);
-  font-weight: 400;
+  font-weight: var(--seki-font-weight-normal, 400);
   cursor: pointer;
   transition: background-color 150ms ease, color 150ms ease;
 }
@@ -172,7 +172,7 @@
 .seki-calendar__day--selected {
   background-color: var(--seki-calendar-primary);
   color: var(--seki-calendar-primary-foreground);
-  font-weight: 500;
+  font-weight: var(--seki-font-weight-medium, 500);
 }
 
 .seki-calendar__day--selected:hover {
@@ -211,17 +211,17 @@
 .seki-calendar__day--range-start {
   background-color: var(--seki-calendar-primary);
   color: var(--seki-calendar-primary-foreground);
-  border-radius: var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px);
+  border-radius: var(--seki-radius-sm, 4px) 0 0 var(--seki-radius-sm, 4px);
 }
 
 .seki-calendar__day--range-end {
   background-color: var(--seki-calendar-primary);
   color: var(--seki-calendar-primary-foreground);
-  border-radius: 0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0;
+  border-radius: 0 var(--seki-radius-sm, 4px) var(--seki-radius-sm, 4px) 0;
 }
 
 .seki-calendar__day--range-start.seki-calendar__day--range-end {
-  border-radius: var(--radius-sm, 4px);
+  border-radius: var(--seki-radius-sm, 4px);
 }
 
 /* Focused (keyboard navigation) */

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

@@ -225,7 +225,7 @@ export class SekiCalendar {
                     "references": {
                         "CalendarMode": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/calendar/seki-calendar.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/calendar/seki-calendar.tsx",
                             "id": "src/components/calendar/seki-calendar.tsx::CalendarMode"
                         }
                     }
@@ -530,7 +530,7 @@ export class SekiCalendar {
                     "references": {
                         "DateRange": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/calendar/seki-calendar.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/calendar/seki-calendar.tsx",
                             "id": "src/components/calendar/seki-calendar.tsx::DateRange"
                         }
                     }

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: '01343b8deb203ec5172610a73f29e9fe4d20ceb2', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: '6f5728fa2ff08aefd1d3634dead19c33848fbd0e' })));
+        return (h("div", { key: '0d986ea3971eaaecb9efe887ac087a8743f3d472', class: `card-action ${this.class || ''}`, role: "toolbar" }, h("slot", { key: 'd1c2633a17f262627fa9983b9e4cf50dc8efdbf9' })));
     }
     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: '1d152f71dc2cf23e615ca3d10a81ffa69f214652', class: `card-content ${this.class || ''}` }, h("slot", { key: '75e7cbf018c82809d23ad4095546af2cd5a01823' })));
+        return (h("div", { key: 'fbe3655998d768ba076b14cc5295fcb02565736e', class: `card-content ${this.class || ''}` }, h("slot", { key: 'f03a437d4e24d8f0e8a7df37f125977226e36c38' })));
     }
     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: 'ee8b90fa83c09c1170e8e983f94ddbb249c0cefa', class: `card-description ${this.class || ''}` }, h("slot", { key: 'b67b1c43b769b70b23ea883d7b839f9935ed58ab' })));
+        return (h("p", { key: 'da5e20791e3ff7f8472482988fb33d622a4c96b1', class: `card-description ${this.class || ''}` }, h("slot", { key: '4369629e345d8cc5bb17166d6877dba421522e4d' })));
     }
     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: '6b19ac36822ab00c916557f798683526518eb009', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: '10e4ad24216317524cfae114fb1e9c05f90842c3' })));
+        return (h("footer", { key: 'd23aa5f3f2e5b924ad2c91b6ba8c61adcff9535e', class: `card-footer ${this.class || ''}`, style: { justifyContent: this.alignment } }, h("slot", { key: 'fc9ea2a694839af39757aeb059b289db3e50ea8c' })));
     }
     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: 'e617d4bd27f67bc41edb9c2705c956e314048874', class: `card-header ${this.class || ''}` }, h("slot", { key: '986906e925a6d1b735971fdb07c718693504ae65' })));
+        return (h("header", { key: '65aa324de8feee180e8c1606207a7fab830baa66', class: `card-header ${this.class || ''}` }, h("slot", { key: '54cf81a25ac43193eab8faee377de9a2855ef403' })));
     }
     static get is() { return "seki-card-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -770,14 +770,14 @@
   --seki-card-text-color: var(--color-text-primary, #1f2937);
   --seki-card-text-secondary: var(--color-text-secondary, #6b7280);
   --seki-card-padding: clamp(0.75rem, 4vw, 1.5rem);
-  --seki-card-border-radius: 0.5rem;
+  --seki-card-border-radius: var(--seki-radius-lg, 0.5rem);
   --seki-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   --seki-card-shadow-hover: 0 4px 6px rgba(0, 0, 0, 0.1);
   --seki-card-header-padding: clamp(0.75rem, 4vw, 1.5rem);
   --seki-card-content-padding: clamp(0.75rem, 4vw, 1.5rem);
   --seki-card-footer-padding: clamp(0.75rem, 4vw, 1.5rem);
   --seki-card-title-font-size: 1.5rem;
-  --seki-card-title-font-weight: 600;
+  --seki-card-title-font-weight: var(--seki-font-weight-semibold, 600);
   --seki-card-title-color: var(--seki-card-text-color);
   --seki-card-description-font-size: 0.875rem;
   --seki-card-description-color: var(--seki-card-text-secondary);

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: 'fb7f38217354b898038ef588476e8163f378f4c1', class: this.class }, h("slot", { key: 'a875303ebc48eaa0f8bc5bc21d92aa32ef3a589f' })));
+        return (h("section", { key: '9a7d21c871a9ba7b4fe00e8a5fa1d3aa27368352', class: this.class }, h("slot", { key: 'cd2b315f1be88b8c22062178f975bbd443514735' })));
     }
     static get is() { return "seki-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,10 +7,10 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiCarouselContent {
     render() {
-        return (h(Host, { key: '047b841f670f06cc0c65b0d89439a3cd6dfe4cc5', class: "carousel-content-host" }, h("div", { key: 'a31e478c1d93958a3784e3851c3689bbbad7ab4e', class: "carousel-content" }, h("slot", { key: 'c99182c4e99e3a883a186356e20778e94c0e3180' }))));
+        return (h(Host, { key: '858ff1adcebe01d43ddeea8de7e7213caeebfc79', class: "carousel-content-host" }, h("div", { key: '98971216ed4496a92dd8e712f989d692f52f1b42', class: "carousel-content" }, h("slot", { key: 'c24e17ae54bb609ed8969d3ad3d3fd8ffc37a4b4' }))));
     }
     static get is() { return "seki-carousel-content"; }
-    static get encapsulation() { return "shadow"; }
+    static get encapsulation() { return "scoped"; }
     static get originalStyleUrls() {
         return {
             "$": ["seki-carousel-content.css"]

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

@@ -83,7 +83,7 @@ export class SekiCarouselDots {
     }
     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: {
+        return (h(Host, { key: 'ad29bcb018e0c950fba88fa069089dbedf68f415', class: "carousel-dots" }, h("div", { key: 'e8bea3f10c6f1ac3e4d8c66aba3772775511a654', 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: '54a39ec4d98934294fe9351d1f7ff5a05fe6cd13', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: 'f3bad935c7602fd9f6e5fb1180dd4a72751402f4' })));
+        return (h(Host, { key: '03bfc0370e5f2d306c6d6cdc38b414686cd791f1', class: "carousel-item", style: { flexBasis: this.basis }, role: "group", "aria-roledescription": "slide" }, h("slot", { key: '2a5b0bc4bbe830a098e3cd33065865a7fe0ecf6a' })));
     }
     static get is() { return "seki-carousel-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SekiCarouselNext {
         this.disabled = !context.canScrollNext;
     }
     render() {
-        return (h(Host, { key: 'ba14cb410b0c92db37ba22aac1cd06b9c2988170', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: '7bd007f22cb950d918f96736d70f94eb7a6fc1de', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '2e3b6fff2abff1f2533c4bb048c79bbeb89e5b3d', 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: 'fabd3f3fa329abe2f3dd8b3b3c30a2766ade7870', points: "9 18 15 12 9 6" })))));
+        return (h(Host, { key: '27b6f6bdd8902959fb1a1d4906466cbf783a959c', class: { 'carousel-nav': true, 'carousel-nav--next': true } }, h("button", { key: 'b81fc359c344f394eb00b38a5228d28d8dfebd83', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Next slide", onClick: this.handleClick }, h("svg", { key: '2c9f62c7860663e64c9cc2afcfb39b7be1d1f01d', 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: '0fce24db47046b22678bf0432c0843772e82e837', 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

@@ -49,7 +49,7 @@ export class SekiCarouselPrevious {
         this.disabled = !context.canScrollPrev;
     }
     render() {
-        return (h(Host, { key: 'f06ada05f7248ea39e14b693d0cde6ba45321521', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: '0f47c32406ca271f3cf2dfaa6ebe36877dfcb6dd', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: '521f8ae84fbeb7ad17968ed0c8f444c9ec911c95', 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: 'fe8503accd343f182270b1e823722763eaf5fa13', points: "15 18 9 12 15 6" })))));
+        return (h(Host, { key: 'da4b0ea3b667d7d5b69b780346babf9f13825e8e', class: { 'carousel-nav': true, 'carousel-nav--prev': true } }, h("button", { key: 'f231ba294276e8428e8a68ebd8ab6784f0bee91b', type: "button", class: "carousel-nav__button", disabled: this.disabled, "aria-label": "Previous slide", onClick: this.handleClick }, h("svg", { key: 'bdca569fa954522d34dafed7010866167b6d6563', 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: '109cbaaa76454002037637ab0a041e626650ee73', points: "15 18 9 12 15 6" })))));
     }
     static get is() { return "seki-carousel-previous"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,15 +174,14 @@ export class SekiCarousel {
     // Private Methods
     // =========================================================================
     initEmbla() {
-        var _a;
         // Find the viewport element (seki-carousel-content)
         this.viewportEl = this.el.querySelector('seki-carousel-content');
         if (!this.viewportEl) {
             console.warn('seki-carousel: No seki-carousel-content found');
             return;
         }
-        // Get the inner container
-        const containerEl = (_a = this.viewportEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.carousel-content');
+        // Get the inner container (seki-carousel-content uses shadow: false)
+        const containerEl = this.viewportEl.querySelector('.carousel-content');
         if (!containerEl) {
             // Wait for content to render
             requestAnimationFrame(() => this.initEmbla());
@@ -252,7 +251,7 @@ export class SekiCarousel {
     // Render
     // =========================================================================
     render() {
-        return (h(Host, { key: 'a7eb148f26f940d3924989a014770530044b6ff6', class: "carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.ariaLabel, tabindex: "0", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusIn: this.handleFocusIn, onFocusOut: this.handleFocusOut, onKeyDown: this.handleKeyDown }, h("div", { key: 'c0a1b637c07a58f8e73202396a1f29464fc2c758', class: "carousel__container" }, h("slot", { key: 'eb4dc7088cb11ecbf35c11c3ead292ac7f292a5a' })), h("div", { key: '78c4cdecff0fb89908279dc0a589dd174801bbd3', class: "carousel__live-region", "aria-live": "polite", "aria-atomic": "true" }, `Slide ${this.selectedIndex + 1} of ${this.scrollSnapCount}`)));
+        return (h(Host, { key: 'c36c7b0ee60c76891b222f1a0bb5e3175ad80a7f', class: "carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.ariaLabel, tabindex: "0", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusIn: this.handleFocusIn, onFocusOut: this.handleFocusOut, onKeyDown: this.handleKeyDown }, h("div", { key: '1c209253af84ddeffcd1f0e3b251652979dbe9e2', class: "carousel__container" }, h("slot", { key: 'fd73801a89aefd91573017c7c988926a3107a782' })), h("div", { key: '12bba43c1158a11032350fe6097268ecc882c8fd', class: "carousel__live-region", "aria-live": "polite", "aria-atomic": "true" }, `Slide ${this.selectedIndex + 1} of ${this.scrollSnapCount}`)));
     }
     static get is() { return "seki-carousel"; }
     static get encapsulation() { return "shadow"; }
@@ -542,7 +541,7 @@ export class SekiCarousel {
                         },
                         "CarouselContext": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/carousel/seki-carousel.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/carousel/seki-carousel.tsx",
                             "id": "src/components/carousel/seki-carousel.tsx::CarouselContext"
                         }
                     },

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

@@ -103,11 +103,11 @@ export class SekiCheckbox {
     render() {
         const isChecked = this.isChecked;
         const dataState = this.indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
-        return (h(Host, { key: '4d96fc6069e7aed2b871cd0d8dc08b56cde2afe7', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '9ae2d2bdb41abfddd91d13305548a26cc5c1f9d1', type: "button", role: "checkbox", class: "checkbox", 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: '49cef415f26e56a2676bf3e715c4d1f211bcfd2a', class: "indicator", part: "indicator" }, this.indeterminate ? (
+        return (h(Host, { key: 'e92ee1e3ae6554974fd28a2602cc971c33aeaaef', "data-state": dataState, "data-disabled": this.disabled ? '' : null }, h("button", { key: '06a8f74c647e708653514531271c5f2e7cab7410', type: "button", role: "checkbox", class: "checkbox", 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: '532259b886d3e8af73b5932784746086a630439f', 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
-        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("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '86d8b33c4513fca4e12d7a29747d1f1dc90e7cd8', type: "checkbox", name: this.name, value: this.value, checked: isChecked, required: this.required, disabled: this.disabled, style: { display: 'none' }, tabindex: -1, "aria-hidden": "true" }))));
+        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("polyline", { points: "20 6 9 17 4 12" })))))), this.name && (h("input", { key: '4c848e4cdb0f10f8592d95a7da95032b202502f4', 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 is() { return "seki-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,11 +86,11 @@ export class SekiCollapsibleContent {
         else {
             contentStyle.height = '0';
         }
-        return (h(Host, { key: 'e025e4f99175d7de796412bfe109875ce573849c', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'aea2cd5b9a0ed647b69558000e48efb1a419edf2', ref: (el) => (this.contentRef = el), part: "content", id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !this._isOpen, class: {
+        return (h(Host, { key: '27f18a16cb1324bba8f02502131c29e6471b32bc', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f82033ef12b4f0ea12ae60ca8157def45421c252', 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: 'bf591bc5697d85681c8b95660bcd3a510fc42a31', class: "collapsible-content-inner" }, h("slot", { key: '77c9141495a0a24622cc08860056ee5b4aacb6f2' })))));
+            }, style: contentStyle }, h("div", { key: '48898deaeab9bac2ec61bd22e6895265a5a797d7', class: "collapsible-content-inner" }, h("slot", { key: '4952c3bdce1a9df77517eae7c996c2ef2f107811' })))));
     }
     static get is() { return "seki-collapsible-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,7 +87,7 @@ export class SekiCollapsible {
         };
     }
     render() {
-        return (h(Host, { key: 'c65f0a79cc6f865f4e74e7c72b17c6ad01d496d2', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: 'fea15873c67cf46620d0f56578d8b1ca1f1a02e1', part: "collapsible", class: "collapsible" }, h("slot", { key: 'f27e929ea49fdd6b2fedb39cee2b67762795b022' }))));
+        return (h(Host, { key: '3d46e1be1070262917348a933841fdc653cfb3c5', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: '8499206ae23b4cadf07ee92b46c431f757934afd', part: "collapsible", class: "collapsible" }, h("slot", { key: 'a4133f7a00e3d7807c98c4cdca5f5991a2778f25' }))));
     }
     static get is() { return "seki-collapsible"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,8 @@
+:host {
+  display: block;
+  position: relative;
+}
+
+.combobox-container {
+  position: relative;
+}