@sekiui/elements 0.0.49 → 0.0.51

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BxD7Xe36.js');
+var index = require('./index-Dd6_-KaR.js');
 
-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\n/* =============================================================================\n   SEMANTIC TOKENS (Layer 2: shadcn/ui Style)\n   ============================================================================= */\n\n:host {\n  /* Base */\n  --seki-background: hsl(0, 0%, 100%);\n  --seki-foreground: hsl(0, 0%, 3.9%);\n\n  /* Muted */\n  --seki-muted: hsl(0, 0%, 96.1%);\n  --seki-muted-foreground: hsl(0, 0%, 45.1%);\n\n  /* Card */\n  --seki-card: hsl(0, 0%, 100%);\n  --seki-card-foreground: hsl(0, 0%, 3.9%);\n\n  /* Popover */\n  --seki-popover: hsl(0, 0%, 100%);\n  --seki-popover-foreground: hsl(0, 0%, 3.9%);\n\n  /* Border */\n  --seki-border: hsl(0, 0%, 89.8%);\n  --seki-input: hsl(0, 0%, 89.8%);\n\n  /* Primary */\n  --seki-primary: hsl(0, 0%, 9%);\n  --seki-primary-foreground: hsl(0, 0%, 98%);\n\n  /* Secondary */\n  --seki-secondary: hsl(0, 0%, 96.1%);\n  --seki-secondary-foreground: hsl(0, 0%, 9%);\n\n  /* Accent */\n  --seki-accent: hsl(0, 0%, 96.1%);\n  --seki-accent-foreground: hsl(0, 0%, 9%);\n\n  /* Destructive */\n  --seki-destructive: hsl(0, 84.2%, 60.2%);\n  --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n  /* Ring */\n  --seki-ring: hsl(0, 0%, 3.9%);\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: var(--seki-neutral-400);\n  --seki-border-default: var(--seki-border);\n  --seki-border-emphasis: var(--seki-neutral-300);\n}\n\n/* Dark Mode Semantic Tokens */\n:host([data-theme='dark']) {\n  /* Base */\n  --seki-background: hsl(0, 0%, 3.9%);\n  --seki-foreground: hsl(0, 0%, 98%);\n\n  /* Muted */\n  --seki-muted: hsl(0, 0%, 14.9%);\n  --seki-muted-foreground: hsl(0, 0%, 63.9%);\n\n  /* Card */\n  --seki-card: hsl(0, 0%, 3.9%);\n  --seki-card-foreground: hsl(0, 0%, 98%);\n\n  /* Popover */\n  --seki-popover: hsl(0, 0%, 3.9%);\n  --seki-popover-foreground: hsl(0, 0%, 98%);\n\n  /* Border */\n  --seki-border: hsl(0, 0%, 14.9%);\n  --seki-input: hsl(0, 0%, 14.9%);\n\n  /* Primary */\n  --seki-primary: hsl(0, 0%, 98%);\n  --seki-primary-foreground: hsl(0, 0%, 9%);\n\n  /* Secondary */\n  --seki-secondary: hsl(0, 0%, 14.9%);\n  --seki-secondary-foreground: hsl(0, 0%, 98%);\n\n  /* Accent */\n  --seki-accent: hsl(0, 0%, 14.9%);\n  --seki-accent-foreground: hsl(0, 0%, 98%);\n\n  /* Destructive */\n  --seki-destructive: hsl(0, 62.8%, 30.6%);\n  --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n  /* Ring */\n  --seki-ring: hsl(0, 0%, 83.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: var(--seki-neutral-600);\n  --seki-border-default: var(--seki-border);\n  --seki-border-emphasis: var(--seki-neutral-700);\n\n  /* Button overrides for dark mode */\n  --seki-button-primary-hover-bg: hsl(0, 0%, 98%, 0.9);\n  --seki-button-secondary-hover-bg: hsl(0, 0%, 14.9%, 0.8);\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: hsl(0, 0%, 9%, 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: hsl(0, 0%, 96.1%, 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}\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}\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-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}\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 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\n/* =============================================================================\n   SEMANTIC TOKENS (Layer 2: shadcn/ui Style)\n   ============================================================================= */\n\n:host {\n  /* Base */\n  --seki-background: hsl(0, 0%, 100%);\n  --seki-foreground: hsl(0, 0%, 3.9%);\n\n  /* Muted */\n  --seki-muted: hsl(0, 0%, 96.1%);\n  --seki-muted-foreground: hsl(0, 0%, 45.1%);\n\n  /* Card */\n  --seki-card: hsl(0, 0%, 100%);\n  --seki-card-foreground: hsl(0, 0%, 3.9%);\n\n  /* Popover */\n  --seki-popover: hsl(0, 0%, 100%);\n  --seki-popover-foreground: hsl(0, 0%, 3.9%);\n\n  /* Border */\n  --seki-border: hsl(0, 0%, 89.8%);\n  --seki-input: hsl(0, 0%, 89.8%);\n\n  /* Primary */\n  --seki-primary: hsl(0, 0%, 9%);\n  --seki-primary-foreground: hsl(0, 0%, 98%);\n\n  /* Secondary */\n  --seki-secondary: hsl(0, 0%, 96.1%);\n  --seki-secondary-foreground: hsl(0, 0%, 9%);\n\n  /* Accent */\n  --seki-accent: hsl(0, 0%, 96.1%);\n  --seki-accent-foreground: hsl(0, 0%, 9%);\n\n  /* Destructive */\n  --seki-destructive: hsl(0, 84.2%, 60.2%);\n  --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n  /* Ring */\n  --seki-ring: hsl(0, 0%, 3.9%);\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: var(--seki-neutral-400);\n  --seki-border-default: var(--seki-border);\n  --seki-border-emphasis: var(--seki-neutral-300);\n}\n\n/* Dark Mode Semantic Tokens */\n:host([data-theme='dark']) {\n  /* Base */\n  --seki-background: hsl(0, 0%, 3.9%);\n  --seki-foreground: hsl(0, 0%, 98%);\n\n  /* Muted */\n  --seki-muted: hsl(0, 0%, 14.9%);\n  --seki-muted-foreground: hsl(0, 0%, 63.9%);\n\n  /* Card */\n  --seki-card: hsl(0, 0%, 3.9%);\n  --seki-card-foreground: hsl(0, 0%, 98%);\n\n  /* Popover */\n  --seki-popover: hsl(0, 0%, 3.9%);\n  --seki-popover-foreground: hsl(0, 0%, 98%);\n\n  /* Border */\n  --seki-border: hsl(0, 0%, 14.9%);\n  --seki-input: hsl(0, 0%, 14.9%);\n\n  /* Primary */\n  --seki-primary: hsl(0, 0%, 98%);\n  --seki-primary-foreground: hsl(0, 0%, 9%);\n\n  /* Secondary */\n  --seki-secondary: hsl(0, 0%, 14.9%);\n  --seki-secondary-foreground: hsl(0, 0%, 98%);\n\n  /* Accent */\n  --seki-accent: hsl(0, 0%, 14.9%);\n  --seki-accent-foreground: hsl(0, 0%, 98%);\n\n  /* Destructive */\n  --seki-destructive: hsl(0, 62.8%, 30.6%);\n  --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n  /* Ring */\n  --seki-ring: hsl(0, 0%, 83.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: var(--seki-neutral-600);\n  --seki-border-default: var(--seki-border);\n  --seki-border-emphasis: var(--seki-neutral-700);\n\n  /* Button overrides for dark mode */\n  --seki-button-primary-hover-bg: hsl(0, 0%, 98%, 0.9);\n  --seki-button-secondary-hover-bg: hsl(0, 0%, 14.9%, 0.8);\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: hsl(0, 0%, 9%, 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: hsl(0, 0%, 96.1%, 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}\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-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}\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 = class {
     constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BxD7Xe36.js');
+var index = require('./index-Dd6_-KaR.js');
 
-const sekiFieldsetCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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)}: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-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;}:host{display:block}.fieldset{border:var(--seki-fieldset-border-width, 1px) solid var(--seki-fieldset-border-color, hsl(var(--seki-border)));border-radius:var(--seki-fieldset-border-radius, var(--seki-radius-md));padding:var(--seki-fieldset-padding, 1rem);margin:0}.fieldset:disabled{opacity:0.5;cursor:not-allowed}.fieldset-content{display:contents}@media (prefers-reduced-motion: reduce){.fieldset{transition:none}}";
+const sekiFieldsetCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:block}.fieldset{border:var(--seki-fieldset-border-width, 1px) solid var(--seki-fieldset-border-color, hsl(var(--seki-border)));border-radius:var(--seki-fieldset-border-radius, var(--seki-radius-md));padding:var(--seki-fieldset-padding, 1rem);margin:0}.fieldset:disabled{opacity:0.5;cursor:not-allowed}.fieldset-content{display:contents}@media (prefers-reduced-motion: reduce){.fieldset{transition:none}}";
 
 const SekiFieldset = class {
     constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BxD7Xe36.js');
+var index = require('./index-Dd6_-KaR.js');
 
-const sekiInputCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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)}: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-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;}:host{display:inline-block;width:100%}.input{box-sizing:border-box;width:100%;font-family:var(--seki-font-sans);font-size:var(--seki-input-font-size);border-radius:var(--seki-input-radius);border:1px solid var(--seki-input-border);background:var(--seki-input-bg);color:var(--seki-input-text);padding:var(--seki-input-padding-y) var(--seki-input-padding-x);transition:border-color 0.2s ease, box-shadow 0.2s ease}.input::placeholder{color:var(--seki-input-placeholder)}.input:focus-visible{outline:2px solid var(--seki-input-ring);outline-offset:var(--seki-input-ring-offset);border-color:var(--seki-input-ring)}.input:disabled{cursor:not-allowed;opacity:var(--seki-input-disabled-opacity)}.input:read-only{background:var(--seki-muted)}.input--invalid{border-color:var(--seki-input-invalid-border)}.input--invalid:focus-visible{outline-color:var(--seki-input-invalid-ring);border-color:var(--seki-input-invalid-border)}.input--sm{height:var(--seki-input-height-sm);font-size:calc(var(--seki-input-font-size) * 0.875);padding:calc(var(--seki-input-padding-y) * 0.75) calc(var(--seki-input-padding-x) * 0.875)}.input--md{height:var(--seki-input-height-md)}.input--lg{height:var(--seki-input-height-lg);font-size:calc(var(--seki-input-font-size) * 1.125);padding:calc(var(--seki-input-padding-y) * 1.25) calc(var(--seki-input-padding-x) * 1.125)}.input[type=\"file\"]::file-selector-button{border:0;background:transparent;font-size:var(--seki-input-font-size);font-weight:500;margin-right:0.75rem;cursor:pointer;color:var(--seki-input-text)}.input[type=\"file\"]::file-selector-button:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.input{transition:none}}";
+const sekiInputCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:inline-block;width:100%}.input{box-sizing:border-box;width:100%;font-family:var(--seki-font-sans);font-size:var(--seki-input-font-size, var(--seki-font-size-base));font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);border-radius:var(--seki-input-radius);border:1px solid var(--seki-input-border);background:var(--seki-input-bg);color:var(--seki-input-text);padding:var(--seki-input-padding-y) var(--seki-input-padding-x);transition:border-color 0.2s ease, box-shadow 0.2s ease}.input::placeholder{color:var(--seki-input-placeholder)}.input:focus-visible{outline:2px solid var(--seki-input-ring);outline-offset:var(--seki-input-ring-offset);border-color:var(--seki-input-ring)}.input:disabled{cursor:not-allowed;opacity:var(--seki-input-disabled-opacity)}.input:read-only{background:var(--seki-muted)}.input--invalid{border-color:var(--seki-input-invalid-border)}.input--invalid:focus-visible{outline-color:var(--seki-input-invalid-ring);border-color:var(--seki-input-invalid-border)}.input--sm{height:var(--seki-input-height-sm);font-size:var(--seki-font-size-sm);padding:calc(var(--seki-input-padding-y) * 0.75) calc(var(--seki-input-padding-x) * 0.875)}.input--md{height:var(--seki-input-height-md);font-size:var(--seki-font-size-base)}.input--lg{height:var(--seki-input-height-lg);font-size:var(--seki-font-size-lg);padding:calc(var(--seki-input-padding-y) * 1.25) calc(var(--seki-input-padding-x) * 1.125)}.input[type=\"file\"]::file-selector-button{border:0;background:transparent;font-size:var(--seki-input-font-size);font-weight:500;margin-right:0.75rem;cursor:pointer;color:var(--seki-input-text)}.input[type=\"file\"]::file-selector-button:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.input{transition:none}}";
 
 const SekiInput = class {
     constructor(hostRef) {

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

@@ -0,0 +1,72 @@
+'use strict';
+
+var index = require('./index-Dd6_-KaR.js');
+
+const sekiSelectContentCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;min-width:100%}.content-container{background:var(--seki-select-content-bg);border:var(--seki-select-content-border);border-radius:var(--seki-select-content-radius);box-shadow:var(--seki-select-content-shadow);padding:var(--seki-select-content-padding, 0.5rem 0);width:100%}.content-scroll{overflow-y:auto;overflow-x:hidden}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--seki-color-border);border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--seki-color-muted-foreground)}[data-theme=\"dark\"] .content-container{background:var(--seki-select-content-bg);border-color:var(--seki-color-border)}";
+
+const SekiSelectContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.forceUpdate = 0; // Used to force re-renders
+        this.handleParentOpenChange = () => {
+            // Force re-render when parent's open state changes
+            this.forceUpdate++;
+        };
+    }
+    // ===========================
+    // Lifecycle
+    // ===========================
+    componentDidLoad() {
+        // Listen for state changes from parent
+        const parent = this.el.closest('seki-select');
+        if (parent) {
+            parent.addEventListener('sekiOpenChange', this.handleParentOpenChange);
+        }
+    }
+    disconnectedCallback() {
+        const parent = this.el.closest('seki-select');
+        if (parent) {
+            parent.removeEventListener('sekiOpenChange', this.handleParentOpenChange);
+        }
+    }
+    // ===========================
+    // Methods
+    // ===========================
+    /** Scroll to make an option visible */
+    async scrollToOption(optionId) {
+        if (!this.scrollContainerRef)
+            return;
+        const optionElement = this.el.querySelector(`#${optionId}`);
+        if (optionElement) {
+            optionElement.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+        }
+    }
+    // ===========================
+    // Helpers
+    // ===========================
+    getSelectContext() {
+        const parent = this.el.parentElement;
+        return parent === null || parent === void 0 ? void 0 : parent.selectContext;
+    }
+    // ===========================
+    // Render
+    // ===========================
+    render() {
+        const selectContext = this.getSelectContext();
+        if (!selectContext) {
+            return null;
+        }
+        const isOpen = selectContext.open;
+        // Lazy rendering - only render when open
+        if (!isOpen) {
+            return null;
+        }
+        const parent = this.el.closest('seki-select');
+        const maxHeight = (parent === null || parent === void 0 ? void 0 : parent.maxHeight) || '12.5rem';
+        return (index.h(index.Host, null, index.h("div", { class: "content-container", role: "listbox", id: selectContext.contentId, "aria-multiselectable": selectContext.multiple ? 'true' : undefined }, index.h("div", { ref: (el) => (this.scrollContainerRef = el), class: "content-scroll", style: { maxHeight } }, index.h("slot", null)))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiSelectContent.style = sekiSelectContentCss;
+
+exports.seki_select_content = SekiSelectContent;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Dd6_-KaR.js');
+
+const sekiSelectGroupCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:block}.group{display:flex;flex-direction:column}.group-separator{height:0;border-top:var(--seki-select-group-separator);margin:var(--seki-spacing-2) 0}.group-label{padding:var(--seki-select-group-label-padding);font-family:var(--seki-font-sans);font-size:var(--seki-select-group-label-font-size, var(--seki-font-size-xs));font-weight:var(--seki-select-group-label-font-weight, var(--seki-font-semibold));line-height:var(--seki-leading-tight);color:var(--seki-select-group-label-color, var(--seki-muted-foreground));text-transform:uppercase;letter-spacing:0.05em;user-select:none;pointer-events:none}.group-options{display:flex;flex-direction:column}[data-theme=\"dark\"] .group-label{color:var(--seki-select-group-label-color)}[data-theme=\"dark\"] .group-separator{border-color:var(--seki-color-border)}";
+
+const SekiSelectGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.groupLabelId = `group-label-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    // ===========================
+    // Render
+    // ===========================
+    render() {
+        return (index.h(index.Host, { key: 'fb93edf7bf779fda68623f4cc129f736fd1f821d' }, index.h("div", { key: '3c17548db569c9034a06ca0faa4d33512a8f9f65', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, index.h("div", { key: '12d0fda08d5c45f28e7d3044ce49389b7bec5fb6', class: "group-separator", "aria-hidden": "true" }), index.h("div", { key: '61ce1d924e05a42f3c11204010669168cff1b986', class: "group-label", id: this.groupLabelId, role: "presentation" }, index.h("slot", { key: '579556c1df24e58f04ee3462a3c04cc386c87f8b', name: "label" }, this.label)), index.h("div", { key: 'c800bf175b2b09803d08a9fd6ec618763f09c80c', class: "group-options" }, index.h("slot", { key: 'bdd19ca2776737cc639272fbbf4faf3324559833' })))));
+    }
+};
+SekiSelectGroup.style = sekiSelectGroupCss;
+
+exports.seki_select_group = SekiSelectGroup;

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

@@ -0,0 +1,88 @@
+'use strict';
+
+var index = require('./index-Dd6_-KaR.js');
+
+const sekiSelectOptionCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
+
+const SekiSelectOption = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sekiOptionSelect = index.createEvent(this, "sekiOptionSelect");
+        this.sekiOptionFocus = index.createEvent(this, "sekiOptionFocus");
+        /** Whether the option is disabled */
+        this.disabled = false;
+        // ===========================
+        // State
+        // ===========================
+        this.optionId = `option-${Math.random().toString(36).substr(2, 9)}`;
+        // ===========================
+        // Event Handlers
+        // ===========================
+        this.handleOptionClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            const selectContext = this.getSelectContext();
+            this.sekiOptionSelect.emit({ value: this.value });
+            selectContext === null || selectContext === void 0 ? void 0 : selectContext.onOptionSelect(this.value);
+        };
+        this.handleOptionFocus = () => {
+            if (this.disabled) {
+                return;
+            }
+            const selectContext = this.getSelectContext();
+            this.sekiOptionFocus.emit({ value: this.value });
+            selectContext === null || selectContext === void 0 ? void 0 : selectContext.onOptionFocus(this.value);
+        };
+        this.handleOptionKeyDown = async (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const parent = this.el.closest('seki-select');
+            // Let parent handle keyboard navigation
+            if (parent && parent.handleKeyboard) {
+                await parent.handleKeyboard(event);
+            }
+        };
+    }
+    // ===========================
+    // Lifecycle
+    // ===========================
+    componentDidLoad() {
+        var _a;
+        // Register this option with parent select
+        const selectContext = this.getSelectContext();
+        const displayLabel = this.label || ((_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+        selectContext === null || selectContext === void 0 ? void 0 : selectContext.registerOption({
+            value: this.value,
+            label: displayLabel,
+            disabled: this.disabled,
+        });
+    }
+    disconnectedCallback() {
+        // Unregister this option
+        const selectContext = this.getSelectContext();
+        selectContext === null || selectContext === void 0 ? void 0 : selectContext.unregisterOption(this.value);
+    }
+    // ===========================
+    // Helpers
+    // ===========================
+    getSelectContext() {
+        const parent = this.el.closest('seki-select');
+        return parent === null || parent === void 0 ? void 0 : parent.selectContext;
+    }
+    // ===========================
+    // Render
+    // ===========================
+    render() {
+        const selectContext = this.getSelectContext();
+        const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
+        const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
+        return (index.h(index.Host, { key: '7f26f5bab21717ee83ccdac1bacf9f626a54cba4' }, index.h("div", { key: '3f8cf23a3c282ad6835765da02d18d23b8a1eda2', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, index.h("span", { key: '2bbbec64c8ab4c9fd467a2daf98903421c5cb81c', class: "option-label" }, index.h("slot", { key: '802b18248a082e4f4f63cf1cec3d1a3dc64b6c20' })), isSelected && (index.h("span", { key: '946143b7ebaf2bee220cbf02c3a52c415c5fd6d6', class: "option-indicator", "aria-hidden": "true" }, index.h("slot", { key: '963067c64e4a9d8033d5846edada7a4db774052a', name: "selected-indicator" }, index.h("svg", { key: '4072b0cb265160df40151fd62a89fe5d0e925327', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '93a47d2ccff5c8393ee3c5788434c41f69971e4d', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiSelectOption.style = sekiSelectOptionCss;
+
+exports.seki_select_option = SekiSelectOption;

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

@@ -0,0 +1,128 @@
+'use strict';
+
+var index = require('./index-Dd6_-KaR.js');
+
+const sekiSelectTriggerCss = ":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}:host{display:block}.trigger-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--seki-select-trigger-min-height);padding:var(--seki-select-trigger-padding);gap:var(--seki-select-trigger-gap);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);background:var(--seki-select-trigger-bg);border:var(--seki-select-trigger-border);border-radius:var(--seki-select-trigger-radius);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease}.trigger-button:hover:not(:disabled){background:var(--seki-select-trigger-bg-hover)}.trigger-button:focus-visible{outline:2px solid var(--seki-color-ring);outline-offset:2px;border-color:var(--seki-color-ring)}.trigger-button:disabled{cursor:not-allowed;opacity:0.5}.trigger-button[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.trigger-placeholder{color:var(--seki-color-muted-foreground)}.trigger-value{flex:1;text-align:left;color:var(--seki-color-foreground)}.trigger-pills{display:flex;flex-wrap:wrap;gap:0.375rem;flex:1}.trigger-pill{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:var(--seki-color-muted);border-radius:var(--seki-radius-sm);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);color:var(--seki-color-foreground)}.pill-remove{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;cursor:pointer;color:var(--seki-color-muted-foreground);transition:background-color 0.15s ease, color 0.15s ease}.pill-remove:hover{background:var(--seki-color-muted-foreground);color:var(--seki-color-background)}.trigger-overflow{color:var(--seki-color-muted-foreground);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.trigger-chevron{flex-shrink:0;color:var(--seki-color-muted-foreground);transition:transform 0.2s ease}.trigger-button[data-state=\"open\"] .trigger-chevron{transform:rotate(180deg)}[data-theme=\"dark\"] .trigger-button{background:var(--seki-select-trigger-bg);border-color:var(--seki-color-border)}@media (prefers-reduced-motion: reduce){.trigger-button,.trigger-chevron,.pill-remove{transition:none}}";
+
+const SekiSelectTrigger = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.forceUpdate = 0; // Used to force re-renders
+        // ===========================
+        // Parent Event Listeners
+        // ===========================
+        this.handleParentOpenChange = () => {
+            // Force re-render when parent's open state changes
+            this.forceUpdate++;
+        };
+        this.handleParentValueChange = () => {
+            // Force re-render when parent's value changes
+            this.forceUpdate++;
+        };
+        // ===========================
+        // Event Handlers
+        // ===========================
+        this.handleButtonClick = (event) => {
+            event.preventDefault();
+            const selectContext = this.getSelectContext();
+            if (!selectContext || selectContext.disabled) {
+                return;
+            }
+            selectContext.onOpenChange(!selectContext.open);
+        };
+        this.handleButtonKeyDown = async (event) => {
+            const selectContext = this.getSelectContext();
+            if (selectContext === null || selectContext === void 0 ? void 0 : selectContext.disabled) {
+                return;
+            }
+            // Delegate to parent's keyboard handler
+            const parent = this.el.closest('seki-select');
+            if (parent && parent.handleKeyboard) {
+                await parent.handleKeyboard(event);
+                this.forceUpdate++; // Force re-render after keyboard navigation
+            }
+        };
+    }
+    // ===========================
+    // Lifecycle
+    // ===========================
+    componentDidLoad() {
+        // Manually attach event listeners to ensure they work
+        if (this.buttonRef) {
+            this.buttonRef.addEventListener('click', this.handleButtonClick);
+            this.buttonRef.addEventListener('keydown', this.handleButtonKeyDown);
+        }
+        // Listen for state changes from parent
+        const parent = this.el.closest('seki-select');
+        if (parent) {
+            parent.addEventListener('sekiOpenChange', this.handleParentOpenChange);
+            parent.addEventListener('sekiChange', this.handleParentValueChange);
+        }
+    }
+    disconnectedCallback() {
+        // Clean up event listeners
+        if (this.buttonRef) {
+            this.buttonRef.removeEventListener('click', this.handleButtonClick);
+            this.buttonRef.removeEventListener('keydown', this.handleButtonKeyDown);
+        }
+        const parent = this.el.closest('seki-select');
+        if (parent) {
+            parent.removeEventListener('sekiOpenChange', this.handleParentOpenChange);
+            parent.removeEventListener('sekiChange', this.handleParentValueChange);
+        }
+    }
+    // ===========================
+    // Helpers
+    // ===========================
+    getSelectContext() {
+        const parent = this.el.closest('seki-select');
+        return parent === null || parent === void 0 ? void 0 : parent.selectContext;
+    }
+    renderPlaceholder() {
+        const parent = this.el.closest('seki-select');
+        const placeholder = (parent === null || parent === void 0 ? void 0 : parent.placeholder) || 'Select an option';
+        return index.h("span", { class: "trigger-placeholder" }, placeholder);
+    }
+    renderSingleValue(selectContext) {
+        const selectedOptions = selectContext.getSelectedOptions();
+        if (selectedOptions.length === 0) {
+            return this.renderPlaceholder();
+        }
+        return index.h("span", { class: "trigger-value" }, selectedOptions[0].label);
+    }
+    renderMultiValue(selectContext) {
+        const selectedOptions = selectContext.getSelectedOptions();
+        if (selectedOptions.length === 0) {
+            return this.renderPlaceholder();
+        }
+        const parent = this.el.closest('seki-select');
+        const maxVisible = (parent === null || parent === void 0 ? void 0 : parent.maxVisiblePills) || 3;
+        const visibleOptions = selectedOptions.slice(0, maxVisible);
+        const remaining = selectedOptions.length - maxVisible;
+        return (index.h("div", { class: "trigger-pills" }, visibleOptions.map(option => (index.h("span", { class: "trigger-pill", onClick: (e) => this.handlePillRemove(e, option.value, selectContext) }, option.label, index.h("button", { type: "button", class: "pill-remove", "aria-label": `Remove ${option.label}` }, "\u00D7")))), remaining > 0 && (index.h("span", { class: "trigger-overflow" }, "+", remaining, " more"))));
+    }
+    handlePillRemove(event, value, selectContext) {
+        event.stopPropagation();
+        selectContext.onOptionSelect(value); // Toggle off
+    }
+    // ===========================
+    // Render
+    // ===========================
+    render() {
+        const selectContext = this.getSelectContext();
+        if (!selectContext) {
+            return index.h(index.Host, null, index.h("div", null, "Loading..."));
+        }
+        const isOpen = selectContext.open;
+        const isDisabled = selectContext.disabled;
+        return (index.h(index.Host, null, index.h("button", { ref: (el) => (this.buttonRef = el), type: "button", class: "trigger-button", role: "combobox", "aria-expanded": isOpen ? 'true' : 'false', "aria-controls": selectContext.contentId, "aria-activedescendant": selectContext.focusedOptionValue
+                ? `option-${selectContext.focusedOptionValue}`
+                : undefined, "aria-label": selectContext.ariaLabel, "aria-labelledby": selectContext.ariaLabelledby, "aria-disabled": isDisabled ? 'true' : undefined, disabled: isDisabled, "data-disabled": isDisabled ? 'true' : undefined, "data-state": isOpen ? 'open' : 'closed' }, selectContext.multiple
+            ? this.renderMultiValue(selectContext)
+            : this.renderSingleValue(selectContext), index.h("svg", { class: "trigger-chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+    get el() { return index.getElement(this); }
+};
+SekiSelectTrigger.style = sekiSelectTriggerCss;
+
+exports.seki_select_trigger = SekiSelectTrigger;