@sekiui/elements 0.0.60 → 0.0.61

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

@@ -0,0 +1,77 @@
+import { h } from "@stencil/core";
+/**
+ * seki-pagination-previous: Previous page navigation button
+ *
+ * @component PaginationPrevious
+ */
+export class SekiPaginationPrevious {
+    constructor() {
+        /**
+         * Disables the button
+         */
+        this.disabled = false;
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'span';
+        return (h(Tag, { key: 'c991ad92f24d7d3e73a43ef61fceebf25b81fd47', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+                'seki-pagination-link': true,
+                'seki-pagination-nav': true,
+                'seki-pagination-link--disabled': !!this.disabled,
+            }, part: "previous" }, h("svg", { key: 'b8e7a14dc509fa36d822d1b89e0b3d38236a0d3d', 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", { key: '409461f830158e4709ac035fd9e5cec7e1737977', d: "m15 18-6-6 6-6" })), h("span", { key: '8dd16240ef899ce6ef65b68dc0414560544c2133' }, "Previous")));
+    }
+    static get is() { return "seki-pagination-previous"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-pagination.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-pagination.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "URL for the previous page"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,151 @@
+/* Pagination Component Styles with Design Tokens */
+
+:host {
+  --seki-pagination-text-color: var(--color-text-primary, hsl(220 9% 20%));
+  --seki-pagination-text-muted: var(--color-text-secondary, hsl(220 9% 46%));
+  --seki-pagination-bg: transparent;
+  --seki-pagination-bg-hover: var(--color-surface-secondary, hsl(220 13% 95%));
+  --seki-pagination-bg-active: var(--color-primary, hsl(220 90% 56%));
+  --seki-pagination-text-active: var(--color-white, #ffffff);
+  --seki-pagination-border: var(--color-border, hsl(220 13% 91%));
+  --seki-pagination-border-radius: var(--radius-md, 6px);
+  --seki-pagination-font-size: var(--seki-font-size-sm, 14px);
+  --seki-pagination-font-family: var(--seki-font-sans, system-ui, -apple-system, sans-serif);
+  --seki-pagination-gap: 0.25rem;
+  --seki-pagination-size: 2.25rem;
+
+  display: block;
+}
+
+/* Dark mode support */
+:host([data-theme='dark']) {
+  --seki-pagination-text-color: var(--color-text-primary-dark, hsl(215 20% 85%));
+  --seki-pagination-text-muted: var(--color-text-secondary-dark, hsl(215 20% 65%));
+  --seki-pagination-bg-hover: var(--color-surface-secondary-dark, hsl(215 20% 20%));
+  --seki-pagination-bg-active: var(--color-primary-dark, hsl(220 90% 65%));
+  --seki-pagination-border: var(--color-border-dark, hsl(215 20% 25%));
+}
+
+/* Nav wrapper */
+.seki-pagination {
+  display: flex;
+  justify-content: center;
+  font-family: var(--seki-pagination-font-family);
+  font-size: var(--seki-pagination-font-size);
+}
+
+/* Content list */
+.seki-pagination-content {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--seki-pagination-gap);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Item wrapper */
+.seki-pagination-item {
+  display: inline-flex;
+}
+
+/* Base link styles */
+.seki-pagination-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--seki-pagination-size);
+  height: var(--seki-pagination-size);
+  padding: 0 0.5rem;
+  border-radius: var(--seki-pagination-border-radius);
+  border: 1px solid var(--seki-pagination-border);
+  background: var(--seki-pagination-bg);
+  color: var(--seki-pagination-text-color);
+  text-decoration: none;
+  cursor: pointer;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+  gap: 0.25rem;
+}
+
+.seki-pagination-link:hover:not(.seki-pagination-link--disabled):not(.seki-pagination-link--active) {
+  background: var(--seki-pagination-bg-hover);
+}
+
+.seki-pagination-link:focus-visible {
+  outline: 2px solid var(--seki-pagination-bg-active);
+  outline-offset: 2px;
+}
+
+/* Active state */
+.seki-pagination-link--active {
+  background: var(--seki-pagination-bg-active);
+  color: var(--seki-pagination-text-active);
+  border-color: var(--seki-pagination-bg-active);
+  pointer-events: none;
+}
+
+/* Disabled state */
+.seki-pagination-link--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+/* Navigation buttons (prev/next) */
+.seki-pagination-nav {
+  gap: 0.25rem;
+  padding: 0 0.75rem;
+}
+
+.seki-pagination-nav svg {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+}
+
+/* Ellipsis */
+.seki-pagination-ellipsis {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--seki-pagination-size);
+  height: var(--seki-pagination-size);
+  color: var(--seki-pagination-text-muted);
+}
+
+.seki-pagination-ellipsis svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+/* Screen reader only text */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: more) {
+  .seki-pagination-link {
+    border-width: 2px;
+  }
+
+  .seki-pagination-link:focus-visible {
+    outline-width: 3px;
+  }
+}
+
+/* Reduced motion support */
+@media (prefers-reduced-motion: reduce) {
+  .seki-pagination-link {
+    transition: none;
+  }
+}

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

@@ -0,0 +1,37 @@
+import { h } from "@stencil/core";
+/**
+ * seki-pagination: Root pagination navigation component
+ *
+ * @component Pagination
+ * @example
+ * <seki-pagination>
+ *   <seki-pagination-content>
+ *     <seki-pagination-item>
+ *       <seki-pagination-previous href="#"></seki-pagination-previous>
+ *     </seki-pagination-item>
+ *     <seki-pagination-item>
+ *       <seki-pagination-link href="#">1</seki-pagination-link>
+ *     </seki-pagination-item>
+ *     <seki-pagination-item>
+ *       <seki-pagination-next href="#"></seki-pagination-next>
+ *     </seki-pagination-item>
+ *   </seki-pagination-content>
+ * </seki-pagination>
+ */
+export class SekiPagination {
+    render() {
+        return (h("nav", { key: 'dca247b34f5eaeda5ef674f3816c62b7321de982', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7d411145416f993b54e67124c5c17def58a257f3' })));
+    }
+    static get is() { return "seki-pagination"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-pagination.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-pagination.css"]
+        };
+    }
+}

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

@@ -334,7 +334,7 @@ export class SekiSelect {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: '937ecb7e4578dc18df7e5549da41192a9c8b480e' }, h("slot", { key: 'a1e8dc66e48ea415ec9be370e57828295a939f9a' }), this.name && this.renderHiddenNativeElement()));
+        return (h(Host, { key: 'e746f51ef991f2ca5806d8e35c2f3e5f7361af21' }, h("slot", { key: 'ef2a9d3988198cea2f1df16ff4986921a8a72d4c' }), this.name && this.renderHiddenNativeElement()));
     }
     renderHiddenNativeElement() {
         if (this.multiple) {

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

@@ -11,7 +11,7 @@ export class SekiSelectGroup {
     // Render
     // ===========================
     render() {
-        return (h(Host, { key: 'f8381b944d94b4aa33150ba207c1c11513a8ae3d' }, h("div", { key: '6e50621d0c40cb76a5b6f057bad1607b8b25117c', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'e15e64d2de996fbbe634eaea668151fb87e09ebc', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '78edab9072b188a693cd15e754ea200c2ad49fa2', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '9ed43be42fe5d1565160568370efa7efdd897416', name: "label" }, this.label)), h("div", { key: '2d2fe8b2bcc6352fee3954ed9cface5c29a03415', class: "group-options" }, h("slot", { key: '6ffecca01f13e86b21eb0291e6938173a0c37dfa' })))));
+        return (h(Host, { key: 'a366e0cdcf720f0f1f4ee79daa0bed3ae4c12754' }, h("div", { key: '44f90562d6b6f4f620e4f9362bc8a917bbf13ac6', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'aad37ef4197ea7afb23a161ef3987a6ac19c4617', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '49eecdfb4d951fbcbc7f97f59bc320a7ffb732c6', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '4c781dc892e57d4f78b5339d06cd26f654d6e058', name: "label" }, this.label)), h("div", { key: '06dd0c65eddbf3e53b9f2cad7189e58dd9c30b0c', class: "group-options" }, h("slot", { key: '2f249ea40e7fcbd35bb05ca8b7fec66cfc81f819' })))));
     }
     static get is() { return "seki-select-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-option/seki-select-option.js

@@ -75,7 +75,7 @@ export class SekiSelectOption {
         const selectContext = this.getSelectContext();
         const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
         const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
-        return (h(Host, { key: '4cdd85692cc503cafa31300f8744102223987337' }, h("div", { key: '4ddfc3f3362708ddfd177117d8cc41e691274c44', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: '031afc27ec527d600c67b1eda6e90cd3c8cab96d', class: "option-label" }, h("slot", { key: '71d4b910f10114e5b6baa57673078172af331c2b' })), isSelected && (h("span", { key: '93c7e76e7ab8f589f070bd03b1d9ee110480f5f1', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'c035a4ebb4e4d0a94c07ae70423476d6ba09cf89', name: "selected-indicator" }, h("svg", { key: 'fa2a4b375cbbfe5e0e7b358d52ddb1ab4cd794a2', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '75c363fadeb56661aa18e390297d5f2cfcae78b9', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '353cf2552f1b11fbb1dac56a52c1ec910e4dacb9' }, h("div", { key: 'bc36cd890f160965975b2210d0f0e5650c31a593', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: 'b22d553ac28276d1a7c62fbac329c63d1944a1a5', class: "option-label" }, h("slot", { key: '3db6becae65edac405f71f1b13e8687149868401' })), isSelected && (h("span", { key: '136a0a6e05eaea43335e6e9c2c87e4c6d9ac30ac', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'b3ae2593aec93153b53f701ae4014c62d2d211b4', name: "selected-indicator" }, h("svg", { key: '6b4a097f8d2d8910935d475c62a9264953180ac9', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b4740a35ddff78c005a15b02cfc380c462b4f332', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "seki-select-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,48 @@
+/* Separator Component Styles with Design Tokens */
+
+:host {
+  /* Border color token */
+  --seki-separator-color: var(--color-border, hsl(220 13% 91%));
+
+  /* Sizing tokens */
+  --seki-separator-thickness: 1px;
+
+  display: block;
+}
+
+/* Vertical orientation requires explicit height from parent */
+:host([orientation='vertical']) {
+  display: inline-block;
+  height: 100%;
+}
+
+/* Dark mode support */
+:host([data-theme='dark']) {
+  --seki-separator-color: var(--color-border-dark, hsl(215 20% 25%));
+}
+
+/* Base separator styles */
+.seki-separator {
+  background-color: var(--seki-separator-color);
+  flex-shrink: 0;
+}
+
+/* Horizontal separator (default) */
+.seki-separator--horizontal {
+  width: 100%;
+  height: var(--seki-separator-thickness);
+}
+
+/* Vertical separator */
+.seki-separator--vertical {
+  width: var(--seki-separator-thickness);
+  height: 100%;
+  min-height: 1rem;
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: more) {
+  .seki-separator {
+    --seki-separator-thickness: 2px;
+  }
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,100 @@
+import { h } from "@stencil/core";
+/**
+ * seki-separator: Visual divider for separating content
+ *
+ * @component Separator
+ * @example
+ * <seki-separator></seki-separator>
+ * <seki-separator orientation="vertical"></seki-separator>
+ */
+export class SekiSeparator {
+    constructor() {
+        /**
+         * Orientation of the separator
+         * @default 'horizontal'
+         */
+        this.orientation = 'horizontal';
+        /**
+         * Whether the separator is purely decorative
+         * When true, removes the separator from accessibility tree
+         * @default false
+         */
+        this.decorative = false;
+    }
+    render() {
+        const isVertical = this.orientation === 'vertical';
+        return (h("div", { key: 'bc2f267cb2c0598201eac86a9fe5db40833e2bfe', class: {
+                'seki-separator': true,
+                'seki-separator--horizontal': !isVertical,
+                'seki-separator--vertical': isVertical,
+            }, role: this.decorative ? 'none' : 'separator', "aria-orientation": this.decorative ? undefined : this.orientation, "data-orientation": this.orientation, part: "separator" }));
+    }
+    static get is() { return "seki-separator"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-separator.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-separator.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orientation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SeparatorOrientation",
+                    "resolved": "\"horizontal\" | \"vertical\" | undefined",
+                    "references": {
+                        "SeparatorOrientation": {
+                            "location": "import",
+                            "path": "./seki-separator.interface",
+                            "id": "src/components/separator/seki-separator.interface.ts::SeparatorOrientation"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'horizontal'"
+                        }],
+                    "text": "Orientation of the separator"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "orientation",
+                "defaultValue": "'horizontal'"
+            },
+            "decorative": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Whether the separator is purely decorative\nWhen true, removes the separator from accessibility tree"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "decorative",
+                "defaultValue": "false"
+            }
+        };
+    }
+}

package/dist/collection/components/sheet/seki-sheet-close.js

@@ -0,0 +1,46 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-close: Close button for the sheet
+ *
+ * @component SheetClose
+ */
+export class SekiSheetClose {
+    constructor() {
+        this.handleClick = () => {
+            this.closeSheet.emit();
+        };
+    }
+    render() {
+        return (h("div", { key: '311c0fb386bdfde2ea3b8185a0fdde3d9b2cde39', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'd71178267459ab7c56ab7bb74a6a91caa24f5d7b' })));
+    }
+    static get is() { return "seki-sheet-close"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closeSheet",
+                "name": "closeSheet",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when close is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}

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

@@ -0,0 +1,95 @@
+import { h, Host } from "@stencil/core";
+/**
+ * seki-sheet-content: Container for sheet content
+ *
+ * @component SheetContent
+ */
+export class SekiSheetContent {
+    constructor() {
+        /**
+         * Side of the screen the sheet slides in from
+         * @default 'right'
+         */
+        this.side = 'right';
+        this.handleCloseClick = () => {
+            this.closeSheet.emit();
+        };
+    }
+    componentWillLoad() {
+        // Propagate side attribute to parent for CSS targeting
+        const parent = this.el.closest('seki-sheet');
+        if (parent) {
+            parent.setAttribute('data-side', this.side || 'right');
+        }
+    }
+    render() {
+        return (h(Host, { key: 'a7a3186c487b85174956265b8f96248d894f18ce', "data-side": this.side }, h("div", { key: 'f58649f7229bfa4db98bdd970a7c324c9210b0f7', role: "dialog", "aria-modal": "true", class: {
+                'seki-sheet-content': true,
+                [`seki-sheet-content--${this.side}`]: true,
+            }, part: "content" }, h("button", { key: '8f3c0fd77e7014f83ca06d10db20a4fff19430ec', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: '9ab19f10d29fdea43eacfbfd5cdc0454448c31d6', 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", { key: 'e110195ab15d38c431cf9dfcbef96abf08b89c58', d: "M18 6 6 18" }), h("path", { key: '1ed8568241d7d7c628131f23d751d12af50eec8b', d: "m6 6 12 12" }))), h("slot", { key: 'f18d2a5a87d5d2653ce92766bc34c4506b88d4f4' }))));
+    }
+    static get is() { return "seki-sheet-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "side": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SheetSide",
+                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+                    "references": {
+                        "SheetSide": {
+                            "location": "local",
+                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/sheet/seki-sheet-content.tsx",
+                            "id": "src/components/sheet/seki-sheet-content.tsx::SheetSide"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'right'"
+                        }],
+                    "text": "Side of the screen the sheet slides in from"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "side",
+                "defaultValue": "'right'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closeSheet",
+                "name": "closeSheet",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when close is requested"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -0,0 +1,23 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-description: Descriptive text in the sheet header
+ *
+ * @component SheetDescription
+ */
+export class SekiSheetDescription {
+    render() {
+        return (h("p", { key: '578cf7969904ced76a2e60eb760c1a8cb9287e04', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'a7b0ffe385d21dcb4da9ee3a5173747f384399ef' })));
+    }
+    static get is() { return "seki-sheet-description"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+}

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

@@ -0,0 +1,23 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-footer: Footer section of the sheet for actions
+ *
+ * @component SheetFooter
+ */
+export class SekiSheetFooter {
+    render() {
+        return (h("div", { key: '94a068d8899bc7b4b0bbc6e8841a590f3018b773', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '984efb4ac8d84b0d455249dc3ae314eca2f0f0e2' })));
+    }
+    static get is() { return "seki-sheet-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+}

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

@@ -0,0 +1,23 @@
+import { h } from "@stencil/core";
+/**
+ * seki-sheet-header: Header section of the sheet
+ *
+ * @component SheetHeader
+ */
+export class SekiSheetHeader {
+    render() {
+        return (h("div", { key: 'c77e5e07910a2cecf7fc8bb45dca0561eb3ce56d', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'fa82acc36ad1ba04ce9a11664fb3b36dbeb61f07' })));
+    }
+    static get is() { return "seki-sheet-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-sheet.css"]
+        };
+    }
+}