@sekiui/elements 0.0.60 → 0.0.61

package/dist/cjs/seki-pagination-ellipsis.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPaginationEllipsis = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("span", { key: '9a9fc21af9442c16c209bc59f2b4b94090d86cb3', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, index.h("svg", { key: 'dd5f6ce2c7b60635a141353e9ba63331dca91316', 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" }, index.h("circle", { key: '05d5089ebfe256de3ea419840968667cfa5baa05', cx: "12", cy: "12", r: "1" }), index.h("circle", { key: 'ee6e8aca2f67d6aed1e3a8d82303dac1c3f2deab', cx: "19", cy: "12", r: "1" }), index.h("circle", { key: '6e59711fa2589088ee0773378e511f15190094f6', cx: "5", cy: "12", r: "1" })), index.h("span", { key: '29c5afcfb7e11381200ffa550cad0eb7e0085f5d', class: "sr-only" }, "More pages")));
+    }
+};
+SekiPaginationEllipsis.style = sekiPaginationCss;
+
+exports.seki_pagination_ellipsis = SekiPaginationEllipsis;

package/dist/cjs/seki-pagination-item.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPaginationItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("li", { key: 'a58aef65168e39720ff40cd00a9cee9d3a4ed102', class: "seki-pagination-item", part: "item" }, index.h("slot", { key: 'd887cb0dbb35994712c41bd8521cfa6b37f92109' })));
+    }
+};
+SekiPaginationItem.style = sekiPaginationCss;
+
+exports.seki_pagination_item = SekiPaginationItem;

package/dist/cjs/seki-pagination-link.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPaginationLink = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Whether this link represents the current/active page
+         */
+        this.active = false;
+        /**
+         * Disables the link
+         */
+        this.disabled = false;
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'span';
+        return (index.h(Tag, { key: 'daafd140f5bd5699994ff2d21c25527ee710c53e', href: this.href && !this.disabled ? this.href : undefined, "aria-current": this.active ? 'page' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: {
+                'seki-pagination-link': true,
+                'seki-pagination-link--active': !!this.active,
+                'seki-pagination-link--disabled': !!this.disabled,
+            }, part: "link" }, index.h("slot", { key: 'dc53ea38a64511be8dc65f4114e11cf3ee78212e' })));
+    }
+};
+SekiPaginationLink.style = sekiPaginationCss;
+
+exports.seki_pagination_link = SekiPaginationLink;

package/dist/cjs/seki-pagination-next.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPaginationNext = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Disables the button
+         */
+        this.disabled = false;
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'span';
+        return (index.h(Tag, { key: 'bcd8e5de903f8a92b4ecc81645e5274dbc53565d', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to next page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
+                'seki-pagination-link': true,
+                'seki-pagination-nav': true,
+                'seki-pagination-link--disabled': !!this.disabled,
+            }, part: "next" }, index.h("span", { key: '64dfa788b1bf29ce5eb2e8c32b4e58786d23a88b' }, "Next"), index.h("svg", { key: 'ad6ad6ff9cad77554cec1b38420876e779be7789', 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" }, index.h("path", { key: '71d13e4c0baf4cc188ad4b41cd4f91ad428aaf88', d: "m9 18 6-6-6-6" }))));
+    }
+};
+SekiPaginationNext.style = sekiPaginationCss;
+
+exports.seki_pagination_next = SekiPaginationNext;

package/dist/cjs/seki-pagination-previous.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPaginationPrevious = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Disables the button
+         */
+        this.disabled = false;
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'span';
+        return (index.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" }, index.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" }, index.h("path", { key: '409461f830158e4709ac035fd9e5cec7e1737977', d: "m15 18-6-6 6-6" })), index.h("span", { key: '8dd16240ef899ce6ef65b68dc0414560544c2133' }, "Previous")));
+    }
+};
+SekiPaginationPrevious.style = sekiPaginationCss;
+
+exports.seki_pagination_previous = SekiPaginationPrevious;

package/dist/cjs/seki-pagination.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiPaginationCss = ":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}: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%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.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}.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}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.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}.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}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
+
+const SekiPagination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("nav", { key: 'dca247b34f5eaeda5ef674f3816c62b7321de982', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, index.h("slot", { key: '7d411145416f993b54e67124c5c17def58a257f3' })));
+    }
+};
+SekiPagination.style = sekiPaginationCss;
+
+exports.seki_pagination = SekiPagination;

package/dist/cjs/seki-select-group.cjs.entry.js

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

package/dist/cjs/seki-select-option.cjs.entry.js

@@ -79,7 +79,7 @@ const SekiSelectOption = class {
         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 (index.h(index.Host, { key: '4cdd85692cc503cafa31300f8744102223987337' }, index.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 }, index.h("span", { key: '031afc27ec527d600c67b1eda6e90cd3c8cab96d', class: "option-label" }, index.h("slot", { key: '71d4b910f10114e5b6baa57673078172af331c2b' })), isSelected && (index.h("span", { key: '93c7e76e7ab8f589f070bd03b1d9ee110480f5f1', class: "option-indicator", "aria-hidden": "true" }, index.h("slot", { key: 'c035a4ebb4e4d0a94c07ae70423476d6ba09cf89', name: "selected-indicator" }, index.h("svg", { key: 'fa2a4b375cbbfe5e0e7b358d52ddb1ab4cd794a2', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '75c363fadeb56661aa18e390297d5f2cfcae78b9', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (index.h(index.Host, { key: '353cf2552f1b11fbb1dac56a52c1ec910e4dacb9' }, index.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 }, index.h("span", { key: 'b22d553ac28276d1a7c62fbac329c63d1944a1a5', class: "option-label" }, index.h("slot", { key: '3db6becae65edac405f71f1b13e8687149868401' })), isSelected && (index.h("span", { key: '136a0a6e05eaea43335e6e9c2c87e4c6d9ac30ac', class: "option-indicator", "aria-hidden": "true" }, index.h("slot", { key: 'b3ae2593aec93153b53f701ae4014c62d2d211b4', name: "selected-indicator" }, index.h("svg", { key: '6b4a097f8d2d8910935d475c62a9264953180ac9', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b4740a35ddff78c005a15b02cfc380c462b4f332', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/seki-select.cjs.entry.js

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

package/dist/cjs/seki-separator.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSeparatorCss = ":host{--seki-separator-color:var(--color-border, hsl(220 13% 91%));--seki-separator-thickness:1px;display:block}:host([orientation='vertical']){display:inline-block;height:100%}:host([data-theme='dark']){--seki-separator-color:var(--color-border-dark, hsl(215 20% 25%))}.seki-separator{background-color:var(--seki-separator-color);flex-shrink:0}.seki-separator--horizontal{width:100%;height:var(--seki-separator-thickness)}.seki-separator--vertical{width:var(--seki-separator-thickness);height:100%;min-height:1rem}@media (prefers-contrast: more){.seki-separator{--seki-separator-thickness:2px}}";
+
+const SekiSeparator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * 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 (index.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" }));
+    }
+};
+SekiSeparator.style = sekiSeparatorCss;
+
+exports.seki_separator = SekiSeparator;

package/dist/cjs/seki-sheet-close.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetClose = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closeSheet = index.createEvent(this, "closeSheet");
+        this.handleClick = () => {
+            this.closeSheet.emit();
+        };
+    }
+    render() {
+        return (index.h("div", { key: '311c0fb386bdfde2ea3b8185a0fdde3d9b2cde39', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, index.h("slot", { key: 'd71178267459ab7c56ab7bb74a6a91caa24f5d7b' })));
+    }
+};
+SekiSheetClose.style = sekiSheetCss;
+
+exports.seki_sheet_close = SekiSheetClose;

package/dist/cjs/seki-sheet-content.cjs.entry.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closeSheet = index.createEvent(this, "closeSheet");
+        /**
+         * 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 (index.h(index.Host, { key: 'a7a3186c487b85174956265b8f96248d894f18ce', "data-side": this.side }, index.h("div", { key: 'f58649f7229bfa4db98bdd970a7c324c9210b0f7', role: "dialog", "aria-modal": "true", class: {
+                'seki-sheet-content': true,
+                [`seki-sheet-content--${this.side}`]: true,
+            }, part: "content" }, index.h("button", { key: '8f3c0fd77e7014f83ca06d10db20a4fff19430ec', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, index.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" }, index.h("path", { key: 'e110195ab15d38c431cf9dfcbef96abf08b89c58', d: "M18 6 6 18" }), index.h("path", { key: '1ed8568241d7d7c628131f23d751d12af50eec8b', d: "m6 6 12 12" }))), index.h("slot", { key: 'f18d2a5a87d5d2653ce92766bc34c4506b88d4f4' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiSheetContent.style = sekiSheetCss;
+
+exports.seki_sheet_content = SekiSheetContent;

package/dist/cjs/seki-sheet-description.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetDescription = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("p", { key: '578cf7969904ced76a2e60eb760c1a8cb9287e04', class: "seki-sheet-description", part: "description" }, index.h("slot", { key: 'a7b0ffe385d21dcb4da9ee3a5173747f384399ef' })));
+    }
+};
+SekiSheetDescription.style = sekiSheetCss;
+
+exports.seki_sheet_description = SekiSheetDescription;

package/dist/cjs/seki-sheet-footer.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '94a068d8899bc7b4b0bbc6e8841a590f3018b773', class: "seki-sheet-footer", part: "footer" }, index.h("slot", { key: '984efb4ac8d84b0d455249dc3ae314eca2f0f0e2' })));
+    }
+};
+SekiSheetFooter.style = sekiSheetCss;
+
+exports.seki_sheet_footer = SekiSheetFooter;

package/dist/cjs/seki-sheet-header.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: 'c77e5e07910a2cecf7fc8bb45dca0561eb3ce56d', class: "seki-sheet-header", part: "header" }, index.h("slot", { key: 'fa82acc36ad1ba04ce9a11664fb3b36dbeb61f07' })));
+    }
+};
+SekiSheetHeader.style = sekiSheetCss;
+
+exports.seki_sheet_header = SekiSheetHeader;

package/dist/cjs/seki-sheet-title.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("h2", { key: '9c3d557d95289dd84362bccabf780cc44c83c9a3', class: "seki-sheet-title", part: "title" }, index.h("slot", { key: '439a7f18092f9df5e2165a31e2ae9fffe0a34b81' })));
+    }
+};
+SekiSheetTitle.style = sekiSheetCss;
+
+exports.seki_sheet_title = SekiSheetTitle;

package/dist/cjs/seki-sheet-trigger.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheetTrigger = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.triggerClick = index.createEvent(this, "triggerClick");
+        this.handleClick = () => {
+            this.triggerClick.emit();
+        };
+    }
+    render() {
+        return (index.h("div", { key: '5da1ecda4ab9bd031ca04447ababc5f4f7f6bece', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, index.h("slot", { key: '112f37fa5a4c2aa564fe7a72e2e864f08fc10a32' })));
+    }
+};
+SekiSheetTrigger.style = sekiSheetCss;
+
+exports.seki_sheet_trigger = SekiSheetTrigger;

package/dist/cjs/seki-sheet.cjs.entry.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var index = require('./index-DzoHqiUq.js');
+
+const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
+
+const SekiSheet = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sheetOpen = index.createEvent(this, "sheetOpen");
+        this.sheetClose = index.createEvent(this, "sheetClose");
+        /**
+         * Internal state for sheet open/closed
+         */
+        this.isOpen = false;
+    }
+    /**
+     * Opens the sheet
+     */
+    async open() {
+        this.isOpen = true;
+        this.sheetOpen.emit();
+    }
+    /**
+     * Closes the sheet
+     */
+    async close() {
+        this.isOpen = false;
+        this.sheetClose.emit();
+    }
+    /**
+     * Toggles the sheet
+     */
+    async toggle() {
+        if (this.isOpen) {
+            await this.close();
+        }
+        else {
+            await this.open();
+        }
+    }
+    handleTriggerClick() {
+        this.toggle();
+    }
+    handleCloseSheet() {
+        this.close();
+    }
+    handleKeydown(ev) {
+        if (this.isOpen && ev.key === 'Escape') {
+            this.close();
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'c9d0c8507da0d67e64c547dc716eb75906ba706f', class: {
+                'seki-sheet': true,
+                'seki-sheet--open': this.isOpen,
+            }, part: "sheet" }, index.h("slot", { key: '9402454749a8f805fde8b4650155b381695b139a' }), this.isOpen && (index.h("div", { key: '97765a21368e7a4f00857dd1db4ddd6825226dc7', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.close() }))));
+    }
+};
+SekiSheet.style = sekiSheetCss;
+
+exports.seki_sheet = SekiSheet;

package/dist/cjs/seki-sidebar-content.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiSidebarContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '8dc3b6ffd77d487413cdfd55e04a1d0db35ac98a', class: "sidebar-content" }, index.h("slot", { key: '16a831a29087144a009042dbfb8e736ba01b11e1' })));
+        return (index.h("div", { key: '1cc55e55b68dad0c4fa896b2f19a87a98372f665', class: "sidebar-content" }, index.h("slot", { key: '333a97519601aa470c6664d2982328f1ce5873f2' })));
     }
 };
 SekiSidebarContent.style = sekiSidebarContentCss;

package/dist/cjs/seki-sidebar-footer.cjs.entry.js

@@ -23,7 +23,7 @@ const SekiSidebarFooter = class {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (index.h(index.Host, { key: '2731c9a0285d83e52696b788ac0405c3f5d672a7', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, index.h("div", { key: 'd081d50a74d184bc355eac71d1c899d7c599a4b5', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, index.h("slot", { key: '85da16c57a58f967a22474c678c89470d47c0eec' }))));
+        return (index.h(index.Host, { key: '1e5a9b222c05cfcb458f2f0b76d98a72c2019c81', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, index.h("div", { key: '95cbe3b4c76d090cc7279155a8e20429498e1872', class: { 'sidebar-footer': true, 'sidebar-footer--icon-mode': this._isIconMode } }, index.h("slot", { key: 'c9c9f43e184c4a0616fd4fcfe17c7297492ca44c' }))));
     }
 };
 SekiSidebarFooter.style = sekiSidebarFooterCss;

package/dist/cjs/seki-sidebar-group-action.cjs.entry.js

@@ -13,7 +13,7 @@ const SekiSidebarGroupAction = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '7a3271f2f5312ad8fa693784f707e0091d8980aa' }, index.h("button", { key: 'a8442743c066fb9c8bcd7aa22e2c24b4c6214dee', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, index.h("slot", { key: 'da0a1a478ecfd2bd8df6f57e92fbd968733c4378' }))));
+        return (index.h(index.Host, { key: 'f1af0ae20a1fa3d80659d7fd898ce67e9e957e3c' }, index.h("button", { key: '41824177e2d59b9f5b6dae05f4d7623ff5d5fc81', class: "sidebar-group-action", type: "button", disabled: this.disabled, "aria-label": this.ariaLabel }, index.h("slot", { key: '2e57cdeefe3232c807649c77efc80fcc40061baf' }))));
     }
 };
 SekiSidebarGroupAction.style = sekiSidebarGroupActionCss;

package/dist/cjs/seki-sidebar-group-content.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiSidebarGroupContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'aa4a6a1833f8ca534efa2fe0bf3ecd569cecca7a', class: "sidebar-group-content" }, index.h("slot", { key: '8b0f210b353362cfc64ea7c79990a656d5697cc3' })));
+        return (index.h("div", { key: 'c6e9846f76ecbbb1c8b4d66f649e216515a55866', class: "sidebar-group-content" }, index.h("slot", { key: 'a28425ed6094cf618cfcb71a6c608c480de83936' })));
     }
 };
 SekiSidebarGroupContent.style = sekiSidebarGroupCss;

package/dist/cjs/seki-sidebar-group-label.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiSidebarGroupLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f423c5dd615c20ea501312291c1c3581145eb9a6', class: "sidebar-group-label" }, index.h("slot", { key: '8d2196d2410601b3b576a8b732be18471c0b7dc3' })));
+        return (index.h("div", { key: 'cfc6fcaabff8949991d6e959f7bd25a46ad31620', class: "sidebar-group-label" }, index.h("slot", { key: '3999ff92850710f8fdbc03867ccb91b192bc122b' })));
     }
 };
 SekiSidebarGroupLabel.style = sekiSidebarGroupCss;

package/dist/cjs/seki-sidebar-group.cjs.entry.js

@@ -9,7 +9,7 @@ const SekiSidebarGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '7ed11a95e77c36b5ba462e15b66ab85038225380', class: "sidebar-group" }, this.label && (index.h("seki-sidebar-group-label", { key: '452756ebd5d17424d6d1905abc61057dd3aceb81' }, this.label)), index.h("div", { key: 'bffdc6c888214f408cb9d4f2f26cc7b0c2b36054', class: "sidebar-group-content" }, index.h("slot", { key: '18f1bdbf5366437a45e279f9c140a05a25f572cd' }))));
+        return (index.h("div", { key: '8b7df1d4e100cf9378c982ce9a8b34271f3fbe96', class: "sidebar-group" }, this.label && (index.h("seki-sidebar-group-label", { key: '2493d1b02b46e6e281e8a6c900064a492e4784a6' }, this.label)), index.h("div", { key: '4ee8478a87d195c7a4cb780b30d461c2465863ab', class: "sidebar-group-content" }, index.h("slot", { key: 'c9b34641abdec66816c20981f488ee158a564154' }))));
     }
 };
 SekiSidebarGroup.style = sekiSidebarGroupCss;

package/dist/cjs/seki-sidebar-header.cjs.entry.js

@@ -23,7 +23,7 @@ const SekiSidebarHeader = class {
         this._isIconMode = !event.detail.open && !event.detail.isMobile;
     }
     render() {
-        return (index.h(index.Host, { key: '659c0a6f5eb60a194d800ea51477ef86314afcb8', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, index.h("div", { key: '82c14186c15e86f2df41d5bfa8b24d09dcf6ad60', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, index.h("slot", { key: '62a426d89b2a5f43392f956f70ceb02561660fb2' }))));
+        return (index.h(index.Host, { key: 'b846f2fb4160711c380d1da2a39ac5fb139083cb', "data-icon-mode": this._isIconMode ? 'true' : 'false' }, index.h("div", { key: '3a1e68b6b5ee13d7d1463b1541c5ed21df8c27ae', class: { 'sidebar-header': true, 'sidebar-header--icon-mode': this._isIconMode } }, index.h("slot", { key: '81bb78f7407d182e2950fe96f8e570af0c64a71c' }))));
     }
 };
 SekiSidebarHeader.style = sekiSidebarHeaderCss;