@sekiui/elements 0.1.5 → 0.1.6

package/dist/cdn/seki-sheet-close.js

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetClose$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetClose extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.closeSheet = createEvent(this, "closeSheet");
-        this.handleClick = () => {
-            this.closeSheet.emit();
-        };
-    }
-    render() {
-        return (h("div", { key: '41a3bf71c3ed63cd8715f1deb68468ee304b7f82', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: '3d5d7fa1c217ac82ddb308d1388a9c08df5c0bd2' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-close"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-close"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-close":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetClose$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetClose = SekiSheetClose$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetClose, defineCustomElement };

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

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

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

@@ -1,121 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-jMliCqbB.js';
-import { C as ContextConsumer } from './p-B4SOpX_A.js';
-import { O as OverlayLayer, D as DialogLabelSource } from './p-CaV98uQZ.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetContent extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.closeSheet = createEvent(this, "closeSheet");
-        /**
-         * Side of the screen the sheet slides in from
-         * @default 'right'
-         */
-        this.side = 'right';
-        /**
-         * Whether the parent seki-sheet is open. Always true when used without a
-         * seki-sheet parent (e.g. mounted standalone).
-         */
-        this._isOpen = true;
-        /** Title text mirrored for the accessible name (#357). */
-        this._label = '';
-        /** Description text mirrored for the accessible description (#357). */
-        this._description = '';
-        this.sheetConsumer = new ContextConsumer('seki-sheet', '_sheetContext', () => this.syncOpenState());
-        this.layer = new OverlayLayer({
-            modal: true,
-            container: () => this.contentRef,
-            onEscape: (event) => {
-                if (!this._isOpen)
-                    return;
-                event.preventDefault();
-                this.closeSheet.emit();
-            },
-        });
-        this.labels = new DialogLabelSource((label, description) => {
-            this._label = label;
-            this._description = description;
-        });
-        this.handleCloseClick = () => {
-            this.closeSheet.emit();
-        };
-    }
-    /**
-     * Re-read the parent's open state. Runs once on connect (picking up a sheet
-     * that is already open, e.g. `<seki-sheet open>`) and on every publish.
-     */
-    syncOpenState() {
-        var _a, _b;
-        // No seki-sheet parent: stay open (standalone use) without modal behaviour.
-        if (this.sheetConsumer.parent) {
-            this._isOpen = (_b = (_a = this.sheetConsumer.context) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
-            this.layer.setActive(this._isOpen);
-        }
-        if (this._isOpen)
-            this.labels.observe(this.el);
-        else
-            this.labels.disconnect();
-    }
-    connectedCallback() {
-        this.sheetConsumer.connect(this.el);
-        this.propagateSide();
-    }
-    componentDidRender() {
-        this.layer.didRender();
-    }
-    disconnectedCallback() {
-        this.sheetConsumer.disconnect();
-        this.layer.setActive(false);
-        this.labels.disconnect();
-    }
-    /** Propagate the side attribute to the parent for CSS targeting. */
-    propagateSide() {
-        var _a;
-        (_a = this.sheetConsumer.parent) === null || _a === void 0 ? void 0 : _a.setAttribute('data-side', this.side || 'right');
-    }
-    render() {
-        if (!this._isOpen) {
-            return null;
-        }
-        return (h(Host, { "data-side": this.side }, h("div", { ref: (el) => (this.contentRef = el), role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this._label ? 'label' : undefined, "aria-describedby": this._description ? 'description' : undefined, class: {
-                'seki-sheet-content': true,
-                [`seki-sheet-content--${this.side}`]: true,
-            }, part: "content" }, h("slot", null), h("button", { type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))), h("span", { id: "label", hidden: true }, this._label), h("span", { id: "description", hidden: true }, this._description))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "side": ["propagateSide"]
-    }; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-content", {
-        "side": [1],
-        "_isOpen": [32],
-        "_label": [32],
-        "_description": [32]
-    }, undefined, {
-        "side": ["propagateSide"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetContent$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetContent = SekiSheetContent$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetContent, defineCustomElement };

package/dist/cdn/seki-sheet-description.d.ts

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

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

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetDescription$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetDescription extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("p", { key: '7c3b11e21365a884a086dce0ea9cc52166997a03', class: "seki-sheet-description", part: "description" }, h("slot", { key: '4e1fd1119c695cc43ac47a53ef769dcda6a24895' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-description"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-description"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-description":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetDescription$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetDescription = SekiSheetDescription$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetDescription, defineCustomElement };

package/dist/cdn/seki-sheet-footer.d.ts

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

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

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetFooter$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetFooter extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '8d3463f966459b30420ad7b7127f09e350c3d500', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: 'afb96e610bae0fa1eff78275d59ba0e2be907a2c' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-footer"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetFooter$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetFooter = SekiSheetFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetFooter, defineCustomElement };

package/dist/cdn/seki-sheet-header.d.ts

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

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

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '68deeb83a6e5babe45dd38b9728f138779b87ef9', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'df62196233707817e3d6161769549eab28a2446a' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-header"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetHeader$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetHeader = SekiSheetHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetHeader, defineCustomElement };

package/dist/cdn/seki-sheet-title.d.ts

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

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

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTitle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("h2", { key: '29a67ace34e621ead143d99d4ebd4b125c7c1394', class: "seki-sheet-title", part: "title" }, h("slot", { key: '7e21592285328724c681118d084ce4d7f15245f4' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-title"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetTitle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetTitle = SekiSheetTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetTitle, defineCustomElement };

package/dist/cdn/seki-sheet-trigger.d.ts

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

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

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-jMliCqbB.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheetTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTrigger extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.triggerClick = createEvent(this, "triggerClick");
-        this.handleClick = () => {
-            this.triggerClick.emit();
-        };
-    }
-    render() {
-        return (h("div", { key: '46224755412bb1ab8b5fb95f3ae9a1c48c4b8091', class: "seki-sheet-trigger", part: "trigger", onClick: this.handleClick }, h("slot", { key: '723a68ac08c094c672001e26c67abb9cf10f741b' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet-trigger"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheetTrigger$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheetTrigger = SekiSheetTrigger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheetTrigger, defineCustomElement };

package/dist/cdn/seki-sheet.d.ts

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

package/dist/cdn/seki-sheet.js

@@ -1,135 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-jMliCqbB.js';
-import { p as publishContext } from './p-B4SOpX_A.js';
-
-const sekiSheetCss = ":host{--seki-sheet-bg:var(--seki-background, hsl(0 0% 100%));--seki-sheet-border:var(--seki-border, hsl(240 5.9% 90%));--seki-sheet-text:var(--seki-foreground, hsl(240 10% 3.9%));--seki-sheet-text-muted:var(--seki-muted-foreground, hsl(240 3.8% 46.1%));--seki-sheet-overlay-bg:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));--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}.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:var(--seki-radius-sm, 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(--seki-ring, hsl(240 5.9% 10%));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:var(--seki-line-height-tight, 1.25)}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:var(--seki-line-height-normal, 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}}.seki-sheet-content:focus{outline:none}";
-
-const SekiSheet$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheet extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.sheetOpen = createEvent(this, "sheetOpen");
-        this.sheetClose = createEvent(this, "sheetClose");
-        this.sekiOpenChange = createEvent(this, "sekiOpenChange");
-        this.sheetContextChange = createEvent(this, "sekiContextChange");
-        /**
-         * Controlled open state. Also readable/writable as the `open` attribute, so
-         * `<seki-sheet open>` renders open with no script involved.
-         */
-        this.open = false;
-        /**
-         * Initial open state for uncontrolled usage
-         */
-        this.defaultOpen = false;
-        /**
-         * Internal state for sheet open/closed
-         */
-        this._isOpen = false;
-    }
-    componentWillLoad() {
-        this._isOpen = this.open || this.defaultOpen;
-        this.open = this._isOpen;
-        // Publish before the first render so `<seki-sheet open>` shows its content
-        // at first paint (#323).
-        this.updateContext();
-    }
-    handleOpenPropChange(newValue) {
-        // An outside assignment (`sheet.open = true`) has to win after first render;
-        // `open` is only read once in componentWillLoad otherwise.
-        if (newValue === this._isOpen)
-            return;
-        if (newValue) {
-            this.openSheet();
-        }
-        else {
-            this.closeSheet();
-        }
-    }
-    /**
-     * Opens the sheet
-     */
-    async openSheet() {
-        if (this._isOpen)
-            return;
-        this._isOpen = true;
-        this.open = true;
-        this.updateContext();
-        this.sheetOpen.emit();
-        this.sekiOpenChange.emit(true);
-    }
-    /**
-     * Closes the sheet
-     */
-    async closeSheet() {
-        if (!this._isOpen)
-            return;
-        this._isOpen = false;
-        this.open = false;
-        this.updateContext();
-        this.sheetClose.emit();
-        this.sekiOpenChange.emit(false);
-    }
-    /**
-     * Toggles the sheet
-     */
-    async toggleSheet() {
-        if (this._isOpen) {
-            await this.closeSheet();
-        }
-        else {
-            await this.openSheet();
-        }
-    }
-    updateContext() {
-        // seki-sheet-content has no other way to know this sheet's open state — it
-        // reads this off the host element (see consumeContext in context-bridge).
-        publishContext(this.el, '_sheetContext', { isOpen: this._isOpen }, this.sheetContextChange);
-    }
-    handleTriggerClick() {
-        this.toggleSheet();
-    }
-    handleCloseSheet() {
-        this.closeSheet();
-    }
-    render() {
-        return (h("div", { key: '0f6638e00fd4e0d82ca019e2282cc310cc6c10f6', class: {
-                'seki-sheet': true,
-                'seki-sheet--open': this._isOpen,
-            }, part: "sheet" }, h("slot", { key: 'f682eabe0bb68d4539826e095b14edd96037177a' }), this._isOpen && (h("div", { key: 'db5b19c6441cd0e485723a4c606f385c2dea643c', class: "seki-sheet-overlay", part: "overlay", onClick: () => this.closeSheet() }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenPropChange"]
-    }; }
-    static get style() { return sekiSheetCss; }
-}, [257, "seki-sheet", {
-        "open": [1540],
-        "defaultOpen": [4, "default-open"],
-        "_isOpen": [32],
-        "openSheet": [64],
-        "closeSheet": [64],
-        "toggleSheet": [64]
-    }, [[0, "triggerClick", "handleTriggerClick"], [0, "closeSheet", "handleCloseSheet"]], {
-        "open": ["handleOpenPropChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-sheet"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-sheet":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiSheet$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiSheet = SekiSheet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiSheet, defineCustomElement };

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

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