@sekiui/elements 0.0.60 → 0.0.61

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

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

package/dist/components/seki-card.js

@@ -11,7 +11,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("section", { key: '07a56984cb773a407f9a2c102cfaa7017e88a82c', class: this.class }, h("slot", { key: '782f7134eb3c57bbec1cfedce91bdd4ebc9b802d' })));
+        return (h("section", { key: 'e923b22f0199ddbd0aea89bc75eaa9142770491b', class: this.class }, h("slot", { key: '55135243be3f0dcbb0cd7b1c160364d204736bea' })));
     }
     static get style() { return sekiCardCss; }
 }, [257, "seki-card", {

package/dist/components/seki-field-description.js

@@ -37,7 +37,7 @@ const SekiFieldDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldD
         return this.componentId;
     }
     render() {
-        return (h("div", { key: '9207d00423c0e63903b843ca2bf0f219e8258222', id: this.componentId, class: "description" }, h("slot", { key: '47042f04a096a1263cc748d49d58a421099f7203' })));
+        return (h("div", { key: '1e9c71c71b85cafe379a2fea13ddb5ad729ff588', id: this.componentId, class: "description" }, h("slot", { key: '92cfc5d4e834ec82252b1f86f359b65880714503' })));
     }
     static get style() { return sekiFieldDescriptionCss; }
 }, [257, "seki-field-description", {

package/dist/components/seki-field-error.js

@@ -57,7 +57,7 @@ const SekiFieldError$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldError e
     }
     render() {
         const style = this.visible ? {} : { display: 'none' };
-        return (h("div", { key: '7eb660083bc38443e4d73bb919626c17ce9eabf7', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: '569eaa343aabd80c6a18786f223169d633fa5610' })));
+        return (h("div", { key: '9bde8fbbc4cd7be373a7c753f40b876b06b37ea0', id: this.componentId, class: "error", "aria-live": "polite", style: style }, h("slot", { key: 'c89ee4466dfa36bbdd2a1b586206ca97fdaca33c' })));
     }
     static get watchers() { return {
         "visible": ["handleVisibleChange"]

package/dist/components/seki-field-group.js

@@ -19,7 +19,7 @@ const SekiFieldGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldGroup e
         const style = {
             '--seki-field-group-gap': this.gap,
         };
-        return (h("div", { key: '4cbd65661fa58e524a15802ce1a0377b120e5045', class: "field-group", style: style }, h("slot", { key: '49616f178252d036264a66fdbbcee072c2ca1a1b' })));
+        return (h("div", { key: '7362234ed36f196cf58d5c5a259c226466f668ab', class: "field-group", style: style }, h("slot", { key: '0dccef3a8e0bb25de4765c6f2174f31c771186d5' })));
     }
     static get style() { return sekiFieldGroupCss; }
 }, [257, "seki-field-group", {

package/dist/components/seki-field-label.js

@@ -17,7 +17,7 @@ const SekiFieldLabel$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLabel e
     }
     render() {
         const labelProps = this.htmlFor ? { for: this.htmlFor } : {};
-        return (h("label", Object.assign({ key: 'a1293c16a38e5d2567303e642028340491bed83f' }, labelProps), h("slot", { key: '135b2681a5a17faed38ec5ce5af424720789712d' }), this.required && h("span", { key: '7a59489dd34c69cc4cea88772e3fed588bf25737', class: "required-indicator" }, " *")));
+        return (h("label", Object.assign({ key: '5ac3e20bcd8766d94cf8087e190c198b811b006d' }, labelProps), h("slot", { key: 'b0c59d2f4eb50457551bbea3c2dec56e807ba76e' }), this.required && h("span", { key: '9f97b0a46495c104ae42621883830085ef9ecd85', class: "required-indicator" }, " *")));
     }
     static get style() { return sekiFieldLabelCss; }
 }, [257, "seki-field-label", {

package/dist/components/seki-field-legend.js

@@ -11,7 +11,7 @@ const SekiFieldLegend$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLegend
         this.__attachShadow();
     }
     render() {
-        return (h("legend", { key: '1f3179326f79d2a892ffd995f92f52da0fb274bc' }, h("slot", { key: 'c1676d420920c365c3e14002de7e9ac73dc2f068' })));
+        return (h("legend", { key: 'cd4192deb3885481b0ae0f8dc9b2b9bd3906ff0c' }, h("slot", { key: '287e4fe8b9e5d0f5b7828da40ab00cd59a35d548' })));
     }
     static get style() { return sekiFieldLegendCss; }
 }, [257, "seki-field-legend"]);

package/dist/components/seki-field.js

@@ -40,7 +40,7 @@ const SekiField$1 = /*@__PURE__*/ proxyCustomElement(class SekiField extends H {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '368ce17a5c83bb70a72b1b4633f2c4354ce70662', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '02f59f52887c2e37042cb10b9cfc321e30cda93e', class: "field" }, h("div", { key: '7ffeab10176792fb2ade522fdf41adb386d027e7', class: "field-label" }, h("slot", { key: 'a472aa684cbe1e7e7841ff5ac224a2fc36d8d89e', name: "label" })), h("div", { key: '8c9b20d9382b0e9eaec53b769c98c73df01043b6', class: "field-control" }, h("slot", { key: 'c58c728cd6728217e77109ed1e7cbb333bd67bc5' })), h("div", { key: '77d1da52fbb55440652f3904962e3fa370b384dc', class: "field-description" }, h("slot", { key: 'f260220579faa7eaf25e889d417b10505f177b32', name: "description" })), h("div", { key: 'ccf6a599eff2684de07580c0b6fe954667cec138', class: "field-error" }, h("slot", { key: '74ed70df1ee6b688eb924cd7d6c2a66037d51067', name: "error" })))));
+        return (h(Host, { key: 'f3a647b44f6e6cdefebfb0dcc1bf8dad0eeac809', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '90b4dea0201e50d4d5d7412849ee509c7303a6a2', class: "field" }, h("div", { key: 'ce62a386dca006c0b73df49dd4ca700612c968a0', class: "field-label" }, h("slot", { key: '835c99c63b883493725478f91ce18941e148c605', name: "label" })), h("div", { key: 'a1e48c3f88ca68d3016db5c41c4119bc429e724f', class: "field-control" }, h("slot", { key: '10f0f627f36fc9a4b10bf837a1368ab54e7e99c1' })), h("div", { key: 'ad41ab4f324c401e0ebdd321e980e7ff79d0e6ce', class: "field-description" }, h("slot", { key: '0b224e8376545c18ecf3519e9dc3b9800ad3f70f', name: "description" })), h("div", { key: '305738e893aae3afe6b227f18cb421b408d082a5', class: "field-error" }, h("slot", { key: '55d8751da769c191a43797ef8145566be8f169f9', name: "error" })))));
     }
     get el() { return this; }
     static get style() { return sekiFieldCss; }

package/dist/components/seki-fieldset.js

@@ -16,7 +16,7 @@ const SekiFieldset$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldset exten
         this.disabled = false;
     }
     render() {
-        return (h("fieldset", { key: 'bea8b53e93bdeed59d987ba95e299d4adbe1dc00', disabled: this.disabled, class: "fieldset" }, h("slot", { key: 'e62dd293f164c79a55ff89ac2664e4bc5db59d12', name: "legend" }), h("div", { key: 'ff082d64f543988644c742fe39cd70bcec5bf061', class: "fieldset-content" }, h("slot", { key: '4a65b5b6421e0ba04d02f471ac758ba60b6eeda5' }))));
+        return (h("fieldset", { key: '34285dac5da09f995bfafbcac4ba1ee83e54aab0', disabled: this.disabled, class: "fieldset" }, h("slot", { key: '34fc56641ddf0674209bc9741d7deb30962107e5', name: "legend" }), h("div", { key: 'cad20f6bebb5eda89d7d89b9e53fb67624748ace', class: "fieldset-content" }, h("slot", { key: 'e04fd7ca908dc7ba8c740fc15b67f1068230dcdf' }))));
     }
     static get style() { return sekiFieldsetCss; }
 }, [257, "seki-fieldset", {

package/dist/components/seki-input.js

@@ -88,7 +88,7 @@ const SekiInput$1 = /*@__PURE__*/ proxyCustomElement(class SekiInput extends H {
         }
     }
     render() {
-        return (h("input", { key: 'c01552f831d8630ee52f84c54ed7aaffe65ea56e', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
+        return (h("input", { key: 'cc7ba7d2045db928a5002702359f2af6b9b46362', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
     }
     static get formAssociated() { return true; }
     static get style() { return sekiInputCss; }

package/dist/components/seki-pagination-content.d.ts

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

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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 SekiPaginationContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationContent extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("ul", { key: '1535dad40e5e2b3d7fc31cfc94f71353a20937df', class: "seki-pagination-content", part: "content" }, h("slot", { key: '8bacb2e13f3f0b4a2a95b3ddfa7700a1e335b05e' })));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-content"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationContent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationContent = SekiPaginationContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationContent, defineCustomElement };

package/dist/components/seki-pagination-ellipsis.d.ts

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

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationEllipsis extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("span", { key: '9a9fc21af9442c16c209bc59f2b4b94090d86cb3', "aria-hidden": "true", class: "seki-pagination-ellipsis", part: "ellipsis" }, 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" }, h("circle", { key: '05d5089ebfe256de3ea419840968667cfa5baa05', cx: "12", cy: "12", r: "1" }), h("circle", { key: 'ee6e8aca2f67d6aed1e3a8d82303dac1c3f2deab', cx: "19", cy: "12", r: "1" }), h("circle", { key: '6e59711fa2589088ee0773378e511f15190094f6', cx: "5", cy: "12", r: "1" })), h("span", { key: '29c5afcfb7e11381200ffa550cad0eb7e0085f5d', class: "sr-only" }, "More pages")));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-ellipsis"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-ellipsis"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-ellipsis":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationEllipsis$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationEllipsis = SekiPaginationEllipsis$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationEllipsis, defineCustomElement };

package/dist/components/seki-pagination-item.d.ts

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

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("li", { key: 'a58aef65168e39720ff40cd00a9cee9d3a4ed102', class: "seki-pagination-item", part: "item" }, h("slot", { key: 'd887cb0dbb35994712c41bd8521cfa6b37f92109' })));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-item"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationItem$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationItem = SekiPaginationItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationItem, defineCustomElement };

package/dist/components/seki-pagination-link.d.ts

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

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

@@ -0,0 +1,53 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationLink extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * 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 (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" }, h("slot", { key: 'dc53ea38a64511be8dc65f4114e11cf3ee78212e' })));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-link", {
+        "href": [1],
+        "active": [4],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationLink$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationLink = SekiPaginationLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationLink, defineCustomElement };

package/dist/components/seki-pagination-next.d.ts

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

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

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationNext extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Disables the button
+         */
+        this.disabled = false;
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'span';
+        return (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" }, h("span", { key: '64dfa788b1bf29ce5eb2e8c32b4e58786d23a88b' }, "Next"), 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" }, h("path", { key: '71d13e4c0baf4cc188ad4b41cd4f91ad428aaf88', d: "m9 18 6-6-6-6" }))));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-next", {
+        "href": [1],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-next"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-next":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationNext$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationNext = SekiPaginationNext$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationNext, defineCustomElement };

package/dist/components/seki-pagination-previous.d.ts

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

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

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPaginationPrevious extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * 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 style() { return sekiPaginationCss; }
+}, [257, "seki-pagination-previous", {
+        "href": [1],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination-previous"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination-previous":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPaginationPrevious$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPaginationPrevious = SekiPaginationPrevious$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPaginationPrevious, defineCustomElement };

package/dist/components/seki-pagination.d.ts

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

package/dist/components/seki-pagination.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiPagination extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("nav", { key: 'dca247b34f5eaeda5ef674f3816c62b7321de982', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7d411145416f993b54e67124c5c17def58a257f3' })));
+    }
+    static get style() { return sekiPaginationCss; }
+}, [257, "seki-pagination"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-pagination"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-pagination":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiPagination$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiPagination = SekiPagination$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiPagination, defineCustomElement };

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

@@ -15,7 +15,7 @@ const SekiSelectGroup$1 = /*@__PURE__*/ proxyCustomElement(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 style() { return sekiSelectGroupCss; }
 }, [257, "seki-select-group", {

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

@@ -81,7 +81,7 @@ const SekiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectOpti
         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" }))))))));
     }
     get el() { return this; }
     static get style() { return sekiSelectOptionCss; }

package/dist/components/seki-select.js

@@ -342,7 +342,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
     // 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/components/seki-separator.d.ts

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