@sekiui/elements 0.1.5 → 0.1.6

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

@@ -1,47 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiFieldGroupCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host([data-theme='dark']){color-scheme:dark}:host([data-theme='light']){color-scheme:light}:host{--seki-background:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-muted:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-muted-foreground:light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));--seki-card:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-card-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-popover:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-popover-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-border:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-input:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-primary:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));--seki-primary-tint:light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));--seki-primary-tint-foreground:var(--seki-foreground);--seki-secondary:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-secondary-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-accent:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-accent-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-destructive:light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-destructive-bg:light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));--seki-destructive-soft-foreground:light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));--seki-success:light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));--seki-success-foreground:light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));--seki-success-bg:light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));--seki-warning:light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));--seki-warning-foreground:light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));--seki-warning-bg:light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));--seki-info:light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));--seki-info-foreground:light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));--seki-info-bg:light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));--seki-ring:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));--seki-ring-shadow:hsl(0, 0%, 3.9%, 0.1);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:light-dark(var(--seki-neutral-400), var(--seki-neutral-600));--seki-border-default:var(--seki-border);--seki-border-emphasis:light-dark(var(--seki-neutral-300), var(--seki-neutral-700))}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);--seki-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;--seki-radius-full:9999px;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-foreground:light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));--seki-sidebar-primary:light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));--seki-sidebar-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-accent:light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));--seki-sidebar-accent-foreground:light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));--seki-sidebar-border:light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}[data-theme='dark']{color-scheme:dark}[data-theme='light']{color-scheme:light}:host{display:block}.field-group{display:grid;gap:var(--seki-field-group-gap, 1rem)}@media (prefers-reduced-motion: reduce){.field-group{transition:none}}";
-
-const SekiFieldGroup$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Gap between fields
-         * Accepts any valid CSS length value (px, rem, em, etc.)
-         */
-        this.gap = '1rem';
-    }
-    render() {
-        const style = {
-            '--seki-field-group-gap': this.gap,
-        };
-        return (h("div", { key: 'edf85ce8fd761153d58e9ff90149242ceac4882b', class: "field-group", style: style }, h("slot", { key: '6198f3a3e815c2c5288f4ccec11604e9f227aced' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiFieldGroupCss; }
-}, [257, "seki-field-group", {
-        "gap": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-field-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-field-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiFieldGroup$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiFieldGroup = SekiFieldGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiFieldGroup, defineCustomElement };

package/dist/cdn/seki-field-label.d.ts

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

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

@@ -1,72 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-import { L as LabelBinding } from './p-COBvV3Rw.js';
-
-const sekiFieldLabelCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host([data-theme='dark']){color-scheme:dark}:host([data-theme='light']){color-scheme:light}:host{--seki-background:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-muted:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-muted-foreground:light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));--seki-card:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-card-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-popover:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-popover-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-border:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-input:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-primary:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));--seki-primary-tint:light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));--seki-primary-tint-foreground:var(--seki-foreground);--seki-secondary:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-secondary-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-accent:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-accent-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-destructive:light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-destructive-bg:light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));--seki-destructive-soft-foreground:light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));--seki-success:light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));--seki-success-foreground:light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));--seki-success-bg:light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));--seki-warning:light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));--seki-warning-foreground:light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));--seki-warning-bg:light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));--seki-info:light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));--seki-info-foreground:light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));--seki-info-bg:light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));--seki-ring:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));--seki-ring-shadow:hsl(0, 0%, 3.9%, 0.1);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:light-dark(var(--seki-neutral-400), var(--seki-neutral-600));--seki-border-default:var(--seki-border);--seki-border-emphasis:light-dark(var(--seki-neutral-300), var(--seki-neutral-700))}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);--seki-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;--seki-radius-full:9999px;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-foreground:light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));--seki-sidebar-primary:light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));--seki-sidebar-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-accent:light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));--seki-sidebar-accent-foreground:light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));--seki-sidebar-border:light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}[data-theme='dark']{color-scheme:dark}[data-theme='light']{color-scheme:light}:host{display:block}label{display:inline-block;color:var(--seki-label-color, var(--seki-foreground));font-family:var(--seki-font-sans);font-size:var(--seki-label-font-size, var(--seki-font-size-sm));font-weight:var(--seki-label-font-weight, var(--seki-font-medium));line-height:var(--seki-label-line-height, var(--seki-leading-tight));cursor:pointer}.required-indicator{color:var(--seki-label-required-color, hsl(var(--seki-destructive)));font-weight:inherit}@media (prefers-reduced-motion: reduce){label{transition:none}}";
-
-const SekiFieldLabel$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLabel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Whether the field is required
-         * Displays a required indicator (*) after the label text
-         */
-        this.required = false;
-    }
-    onForChange() {
-        var _a;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync();
-    }
-    /** Forward clicks to the labelled control (see utils/label-association.ts). */
-    onClick(event) {
-        var _a;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.handleClick(event);
-    }
-    connectedCallback() {
-        this.binding = new LabelBinding(this.el, () => this.htmlFor);
-    }
-    componentDidLoad() {
-        var _a, _b;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync();
-        (_b = this.binding) === null || _b === void 0 ? void 0 : _b.observe();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    render() {
-        return (h("label", { key: 'e61bee3d97e492d88d45b6c46e2dc2ee1d0c21f7' }, h("slot", { key: '78ce2f61a8e49bbee2eee4aae0d973ba12090bdb', onSlotchange: () => { var _a; return (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync(); } }), this.required && h("span", { key: '4afad8c8a9912bac396bad34f850d83be20f6786', class: "required-indicator" }, " *")));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "htmlFor": ["onForChange"]
-    }; }
-    static get style() { return sekiFieldLabelCss; }
-}, [257, "seki-field-label", {
-        "htmlFor": [1, "html-for"],
-        "required": [4]
-    }, [[0, "click", "onClick"]], {
-        "htmlFor": ["onForChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-field-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-field-label":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiFieldLabel$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiFieldLabel = SekiFieldLabel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiFieldLabel, defineCustomElement };

package/dist/cdn/seki-field-legend.d.ts

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

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

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-jMliCqbB.js';
-
-const sekiFieldLegendCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host([data-theme='dark']){color-scheme:dark}:host([data-theme='light']){color-scheme:light}:host{--seki-background:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-muted:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-muted-foreground:light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));--seki-card:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-card-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-popover:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-popover-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-border:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-input:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-primary:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));--seki-primary-tint:light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));--seki-primary-tint-foreground:var(--seki-foreground);--seki-secondary:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-secondary-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-accent:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-accent-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-destructive:light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-destructive-bg:light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));--seki-destructive-soft-foreground:light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));--seki-success:light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));--seki-success-foreground:light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));--seki-success-bg:light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));--seki-warning:light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));--seki-warning-foreground:light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));--seki-warning-bg:light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));--seki-info:light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));--seki-info-foreground:light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));--seki-info-bg:light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));--seki-ring:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));--seki-ring-shadow:hsl(0, 0%, 3.9%, 0.1);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:light-dark(var(--seki-neutral-400), var(--seki-neutral-600));--seki-border-default:var(--seki-border);--seki-border-emphasis:light-dark(var(--seki-neutral-300), var(--seki-neutral-700))}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);--seki-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;--seki-radius-full:9999px;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-foreground:light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));--seki-sidebar-primary:light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));--seki-sidebar-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-accent:light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));--seki-sidebar-accent-foreground:light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));--seki-sidebar-border:light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}[data-theme='dark']{color-scheme:dark}[data-theme='light']{color-scheme:light}:host{display:contents}legend{display:block;color:var(--seki-label-color, var(--seki-foreground));font-family:var(--seki-font-sans);font-size:var(--seki-label-font-size, var(--seki-font-size-sm));font-weight:var(--seki-label-font-weight, var(--seki-font-medium));line-height:var(--seki-label-line-height, var(--seki-leading-tight));margin-bottom:var(--seki-field-spacing, 0.5rem)}@media (prefers-reduced-motion: reduce){legend{transition:none}}";
-
-const SekiFieldLegend$1 = /*@__PURE__*/ proxyCustomElement(class SekiFieldLegend extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("legend", { key: '8d11800c3ff3408e103f13ccb617911b28855855' }, h("slot", { key: '97e7d4e70a738092f708716cf5c9c38ea6155f9f' })));
-    }
-    get el() { return this; }
-    static get style() { return sekiFieldLegendCss; }
-}, [257, "seki-field-legend"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-field-legend"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-field-legend":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiFieldLegend$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiFieldLegend = SekiFieldLegend$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiFieldLegend, defineCustomElement };

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

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

package/dist/cdn/seki-field.js

@@ -1,266 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-jMliCqbB.js';
-
-/**
- * Description and error association for `seki-field` (#358).
- *
- * ## Why this exists
- *
- * `seki-field` renders its description and error text in slots, but nothing
- * told assistive technology that the control is described by them. An
- * `aria-describedby` id on a SekiUI control's host cannot reach the real
- * `<input>` / `<button>` inside the control's own shadow root, so (exactly as
- * for labels, see `label-association.ts`) the wiring depends on the kind of
- * control:
- *
- * - **Native controls** and SekiUI controls whose role lives on the host
- *   (`seki-radio-group`, `seki-combobox`): the field and the control share a
- *   tree, so `aria-describedby` / `aria-errormessage` id references resolve.
- * - **Other SekiUI controls** (input, textarea, checkbox, switch, slider,
- *   select, date-picker, input-otp) keep their focusable element in a shadow
- *   root. They forward the plain-text `aria-description` and `aria-invalid`
- *   attributes inward, so the description (and, when invalid, the error text)
- *   is passed through as text.
- * - **Several controls in one field**: the field host is the `role="group"`,
- *   and it is the element that gets described.
- *
- * When the field is `invalid`, the control gets `aria-invalid="true"`, and the
- * error is exposed both through `aria-errormessage` (where an id reference
- * works) and by being appended to the description, since screen reader support
- * for `aria-errormessage` is still uneven.
- *
- * Anything the author set explicitly is never overwritten. We only manage
- * values we wrote ourselves, tracked with a marker attribute so they can be
- * updated and cleaned up.
- */
-const MANAGED_ATTR = 'data-seki-field-managed';
-/** SekiUI controls whose focusable element sits in a shadow root. */
-const SHADOW_CONTROLS = [
-    'seki-input',
-    'seki-textarea',
-    'seki-checkbox',
-    'seki-switch',
-    'seki-select',
-    'seki-slider',
-    'seki-input-otp',
-    'seki-date-picker',
-];
-/** SekiUI controls that carry their ARIA role on the host element itself. */
-const HOST_ROLE_CONTROLS = ['seki-radio-group', 'seki-combobox'];
-const NATIVE_CONTROLS = ['input:not([type="hidden"])', 'select', 'textarea'];
-const SEKI_CONTROLS = [...SHADOW_CONTROLS, ...HOST_ROLE_CONTROLS].join(',');
-const CONTROLS = [SEKI_CONTROLS, ...NATIVE_CONTROLS].join(',');
-let uid = 0;
-class FieldDescriptionBinding {
-    constructor(host, isInvalid) {
-        this.host = host;
-        this.isInvalid = isInvalid;
-        this.target = null;
-    }
-    /** Direct children placed in (or, by tag, belonging to) the given part. */
-    parts(slot) {
-        const tag = `seki-field-${slot}`;
-        return Array.from(this.host.children).filter((el) => el instanceof HTMLElement &&
-            (el.getAttribute('slot') === slot || (!el.hasAttribute('slot') && el.localName === tag)));
-    }
-    controls() {
-        const partEls = [this.parts('label'), this.parts('description'), this.parts('error')].flat();
-        return Array.from(this.host.querySelectorAll(CONTROLS)).filter(el => {
-            var _a;
-            if (partEls.some(part => part.contains(el)))
-                return false;
-            // Skip inputs that are an implementation detail of another control
-            // (e.g. a search input slotted inside a combobox).
-            const owner = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.closest(SEKI_CONTROLS);
-            return !owner || !this.host.contains(owner);
-        });
-    }
-    resolveTarget() {
-        const controls = this.controls();
-        if (controls.length === 1)
-            return controls[0];
-        // Several controls: the field is the group, so describe the group.
-        if (controls.length > 1)
-            return this.host;
-        return null;
-    }
-    text(els) {
-        return els
-            .map(el => { var _a; return ((_a = el.textContent) !== null && _a !== void 0 ? _a : '').replace(/\s+/g, ' ').trim(); })
-            .filter(Boolean)
-            .join(' ');
-    }
-    ids(els) {
-        return els
-            .filter(el => { var _a; return ((_a = el.textContent) !== null && _a !== void 0 ? _a : '').trim(); })
-            .map(el => {
-            if (!el.id)
-                el.id = `seki-field-part-${++uid}`;
-            return el.id;
-        });
-    }
-    /** (Re)apply the description. Call on load, on `invalid` change and on slot change. */
-    sync() {
-        var _a;
-        const next = this.resolveTarget();
-        if (next !== this.target) {
-            this.release();
-            this.target = next;
-        }
-        const target = this.target;
-        if (!target)
-            return;
-        const invalid = this.isInvalid();
-        const descriptions = this.parts('description');
-        const errors = invalid ? this.parts('error') : [];
-        const managed = ((_a = target.getAttribute(MANAGED_ATTR)) !== null && _a !== void 0 ? _a : '').split(' ').filter(Boolean);
-        const set = (name, value) => {
-            const isManaged = managed.includes(name);
-            if (target.hasAttribute(name) && !isManaged)
-                return; // authored: leave alone
-            if (value) {
-                if (target.getAttribute(name) !== value)
-                    target.setAttribute(name, value);
-                if (!isManaged)
-                    managed.push(name);
-            }
-            else if (isManaged) {
-                target.removeAttribute(name);
-                managed.splice(managed.indexOf(name), 1);
-            }
-        };
-        const isGroup = target === this.host;
-        const useText = SHADOW_CONTROLS.includes(target.localName);
-        if (useText) {
-            set('aria-description', this.text([...descriptions, ...errors]) || null);
-        }
-        else {
-            set('aria-describedby', [...this.ids(descriptions), ...this.ids(errors)].join(' ') || null);
-        }
-        if (!isGroup) {
-            set('aria-invalid', invalid ? 'true' : null);
-            if (!useText)
-                set('aria-errormessage', invalid ? this.ids(errors).join(' ') || null : null);
-        }
-        const value = managed.join(' ');
-        if (value)
-            target.setAttribute(MANAGED_ATTR, value);
-        else
-            target.removeAttribute(MANAGED_ATTR);
-    }
-    /** Remove anything this binding wrote on the current target. */
-    release() {
-        var _a;
-        const target = this.target;
-        if (target) {
-            ((_a = target.getAttribute(MANAGED_ATTR)) !== null && _a !== void 0 ? _a : '')
-                .split(' ')
-                .filter(Boolean)
-                .forEach(name => target.removeAttribute(name));
-            target.removeAttribute(MANAGED_ATTR);
-        }
-        this.target = null;
-    }
-    /** Re-sync when the description, error or control changes after load. */
-    observe() {
-        if (this.observer || typeof MutationObserver === 'undefined')
-            return;
-        this.observer = new MutationObserver(() => this.sync());
-        this.observer.observe(this.host, { childList: true, subtree: true, characterData: true });
-    }
-    disconnect() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.observer = undefined;
-        this.release();
-    }
-}
-
-const sekiFieldCss = "/**\n * SekiUI Design Tokens - Index\n * Aggregates all design token files into a single entry point\n *\n * Import this file to get access to all design tokens:\n * @import '../tokens/index.css';\n */\n\n/**\n * SekiUI Design Tokens - Colors\n * Based on shadcn/ui color system\n */\n\n/* =============================================================================\n   PRIMITIVE COLOR TOKENS (Layer 1: Raw Values)\n   ============================================================================= */\n\n:host {\n  /* Neutral Scale (50-950) - shadcn/ui inspired */\n  --seki-neutral-50: hsl(0, 0%, 98%);\n  --seki-neutral-100: hsl(0, 0%, 96.1%);\n  --seki-neutral-200: hsl(0, 0%, 89.8%);\n  --seki-neutral-300: hsl(0, 0%, 83.1%);\n  --seki-neutral-400: hsl(0, 0%, 63.9%);\n  --seki-neutral-500: hsl(0, 0%, 45.1%);\n  --seki-neutral-600: hsl(0, 0%, 32.2%);\n  --seki-neutral-700: hsl(0, 0%, 25.1%);\n  --seki-neutral-800: hsl(0, 0%, 14.9%);\n  --seki-neutral-900: hsl(0, 0%, 9%);\n  --seki-neutral-950: hsl(0, 0%, 3.9%);\n\n  /* Primary/Accent Scale (50-950) */\n  --seki-primary-50: hsl(210, 100%, 97%);\n  --seki-primary-100: hsl(210, 95%, 93%);\n  --seki-primary-200: hsl(210, 95%, 85%);\n  --seki-primary-300: hsl(210, 90%, 73%);\n  --seki-primary-400: hsl(210, 85%, 58%);\n  --seki-primary-500: hsl(210, 80%, 48%);\n  --seki-primary-600: hsl(210, 75%, 40%);\n  --seki-primary-700: hsl(210, 70%, 32%);\n  --seki-primary-800: hsl(210, 65%, 25%);\n  --seki-primary-900: hsl(210, 60%, 18%);\n  --seki-primary-950: hsl(210, 55%, 10%);\n\n  /* Semantic Color Primitives */\n  --seki-success-500: hsl(142, 71%, 45%);\n  --seki-success-600: hsl(142, 71%, 35%);\n  --seki-warning-500: hsl(38, 92%, 50%);\n  --seki-warning-600: hsl(38, 92%, 40%);\n  --seki-destructive-500: hsl(0, 84.2%, 60.2%);\n  --seki-destructive-600: hsl(0, 72%, 41%);\n\n  /* Chart Colors (shadcn/ui data visualization) */\n  --seki-chart-1: hsl(12, 76%, 61%);\n  --seki-chart-2: hsl(173, 58%, 39%);\n  --seki-chart-3: hsl(197, 37%, 24%);\n  --seki-chart-4: hsl(43, 74%, 66%);\n  --seki-chart-5: hsl(27, 87%, 67%);\n}\n\n/* =============================================================================\n   SEMANTIC TOKENS (Layer 2: shadcn/ui Style)\n   ============================================================================= */\n\n/* Dark mode: every themed token below is a light-dark() pair. The branch is\n   chosen by the element's inherited `color-scheme`, which crosses shadow\n   boundaries, so the document-level switch (`[data-theme='dark']\n   { color-scheme: dark }`, injected once by src/global/theme.ts) themes every\n   component with no attribute mirroring. These two rules let a data-theme\n   attribute placed directly on a host win over the document, including for\n   hosts rendered inside another component's shadow tree. */\n:host([data-theme='dark']) {\n  color-scheme: dark;\n}\n\n:host([data-theme='light']) {\n  color-scheme: light;\n}\n\n:host {\n  /* Base */\n  --seki-background: light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));\n  --seki-foreground: light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));\n\n  /* Muted */\n  --seki-muted: light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));\n  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches\n     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */\n  --seki-muted-foreground: light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));\n\n  /* Card */\n  --seki-card: light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));\n  --seki-card-foreground: light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));\n\n  /* Popover */\n  --seki-popover: light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));\n  --seki-popover-foreground: light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));\n\n  /* Border */\n  --seki-border: light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));\n  --seki-input: light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));\n\n  /* Primary */\n  --seki-primary: light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));\n  --seki-primary-foreground: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));\n\n  /* Primary tint (soft, low-opacity primary surface — e.g. tinted bubbles) */\n  --seki-primary-tint: light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));\n  --seki-primary-tint-foreground: var(--seki-foreground);\n\n  /* Secondary */\n  --seki-secondary: light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));\n  --seki-secondary-foreground: light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));\n\n  /* Accent */\n  --seki-accent: light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));\n  --seki-accent-foreground: light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));\n\n  /* Destructive */\n  --seki-destructive: light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));\n  --seki-destructive-foreground: hsl(0, 0%, 98%);\n  --seki-destructive-bg: light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));\n  --seki-destructive-soft-foreground: light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));\n\n  /* Success (semantic status - toast, alert, badge) */\n  --seki-success: light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));\n  --seki-success-foreground: light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));\n  --seki-success-bg: light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));\n\n  /* Warning (semantic status - toast, alert, badge) */\n  --seki-warning: light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));\n  --seki-warning-foreground: light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));\n  --seki-warning-bg: light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));\n\n  /* Info (semantic status - toast, alert, badge) */\n  --seki-info: light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));\n  --seki-info-foreground: light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));\n  --seki-info-bg: light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));\n\n  /* Ring */\n  --seki-ring: light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));\n  --seki-ring-shadow: hsl(0, 0%, 3.9%, 0.1);\n\n  /* Legacy aliases for backward compatibility */\n  --seki-bg-primary: var(--seki-background);\n  --seki-bg-secondary: var(--seki-muted);\n  --seki-bg-tertiary: var(--seki-accent);\n  --seki-text-primary: var(--seki-foreground);\n  --seki-text-secondary: var(--seki-muted-foreground);\n  --seki-text-tertiary: light-dark(var(--seki-neutral-400), var(--seki-neutral-600));\n  --seki-border-default: var(--seki-border);\n  --seki-border-emphasis: light-dark(var(--seki-neutral-300), var(--seki-neutral-700));\n}\n\n/* =============================================================================\n   COMPONENT TOKENS (Layer 3: Button-Specific - shadcn/ui Style)\n   ============================================================================= */\n\n:host {\n  /* Button Variant: Primary (default in shadcn/ui) */\n  --seki-button-primary-bg: var(--seki-primary);\n  --seki-button-primary-text: var(--seki-primary-foreground);\n  --seki-button-primary-border: transparent;\n  --seki-button-primary-hover-bg: light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));\n  --seki-button-primary-hover-text: var(--seki-primary-foreground);\n  --seki-button-primary-hover-border: transparent;\n\n  /* Button Variant: Secondary */\n  --seki-button-secondary-bg: var(--seki-secondary);\n  --seki-button-secondary-text: var(--seki-secondary-foreground);\n  --seki-button-secondary-border: transparent;\n  --seki-button-secondary-hover-bg: light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));\n  --seki-button-secondary-hover-text: var(--seki-secondary-foreground);\n  --seki-button-secondary-hover-border: transparent;\n\n  /* Button Variant: Outline */\n  --seki-button-outline-bg: transparent;\n  --seki-button-outline-text: var(--seki-foreground);\n  --seki-button-outline-border: var(--seki-input);\n  --seki-button-outline-hover-bg: var(--seki-accent);\n  --seki-button-outline-hover-text: var(--seki-accent-foreground);\n  --seki-button-outline-hover-border: var(--seki-input);\n\n  /* Button Variant: Ghost */\n  --seki-button-ghost-bg: transparent;\n  --seki-button-ghost-text: var(--seki-foreground);\n  --seki-button-ghost-border: transparent;\n  --seki-button-ghost-hover-bg: var(--seki-accent);\n  --seki-button-ghost-hover-text: var(--seki-accent-foreground);\n  --seki-button-ghost-hover-border: transparent;\n\n  /* Button Variant: Destructive */\n  --seki-button-destructive-bg: var(--seki-destructive);\n  --seki-button-destructive-text: var(--seki-destructive-foreground);\n  --seki-button-destructive-border: transparent;\n  --seki-button-destructive-hover-bg: hsl(0, 84.2%, 60.2%, 0.9);\n  --seki-button-destructive-hover-border: transparent;\n\n  /* Button Sizing: Small */\n  --seki-button-sm-padding-x: var(--seki-spacing-3, 0.75rem);\n  --seki-button-sm-padding-y: 0.375rem;\n  --seki-button-sm-font-size: var(--seki-text-sm, 0.875rem);\n  --seki-button-sm-height: 2.25rem; /* Updated from 2rem to match shadcn (36px) */\n\n  /* Button Sizing: Medium (default) */\n  --seki-button-md-padding-x: var(--seki-spacing-4, 1rem);\n  --seki-button-md-padding-y: var(--seki-spacing-2, 0.5rem);\n  --seki-button-md-font-size: var(--seki-text-base, 1rem);\n  --seki-button-md-height: 2.5rem;\n\n  /* Button Sizing: Large */\n  --seki-button-lg-padding-x: 2rem; /* Updated from 1.25rem to match shadcn */\n  --seki-button-lg-padding-y: 0.5rem;\n  --seki-button-lg-font-size: 1rem; /* Updated from 1.125rem to match shadcn */\n  --seki-button-lg-height: 2.75rem; /* Updated from 3rem to match shadcn (44px) */\n\n  /* Button Sizing: Icon-only (NEW - shadcn compatibility) */\n  --seki-button-icon-sm-size: 2rem; /* 32x32px square */\n  --seki-button-icon-size: 2.5rem; /* 40x40px square */\n  --seki-button-icon-lg-size: 3rem; /* 48x48px square */\n  --seki-button-icon-gap: 0.5rem; /* 8px gap between icon and text */\n\n  /* Button Variant: Link (NEW - shadcn compatibility) */\n  --seki-button-link-bg: transparent;\n  --seki-button-link-text: var(--seki-primary);\n  --seki-button-link-border: transparent;\n  --seki-button-link-hover-bg: transparent;\n  --seki-button-link-hover-text: var(--seki-primary);\n  --seki-button-link-hover-border: transparent;\n\n  /* Button Common */\n  --seki-button-radius: var(--seki-radius-md, 0.375rem);\n  --seki-button-font-weight: var(--seki-font-medium, 500);\n  --seki-button-transition-duration: 150ms;\n  --seki-button-transition-timing: ease-in-out;\n  --seki-button-shadow: var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));\n  --seki-button-shadow-hover: var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));\n  --seki-button-disabled-opacity: 0.5;\n\n  /* Input Component Colors */\n  --seki-input-bg: var(--seki-background);\n  --seki-input-border: var(--seki-border);\n  --seki-input-text: var(--seki-foreground);\n  --seki-input-placeholder: var(--seki-muted-foreground);\n  --seki-input-ring: var(--seki-ring);\n  --seki-input-invalid-border: var(--seki-destructive);\n  --seki-input-invalid-ring: var(--seki-destructive);\n  --seki-input-disabled-opacity: 0.5;\n  --seki-input-radius: var(--seki-radius-md);\n  --seki-input-ring-offset: 2px;\n\n  /* Select Component Colors */\n  --seki-select-trigger-bg: var(--seki-background);\n  --seki-select-trigger-border: 1px solid var(--seki-border);\n  --seki-select-trigger-bg-hover: var(--seki-muted);\n  --seki-select-trigger-radius: var(--seki-radius-md);\n  --seki-select-trigger-min-height: 2.5rem;\n  --seki-select-trigger-padding: 0.5rem 0.75rem;\n  --seki-select-trigger-gap: 0.5rem;\n\n  /* Select Content/Dropdown */\n  --seki-select-content-bg: var(--seki-popover);\n  --seki-select-content-border: 1px solid var(--seki-border);\n  --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --seki-select-content-radius: var(--seki-radius-md);\n  --seki-select-content-padding: 0.5rem 0;\n\n  /* Select Option */\n  --seki-select-option-padding: 0.5rem 0.75rem;\n  --seki-select-option-gap: 0.5rem;\n  --seki-select-option-radius: var(--seki-radius-sm);\n  --seki-select-option-bg-hover: var(--seki-muted);\n  --seki-select-option-bg-selected: var(--seki-muted);\n\n  /* Select Group */\n  --seki-select-group-label-padding: 0.5rem 0.75rem;\n  --seki-select-group-label-font-size: var(--seki-font-size-xs);\n  --seki-select-group-label-font-weight: var(--seki-font-semibold);\n  --seki-select-group-label-color: var(--seki-muted-foreground);\n  --seki-select-group-separator: 1px solid var(--seki-border);\n}\n\n/**\n * SekiUI Design Tokens - Spacing\n * 4px base unit, rem-based scale\n */\n\n:host {\n  /* Spacing Scale (4px base unit) */\n  --seki-spacing-0: 0;\n  --seki-spacing-0-5: 0.125rem;  /* 2px */\n  --seki-spacing-1: 0.25rem;     /* 4px */\n  --seki-spacing-1-5: 0.375rem;  /* 6px */\n  --seki-spacing-2: 0.5rem;      /* 8px */\n  --seki-spacing-2-5: 0.625rem;  /* 10px */\n  --seki-spacing-3: 0.75rem;     /* 12px */\n  --seki-spacing-3-5: 0.875rem;  /* 14px */\n  --seki-spacing-4: 1rem;        /* 16px */\n  --seki-spacing-5: 1.25rem;     /* 20px */\n  --seki-spacing-6: 1.5rem;      /* 24px */\n  --seki-spacing-8: 2rem;        /* 32px */\n  --seki-spacing-10: 2.5rem;     /* 40px */\n  --seki-spacing-12: 3rem;       /* 48px */\n  --seki-spacing-16: 4rem;       /* 64px */\n  --seki-spacing-20: 5rem;       /* 80px */\n  --seki-spacing-24: 6rem;       /* 96px */\n\n  /* Input Component Tokens */\n  --seki-input-height-sm: 2rem;       /* 32px */\n  --seki-input-height-md: 2.5rem;     /* 40px - default */\n  --seki-input-height-lg: 3rem;       /* 48px */\n  --seki-input-padding-x: 0.75rem;    /* 12px */\n  --seki-input-padding-y: 0.5rem;     /* 8px */\n  --seki-input-font-size: 0.875rem;   /* 14px */\n  --seki-input-ring-offset: 2px;\n}\n\n/**\n * SekiUI Design Tokens - Shadows\n * Subtle elevation system\n */\n\n:host {\n  /* Shadow Levels */\n  --seki-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --seki-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --seki-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --seki-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n}\n\n/**\n * SekiUI Design Tokens - Typography\n * System font stacks, sizes, weights, line heights\n */\n\n:host {\n  /* Font Families */\n  --seki-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;\n  --seki-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;\n\n  /* Font Sizes (rem-based) */\n  --seki-text-xs: 0.75rem;    /* 12px */\n  --seki-text-sm: 0.875rem;   /* 14px */\n  --seki-text-base: 1rem;     /* 16px */\n  --seki-text-lg: 1.125rem;   /* 18px */\n  --seki-text-xl: 1.25rem;    /* 20px */\n  --seki-text-2xl: 1.5rem;    /* 24px */\n  --seki-text-3xl: 1.875rem;  /* 30px */\n  --seki-text-4xl: 2.25rem;   /* 36px */\n\n  /* Font Weights */\n  --seki-font-normal: 400;\n  --seki-font-medium: 500;\n  --seki-font-semibold: 600;\n  --seki-font-bold: 700;\n\n  /* Line Heights */\n  --seki-leading-none: 1;\n  --seki-leading-tight: 1.25;\n  --seki-leading-normal: 1.5;\n  --seki-leading-relaxed: 1.75;\n}\n\n/**\n * SekiUI Design Tokens - Border Radius\n * Four-level radius system\n */\n\n:host {\n  /* Border Radius Levels */\n  --seki-radius-sm: 0.25rem;   /* 4px */\n  --seki-radius-md: 0.375rem;  /* 6px */\n  --seki-radius-lg: 0.5rem;    /* 8px */\n  --seki-radius-xl: 1rem;      /* 16px */\n  --seki-radius-full: 9999px;  /* pills, dots, circular thumbs */\n}\n\n/**\n * SekiUI Design Tokens - Sidebar\n * Based on shadcn/ui sidebar component\n */\n\n/* =============================================================================\n   SIDEBAR TOKENS (Layer 3: Component-Specific)\n   ============================================================================= */\n\n:host {\n  /* Sidebar Sizing */\n  --seki-sidebar-width: 16rem;\n  --seki-sidebar-width-icon: 3rem;\n  --seki-sidebar-width-mobile: 18rem;\n\n  /* Sidebar Colors - Light Mode (shadcn/ui exact values) */\n  --seki-sidebar-background: light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));\n  --seki-sidebar-foreground: light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));\n  --seki-sidebar-primary: light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));\n  --seki-sidebar-primary-foreground: light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));\n  --seki-sidebar-accent: light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));\n  --seki-sidebar-accent-foreground: light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));\n  --seki-sidebar-border: light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));\n  --seki-sidebar-ring: hsl(217.2, 91.2%, 59.8%);\n  --seki-sidebar-muted-foreground: light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));\n\n  /* Menu Button Sizing */\n  --seki-sidebar-menu-button-height: 2rem;\n  --seki-sidebar-menu-button-height-lg: 3rem;\n  --seki-sidebar-menu-button-padding: 0.5rem;\n  --seki-sidebar-menu-button-gap: 0.5rem;\n  --seki-sidebar-menu-button-radius: var(--seki-radius-md, 0.375rem);\n\n  /* Menu Sub */\n  --seki-sidebar-menu-sub-padding-left: 1.75rem;\n  --seki-sidebar-menu-sub-border-width: 1px;\n\n  /* Group */\n  --seki-sidebar-group-padding: 0.5rem;\n  --seki-sidebar-group-label-height: 2rem;\n  --seki-sidebar-group-label-padding: 0.5rem;\n\n  /* Header/Footer */\n  --seki-sidebar-header-height: auto;\n  --seki-sidebar-footer-height: auto;\n  --seki-sidebar-header-padding: 0.5rem;\n  --seki-sidebar-footer-padding: 0.5rem;\n\n  /* Content */\n  --seki-sidebar-content-padding: 0.5rem;\n\n  /* Rail */\n  --seki-sidebar-rail-width: 1rem;\n\n  /* Transitions */\n  --seki-sidebar-transition-duration: 200ms;\n  --seki-sidebar-transition-timing: ease-in-out;\n\n  /* Mobile */\n  --seki-sidebar-mobile-breakpoint: 768px;\n  --seki-sidebar-overlay-bg: hsla(0, 0%, 0%, 0.8);\n}\n\n/**\n * SekiUI Design Tokens - Animations\n * Based on Radix UI animation patterns for shadcn/ui compatibility\n */\n\n:host {\n  /* Animation Durations */\n  --seki-animation-fast: 150ms;\n  --seki-animation-normal: 200ms;\n  --seki-animation-slow: 300ms;\n\n  /* Easing Functions (Radix UI defaults) */\n  --seki-ease-in: cubic-bezier(0.4, 0, 1, 1);\n  --seki-ease-out: cubic-bezier(0, 0, 0.2, 1);\n  --seki-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Content Height Variable (for accordion-like animations) */\n  --seki-accordion-content-height: auto;\n}\n\n/* =============================================================================\n   FADE ANIMATIONS\n   ============================================================================= */\n\n@keyframes seki-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes seki-fade-out {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n\n/* =============================================================================\n   SCALE ANIMATIONS (Dialogs, Popovers, Dropdowns)\n   ============================================================================= */\n\n@keyframes seki-scale-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes seki-scale-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* =============================================================================\n   SLIDE ANIMATIONS (Sheets, Sidebars, Drawers)\n   ============================================================================= */\n\n@keyframes seki-slide-in-from-top {\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes seki-slide-out-to-top {\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n}\n\n@keyframes seki-slide-in-from-bottom {\n  from { transform: translateY(100%); }\n  to { transform: translateY(0); }\n}\n\n@keyframes seki-slide-out-to-bottom {\n  from { transform: translateY(0); }\n  to { transform: translateY(100%); }\n}\n\n@keyframes seki-slide-in-from-left {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes seki-slide-out-to-left {\n  from { transform: translateX(0); }\n  to { transform: translateX(-100%); }\n}\n\n@keyframes seki-slide-in-from-right {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes seki-slide-out-to-right {\n  from { transform: translateX(0); }\n  to { transform: translateX(100%); }\n}\n\n/* =============================================================================\n   ACCORDION ANIMATIONS\n   ============================================================================= */\n\n@keyframes seki-accordion-down {\n  from {\n    height: 0;\n    opacity: 0;\n  }\n  to {\n    height: var(--seki-accordion-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes seki-accordion-up {\n  from {\n    height: var(--seki-accordion-content-height);\n    opacity: 1;\n  }\n  to {\n    height: 0;\n    opacity: 0;\n  }\n}\n\n/* =============================================================================\n   ZOOM ANIMATIONS (Tooltips, Menus)\n   ============================================================================= */\n\n@keyframes seki-zoom-in {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes seki-zoom-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n}\n\n/* =============================================================================\n   SPIN ANIMATION (Loading indicators)\n   ============================================================================= */\n\n@keyframes seki-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n/* =============================================================================\n   PULSE ANIMATION (Skeleton loaders)\n   ============================================================================= */\n\n@keyframes seki-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n/* =============================================================================\n   BOUNCE ANIMATION (Attention-grabbing)\n   ============================================================================= */\n\n@keyframes seki-bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: translateY(0);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n\n/* =============================================================================\n   COLLAPSIBLE ANIMATIONS\n   ============================================================================= */\n\n@keyframes seki-collapsible-open {\n  from {\n    height: 0;\n    overflow: hidden;\n  }\n  to {\n    height: var(--seki-collapsible-content-height, auto);\n  }\n}\n\n@keyframes seki-collapsible-close {\n  from {\n    height: var(--seki-collapsible-content-height, auto);\n  }\n  to {\n    height: 0;\n    overflow: hidden;\n  }\n}\n\n/* =============================================================================\n   TOAST/NOTIFICATION ANIMATIONS\n   ============================================================================= */\n\n@keyframes seki-toast-slide-in-right {\n  from {\n    transform: translateX(calc(100% + 1rem));\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes seki-toast-slide-out-right {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(calc(100% + 1rem));\n  }\n}\n\n@keyframes seki-toast-swipe-out {\n  from {\n    transform: translateX(var(--seki-toast-swipe-end-x, 0));\n  }\n  to {\n    transform: translateX(calc(100% + 1rem));\n  }\n}\n\n/* =============================================================================\n   UTILITY ANIMATION CLASSES\n   ============================================================================= */\n\n.seki-animate-fade-in {\n  animation: seki-fade-in var(--seki-animation-normal) var(--seki-ease-out);\n}\n\n.seki-animate-fade-out {\n  animation: seki-fade-out var(--seki-animation-normal) var(--seki-ease-in);\n}\n\n.seki-animate-scale-in {\n  animation: seki-scale-in var(--seki-animation-normal) var(--seki-ease-out);\n}\n\n.seki-animate-scale-out {\n  animation: seki-scale-out var(--seki-animation-normal) var(--seki-ease-in);\n}\n\n.seki-animate-spin {\n  animation: seki-spin 1s linear infinite;\n}\n\n.seki-animate-pulse {\n  animation: seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n.seki-animate-bounce {\n  animation: seki-bounce 1s infinite;\n}\n\n/* =============================================================================\n   REDUCED MOTION SUPPORT\n   ============================================================================= */\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n\n/* Document-level theme switch. Components read it through the inherited\n   `color-scheme` property (see colors.css). src/global/theme.ts injects the\n   same rule at runtime, so this copy only matters for consumers who load the\n   global stylesheet without JavaScript. Keep both in sync. */\n[data-theme='dark'] {\n  color-scheme: dark;\n}\n\n[data-theme='light'] {\n  color-scheme: light;\n}\n\n\n:host {\n  display: block;\n}\n\n.field {\n  display: grid;\n  gap: var(--seki-field-spacing, 0.5rem);\n}\n\n/* Vertical orientation (default) */\n:host([data-orientation=\"vertical\"]) .field {\n  grid-template-columns: 1fr;\n  grid-template-areas:\n    \"label\"\n    \"control\"\n    \"description\"\n    \"error\";\n}\n\n/* Horizontal orientation */\n:host([data-orientation=\"horizontal\"]) .field {\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"label control\"\n    \"description description\"\n    \"error error\";\n  gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n  align-items: start;\n}\n\n:host([data-orientation=\"horizontal\"]) .field-label {\n  padding-top: 0.25rem; /* Align with input */\n}\n\n/* Responsive orientation - uses container queries */\n:host([data-orientation=\"responsive\"]) .field {\n  container-type: inline-size;\n  grid-template-columns: 1fr;\n  grid-template-areas:\n    \"label\"\n    \"control\"\n    \"description\"\n    \"error\";\n}\n\n@container (min-width: 600px) {\n  :host([data-orientation=\"responsive\"]) .field {\n    grid-template-columns: auto 1fr;\n    grid-template-areas:\n      \"label control\"\n      \"description description\"\n      \"error error\";\n    gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n  }\n\n  :host([data-orientation=\"responsive\"]) .field-label {\n    padding-top: 0.25rem;\n  }\n}\n\n/* Grid areas */\n.field-label {\n  grid-area: label;\n}\n\n.field-control {\n  grid-area: control;\n}\n\n.field-description {\n  grid-area: description;\n}\n\n.field-error {\n  grid-area: error;\n}\n\n/* Hide empty slots */\n.field-label:empty,\n.field-description:empty,\n.field-error:empty {\n  display: none;\n}\n\n/* Invalid state styling */\n:host([data-invalid]) .field {\n  /* Visual indicator for invalid state (handled by individual components) */\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  .field {\n    transition: none;\n  }\n}\n";
-
-const SekiField$1 = /*@__PURE__*/ proxyCustomElement(class SekiField extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Layout orientation for the field
-         * - vertical: Label above control (default)
-         * - horizontal: Label beside control
-         * - responsive: Horizontal on wide screens, vertical on narrow
-         */
-        this.orientation = 'vertical';
-        /**
-         * Whether the field is in an invalid/error state
-         * Applies data-invalid attribute for styling
-         */
-        this.invalid = false;
-    }
-    onInvalidChange() {
-        var _a;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync();
-    }
-    connectedCallback() {
-        this.binding = new FieldDescriptionBinding(this.el, () => this.invalid);
-    }
-    componentDidLoad() {
-        var _a, _b;
-        // Link the description and error text to the control (#358).
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync();
-        (_b = this.binding) === null || _b === void 0 ? void 0 : _b.observe();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.binding) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    /**
-     * Check if multiple interactive controls are present in the default slot
-     * If true, apply role="group" for accessibility
-     */
-    hasMultipleControls() {
-        const defaultSlot = this.el.querySelectorAll(':not([slot])');
-        // Count interactive elements (input, select, textarea, button, etc.)
-        const interactiveElements = Array.from(defaultSlot).filter(node => {
-            if (node.nodeType !== Node.ELEMENT_NODE)
-                return false;
-            const tagName = node.tagName.toLowerCase();
-            return ['input', 'select', 'textarea', 'button'].includes(tagName) ||
-                tagName.startsWith('seki-');
-        });
-        return interactiveElements.length > 1;
-    }
-    render() {
-        const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '444ca86afa6f79554b28259910c41b31fe66426b', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '952774c5752cd941b56fbf006133f7df4fba822a', class: "field" }, h("div", { key: '95dbbd3248ab7e2b866dd75b951fdcfa8cb1d77c', class: "field-label" }, h("slot", { key: 'efc5a0fcf0ea04812a104c007ca62d6dd794683a', name: "label" })), h("div", { key: '78579f8fac8e3b7964aa91a49682bb653d9199c8', class: "field-control" }, h("slot", { key: 'fd2333f7c09b98d9119ae9cb66a6619847ca026b', onSlotchange: () => { var _a; return (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync(); } })), h("div", { key: '17402cd9252added366d05b9e4eb51fad4098d88', class: "field-description" }, h("slot", { key: 'f7decd19103900466d38eaf90b53f79b23a4fc2a', name: "description", onSlotchange: () => { var _a; return (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync(); } })), h("div", { key: '5e5c67b6ce1ccb9772c07f907d5ed7354deda22a', class: "field-error" }, h("slot", { key: 'ed5793a5c2a2c950ec009e5cda75d0a2826fbde1', name: "error", onSlotchange: () => { var _a; return (_a = this.binding) === null || _a === void 0 ? void 0 : _a.sync(); } })))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "invalid": ["onInvalidChange"]
-    }; }
-    static get style() { return sekiFieldCss; }
-}, [257, "seki-field", {
-        "orientation": [1],
-        "invalid": [4]
-    }, undefined, {
-        "invalid": ["onInvalidChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-field"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-field":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiField$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiField = SekiField$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiField, defineCustomElement };

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

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