@sekiui/elements 0.0.82 → 0.0.83

package/dist/cdn/seki-dropdown-menu-content.js

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-DpCiMzzg.js';
+import { c as computeAnchoredPosition } from './p-DuJp0Kp6.js';
 
 const sekiDropdownMenuContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host{--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-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}:host{display:contents}:host(:not([data-state=\"open\"])){display:none}.dropdown-menu-content{z-index:50;min-width:8rem;overflow:hidden;padding:0.25rem;background-color:var(--seki-background, hsl(0 0% 100%));border:1px solid var(--seki-border, hsl(240 5.9% 90%));border-radius:var(--seki-radius-md, 0.375rem);box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);animation:seki-dropdown-in var(--seki-animation-fast, 150ms) ease-out}@keyframes seki-dropdown-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}:host([data-theme='dark']) .dropdown-menu-content{background-color:var(--seki-background, hsl(240 10% 3.9%));border-color:var(--seki-border, hsl(240 3.7% 15.9%))}";
 
@@ -9,6 +10,18 @@ const SekiDropdownMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
             this.__registerHost();
         }
         this.__attachShadow();
+        this.onMenuOpenChange = () => {
+            var _a;
+            const context = this.getContext();
+            this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+            if (this._isOpen) {
+                this._focusedIndex = 0;
+                requestAnimationFrame(() => {
+                    this.updatePosition();
+                    this.focusItem(0);
+                });
+            }
+        };
         /**
          * Offset from trigger
          */
@@ -33,21 +46,9 @@ const SekiDropdownMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
         this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
     }
     componentDidLoad() {
-        const menu = this.el.closest('seki-dropdown-menu');
-        if (menu) {
-            menu.addEventListener('sekiOpenChange', () => {
-                var _a;
-                const context = this.getContext();
-                this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
-                if (this._isOpen) {
-                    this._focusedIndex = 0;
-                    requestAnimationFrame(() => {
-                        this.updatePosition();
-                        this.focusItem(0);
-                    });
-                }
-            });
-        }
+        var _a, _b;
+        this.menuEl = (_a = this.el.closest('seki-dropdown-menu')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.menuEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     componentDidRender() {
         if (this._isOpen) {
@@ -104,69 +105,23 @@ const SekiDropdownMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
             return;
         const triggerRect = trigger.getBoundingClientRect();
         const contentRect = this.contentRef.getBoundingClientRect();
-        const viewport = {
-            width: window.innerWidth,
-            height: window.innerHeight,
-        };
         const context = this.getContext();
         const side = (_b = (_a = this.side) !== null && _a !== void 0 ? _a : context === null || context === void 0 ? void 0 : context.side) !== null && _b !== void 0 ? _b : 'bottom';
         const align = (_d = (_c = this.align) !== null && _c !== void 0 ? _c : context === null || context === void 0 ? void 0 : context.align) !== null && _d !== void 0 ? _d : 'start';
-        const offset = this.sideOffset;
-        let top = 0;
-        let left = 0;
-        // Side positioning
-        switch (side) {
-            case 'top':
-                top = triggerRect.top - contentRect.height - offset;
-                break;
-            case 'bottom':
-                top = triggerRect.bottom + offset;
-                break;
-            case 'left':
-                left = triggerRect.left - contentRect.width - offset;
-                break;
-            case 'right':
-                left = triggerRect.right + offset;
-                break;
-        }
-        // Align positioning
-        if (side === 'top' || side === 'bottom') {
-            switch (align) {
-                case 'start':
-                    left = triggerRect.left;
-                    break;
-                case 'center':
-                    left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
-                    break;
-                case 'end':
-                    left = triggerRect.right - contentRect.width;
-                    break;
-            }
-        }
-        else {
-            switch (align) {
-                case 'start':
-                    top = triggerRect.top;
-                    break;
-                case 'center':
-                    top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
-                    break;
-                case 'end':
-                    top = triggerRect.bottom - contentRect.height;
-                    break;
-            }
-        }
-        // Viewport clamping
-        const margin = 8;
-        left = Math.max(margin, Math.min(left, viewport.width - contentRect.width - margin));
-        top = Math.max(margin, Math.min(top, viewport.height - contentRect.height - margin));
+        const { top, left } = computeAnchoredPosition(triggerRect, contentRect, {
+            side,
+            align,
+            sideOffset: this.sideOffset,
+        });
         this._position = { top: `${top}px`, left: `${left}px` };
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.menuEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     render() {
         if (!this._isOpen) {

package/dist/cdn/seki-dropdown-menu-radio.js

@@ -15,6 +15,10 @@ const SekiDropdownMenuRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropd
          */
         this.disabled = false;
         this._isChecked = false;
+        this.onRadioGroupValueChange = () => {
+            const context = this.getContext();
+            this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
+        };
         this.handleClick = () => {
             if (this.disabled)
                 return;
@@ -39,25 +43,23 @@ const SekiDropdownMenuRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropd
         this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
     }
     componentDidLoad() {
-        const group = this.el.closest('seki-dropdown-menu-radio-group');
-        if (group) {
-            group.addEventListener('sekiValueChange', () => {
-                const context = this.getContext();
-                this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
-            });
-        }
+        var _a, _b;
+        this.radioGroupEl = (_a = this.el.closest('seki-dropdown-menu-radio-group')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.radioGroupEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (h(Host, { key: 'df93ac43775928cd5a5d7504c13e1048e69b30c2' }, h("div", { key: '3df52c47bb088cd5e54dcdf0ca5b5541c48351b9', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '9b5c16b86989fe8cac562696569685288dd455d1' }, h("div", { key: 'c190e966f43a39ff4171e721a85f5fcc4ae530e5', part: "item", role: "menuitemradio", class: {
                 'dropdown-menu-radio': true,
                 'dropdown-menu-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '99d77c45832bf6ca48bc1c720a24b5b87431b49c', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '7cd44ae489f5ed6d61f011aeb2badc11e5b6fa73', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'fc0b11f4898ceb0df49e236090537e0251f65f62', cx: "12", cy: "12", r: "4" })))), h("slot", { key: 'd5b8304c7a347dc61d2b818a61d2cfdd48efb781' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '6eb76b52b8148dfe5d8e0dc5c81476c7cf0871ce', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '3ec758d15aaa2ea3c267051169c5b16ac889084e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '6a18e381a0dc726fca24b2d5404064dd781fefaf', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '894485165c5cf9c9b303c5faef47a130c7e7bbdf' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuRadioCss; }

package/dist/cdn/seki-dropdown-menu-trigger.js

@@ -11,6 +11,11 @@ const SekiDropdownMenuTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
         this.__attachShadow();
         this.triggerClick = createEvent(this, "sekiDropdownTriggerClick");
         this._isOpen = false;
+        this.onMenuOpenChange = () => {
+            var _a;
+            const context = this.getContext();
+            this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
+        };
     }
     getContext() {
         const menu = this.el.closest('seki-dropdown-menu');
@@ -18,14 +23,9 @@ const SekiDropdownMenuTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
         return menu ? menu._dropdownMenuContext : null;
     }
     componentDidLoad() {
-        const menu = this.el.closest('seki-dropdown-menu');
-        if (menu) {
-            menu.addEventListener('sekiOpenChange', () => {
-                var _a;
-                const context = this.getContext();
-                this._isOpen = (_a = context === null || context === void 0 ? void 0 : context.isOpen) !== null && _a !== void 0 ? _a : false;
-            });
-        }
+        var _a, _b;
+        this.menuEl = (_a = this.el.closest('seki-dropdown-menu')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.menuEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     handleClick(event) {
         event.stopPropagation();
@@ -35,10 +35,12 @@ const SekiDropdownMenuTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiDro
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.menuEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenuOpenChange);
     }
     render() {
-        return (h(Host, { key: '75d46109abf0d64e0e47c87cc08c1cbc3f30527c', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '65c160dc74af255f12f1fda5143738b6a469dbe8', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: '96cb2d00c1cbb008aa2d86423af1e2f78d82847c' }))));
+        return (h(Host, { key: 'fce6a84d7fcc4ed52edfdc4465d1da0942cfe3cb', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '0fe984028ed8e6802fcb91354fe4d0fcc4b1d5fe', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: 'f7985116dbb64d96608f5eac631552862fa4c83a' }))));
     }
     get el() { return this; }
     static get style() { return sekiDropdownMenuTriggerCss; }

package/dist/cdn/seki-dropdown-menu.js

@@ -93,7 +93,11 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
         }
     }
     setupClickOutside() {
-        setTimeout(() => {
+        // Clear any pending timeout/handler first so a rapid open→close→open cannot
+        // leave a leaked listener or double-schedule.
+        this.removeClickOutside();
+        this.clickOutsideTimeout = setTimeout(() => {
+            this.clickOutsideTimeout = undefined;
             this.clickOutsideHandler = (e) => {
                 const path = e.composedPath();
                 if (!path.includes(this.el)) {
@@ -104,6 +108,11 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
         }, 0);
     }
     removeClickOutside() {
+        // Cancel a still-pending registration so it can't fire after close/disconnect.
+        if (this.clickOutsideTimeout !== undefined) {
+            clearTimeout(this.clickOutsideTimeout);
+            this.clickOutsideTimeout = undefined;
+        }
         if (this.clickOutsideHandler) {
             document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
             this.clickOutsideHandler = undefined;
@@ -141,7 +150,7 @@ const SekiDropdownMenu$1 = /*@__PURE__*/ proxyCustomElement(class SekiDropdownMe
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '767d46361c1622b7d9ee234882f20b6a2fc2b1d0', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '8f7e87616a6a73a78273b3bb5600f8937e894bb1', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '75e65c5316c6376fdf20f8cb7d68fc740494cc53' }))));
+        return (h(Host, { key: '2d005621c57288981fd010d032df05ba0673382b', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'ccfad38f3553407073c9c5f8b7d2ad1a536428c8', part: "dropdown-menu", class: "dropdown-menu" }, h("slot", { key: '12250972a0eaeef563e711a82c60243442e47a63' }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-DpCiMzzg.js';
+import { c as computeAnchoredPosition } from './p-DuJp0Kp6.js';
 
 const sekiMenubarContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host{--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-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}:host{display:contents}:host(:not([data-state=\"open\"])){display:none}.menubar-content{z-index:50;min-width:12rem;overflow:hidden;padding:0.25rem;background-color:var(--seki-background, hsl(0 0% 100%));border:1px solid var(--seki-border, hsl(240 5.9% 90%));border-radius:var(--seki-radius-md, 0.375rem);box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);animation:seki-menubar-in var(--seki-animation-fast, 150ms) ease-out}@keyframes seki-menubar-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}:host([data-theme='dark']) .menubar-content{background-color:var(--seki-background, hsl(240 10% 3.9%));border-color:var(--seki-border, hsl(240 3.7% 15.9%))}";
 
@@ -25,6 +26,19 @@ const SekiMenubarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarC
         this._position = { top: '0', left: '0' };
         this._focusedIndex = -1;
         this.typeaheadBuffer = '';
+        this.onMenubarOpenChange = () => {
+            const context = this.getMenubarContext();
+            const menuId = this.getMenuId();
+            const wasOpen = this._isOpen;
+            this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
+            if (this._isOpen && !wasOpen) {
+                this._focusedIndex = 0;
+                requestAnimationFrame(() => {
+                    this.updatePosition();
+                    this.focusItem(0);
+                });
+            }
+        };
     }
     getMenubarContext() {
         const menubar = this.el.closest('seki-menubar');
@@ -41,22 +55,9 @@ const SekiMenubarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarC
         return Array.from(this.contentRef.querySelectorAll('seki-menubar-item:not([disabled]), seki-menubar-checkbox:not([disabled]), seki-menubar-radio:not([disabled]), seki-menubar-sub-trigger:not([disabled])'));
     }
     componentDidLoad() {
-        const menubar = this.el.closest('seki-menubar');
-        if (menubar) {
-            menubar.addEventListener('sekiOpenChange', () => {
-                const context = this.getMenubarContext();
-                const menuId = this.getMenuId();
-                const wasOpen = this._isOpen;
-                this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
-                if (this._isOpen && !wasOpen) {
-                    this._focusedIndex = 0;
-                    requestAnimationFrame(() => {
-                        this.updatePosition();
-                        this.focusItem(0);
-                    });
-                }
-            });
-        }
+        var _a, _b;
+        this.menubarEl = (_a = this.el.closest('seki-menubar')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.menubarEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     componentDidRender() {
         if (this._isOpen) {
@@ -145,39 +146,20 @@ const SekiMenubarContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarC
             return;
         const triggerRect = trigger.getBoundingClientRect();
         const contentRect = this.contentRef.getBoundingClientRect();
-        const viewport = { width: window.innerWidth, height: window.innerHeight };
-        let top = 0;
-        let left = 0;
-        // Side positioning
-        if (this.side === 'bottom') {
-            top = triggerRect.bottom + this.sideOffset;
-        }
-        else {
-            top = triggerRect.top - contentRect.height - this.sideOffset;
-        }
-        // Align positioning
-        switch (this.align) {
-            case 'start':
-                left = triggerRect.left;
-                break;
-            case 'center':
-                left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
-                break;
-            case 'end':
-                left = triggerRect.right - contentRect.width;
-                break;
-        }
-        // Viewport clamping
-        const margin = 8;
-        left = Math.max(margin, Math.min(left, viewport.width - contentRect.width - margin));
-        top = Math.max(margin, Math.min(top, viewport.height - contentRect.height - margin));
+        const { top, left } = computeAnchoredPosition(triggerRect, contentRect, {
+            side: this.side,
+            align: this.align,
+            sideOffset: this.sideOffset,
+        });
         this._position = { top: `${top}px`, left: `${left}px` };
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.menubarEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     render() {
         if (!this._isOpen) {

package/dist/cdn/seki-menubar-radio.js

@@ -15,6 +15,10 @@ const SekiMenubarRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarRad
          */
         this.disabled = false;
         this._isChecked = false;
+        this.onRadioGroupValueChange = () => {
+            const context = this.getContext();
+            this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
+        };
         this.handleClick = () => {
             if (this.disabled)
                 return;
@@ -39,25 +43,23 @@ const SekiMenubarRadio$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarRad
         this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
     }
     componentDidLoad() {
-        const group = this.el.closest('seki-menubar-radio-group');
-        if (group) {
-            group.addEventListener('sekiValueChange', () => {
-                const context = this.getContext();
-                this._isChecked = (context === null || context === void 0 ? void 0 : context.getValue()) === this.value;
-            });
-        }
+        var _a, _b;
+        this.radioGroupEl = (_a = this.el.closest('seki-menubar-radio-group')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.radioGroupEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.radioGroupEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiValueChange', this.onRadioGroupValueChange);
     }
     render() {
-        return (h(Host, { key: '27a3bfd626a3a66def464369dc9737367cf0f4bd' }, h("div", { key: 'c14bcd223dff975400dc997f69a428ad76110988', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: '99afe7f98812789bb52bc0e8e1c4e55997deae58' }, h("div", { key: '41b181429662965778352ef1684f9a76888bb0dd', part: "item", role: "menuitemradio", class: {
                 'menubar-radio': true,
                 'menubar-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'd0ee37c6950eef63bd7e32af7ad8b1db66cfd169', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: '44825a5fe92e369a8537c8d9932afc5c5d738ead', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: '7704683ffe5ffedf7f8f029e207aff63df4b4cf0', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '6158619c72b6874fa472a97e0a939214988c1b28' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '1e40707605e814958c8c714cdf93a0a65dca11d3', part: "indicator", class: "menubar-radio__indicator" }, this._isChecked && (h("svg", { key: 'aa45c00b05cd138ebd1bbd71a2579602efb3593e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'ce97ee3943f16913bca5548980c7d19720c13cbe', cx: "12", cy: "12", r: "4" })))), h("slot", { key: 'cd4f98b8dc51067f62d80c17dd24f3326c42f9d7' }))));
     }
     get el() { return this; }
     static get style() { return sekiMenubarRadioCss; }

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

@@ -14,6 +14,11 @@ const SekiMenubarTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarT
          */
         this.disabled = false;
         this._isOpen = false;
+        this.onMenubarOpenChange = () => {
+            const context = this.getContext();
+            const menuId = this.getMenuId();
+            this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
+        };
         this.handleClick = () => {
             if (this.disabled)
                 return;
@@ -88,26 +93,23 @@ const SekiMenubarTrigger$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubarT
         return (menu === null || menu === void 0 ? void 0 : menu.getAttribute('menu-id')) || null;
     }
     componentDidLoad() {
-        const menubar = this.el.closest('seki-menubar');
-        if (menubar) {
-            menubar.addEventListener('sekiOpenChange', () => {
-                const context = this.getContext();
-                const menuId = this.getMenuId();
-                this._isOpen = (context === null || context === void 0 ? void 0 : context.activeMenuId) === menuId;
-            });
-        }
+        var _a, _b;
+        this.menubarEl = (_a = this.el.closest('seki-menubar')) !== null && _a !== void 0 ? _a : undefined;
+        (_b = this.menubarEl) === null || _b === void 0 ? void 0 : _b.addEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     connectedCallback() {
         registerThemeSync(this.el);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
+        (_a = this.menubarEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('sekiOpenChange', this.onMenubarOpenChange);
     }
     render() {
-        return (h(Host, { key: 'f2e521d333074c6fbf9138c6df93d4e2755f94e7' }, h("button", { key: '8d4599c838568cc253b4c58e7ecd65f3c6b6855d', part: "trigger", type: "button", role: "menuitem", class: {
+        return (h(Host, { key: '03b877042dda1aa2c752bf3e8310c4673c337afc' }, h("button", { key: '6aaae36fe7dcb72653f681027eda9b379756b73b', part: "trigger", type: "button", role: "menuitem", class: {
                 'menubar-trigger': true,
                 'menubar-trigger--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '3a528fb597f00f9c3f740b248141286a0c02bfea' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "data-state": this._isOpen ? 'open' : 'closed', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '73e5a3d6a9293c39db703862147d662097d51820' }))));
     }
     get el() { return this; }
     static get style() { return sekiMenubarTriggerCss; }

package/dist/cdn/seki-menubar.js

@@ -109,7 +109,11 @@ const SekiMenubar$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar extends
         };
     }
     setupClickOutside() {
-        setTimeout(() => {
+        // Clear any pending timeout/handler first so a rapid open→close→open cannot
+        // leave a leaked listener or double-schedule.
+        this.removeClickOutside();
+        this.clickOutsideTimeout = setTimeout(() => {
+            this.clickOutsideTimeout = undefined;
             this.clickOutsideHandler = (e) => {
                 const path = e.composedPath();
                 if (!path.includes(this.el)) {
@@ -120,6 +124,11 @@ const SekiMenubar$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar extends
         }, 0);
     }
     removeClickOutside() {
+        // Cancel a still-pending registration so it can't fire after close/disconnect.
+        if (this.clickOutsideTimeout !== undefined) {
+            clearTimeout(this.clickOutsideTimeout);
+            this.clickOutsideTimeout = undefined;
+        }
         if (this.clickOutsideHandler) {
             document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
             this.clickOutsideHandler = undefined;
@@ -146,7 +155,7 @@ const SekiMenubar$1 = /*@__PURE__*/ proxyCustomElement(class SekiMenubar extends
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: '69b928f6070343e2f5a99430fad37aa194879194' }, h("div", { key: 'a0884fd8d9c2e4c51c83ccf9880ce01a5d54fc16', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: '81bead716c8144d58a656f6ea82a71a61ea2d509' }))));
+        return (h(Host, { key: '900d29f5d66cc3340d0855f964a93f6fbad6faf1' }, h("div", { key: 'ee5bcb93c4890e3dccbd5df39a0a395f61bd879d', part: "menubar", role: "menubar", class: "menubar" }, h("slot", { key: '72f9ce0e13a159d690f104798e2597d7582ee49d' }))));
     }
     get el() { return this; }
     static get style() { return sekiMenubarCss; }

package/dist/cdn/seki-navigation-menu-content.js

@@ -1,6 +1,7 @@
 import { p as proxyCustomElement, H, d as registerThemeSync, u as unregisterThemeSync, h, e as Host } from './p-DpCiMzzg.js';
+import { m as mirrorAncestorAttributes } from './p-BgtjDG0h.js';
 
-const sekiNavigationMenuContentCss = ":host{--content-width:auto;--content-columns:2;--content-min-width:200px;--content-max-width:600px;display:none}:host(.navigation-menu-content--open:not(.navigation-menu-content--mobile)){display:block}:host(.navigation-menu-content--mobile){display:none}:host-context(seki-navigation-menu-item.navigation-menu-item--mobile-expanded) :host(.navigation-menu-content--mobile){display:block}.navigation-menu-content__inner{min-width:var(--content-min-width);max-width:var(--content-max-width);width:var(--content-width);padding:var(--seki-spacing-2, 0.5rem)}:host(.navigation-menu-content--layout-list) .navigation-menu-content__inner{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}:host(.navigation-menu-content--layout-grid) .navigation-menu-content__inner{display:grid;grid-template-columns:repeat(var(--content-columns), 1fr);gap:var(--seki-spacing-3, 0.75rem)}:host(.navigation-menu-content--mobile) .navigation-menu-content__inner{min-width:unset;max-width:unset;width:100%;padding:var(--seki-spacing-2, 0.5rem) 0;padding-left:var(--seki-spacing-4, 1rem);border-left:2px solid var(--seki-border);margin-left:var(--seki-spacing-4, 1rem)}:host(.navigation-menu-content--mobile.navigation-menu-content--layout-grid) .navigation-menu-content__inner{grid-template-columns:1fr}";
+const sekiNavigationMenuContentCss = ":host{--content-width:auto;--content-columns:2;--content-min-width:200px;--content-max-width:600px;display:none}:host(.navigation-menu-content--open:not(.navigation-menu-content--mobile)){display:block}:host(.navigation-menu-content--mobile){display:none}:host([data-mobile-expanded].navigation-menu-content--mobile){display:block}.navigation-menu-content__inner{min-width:var(--content-min-width);max-width:var(--content-max-width);width:var(--content-width);padding:var(--seki-spacing-2, 0.5rem)}:host(.navigation-menu-content--layout-list) .navigation-menu-content__inner{display:flex;flex-direction:column;gap:var(--seki-spacing-1, 0.25rem)}:host(.navigation-menu-content--layout-grid) .navigation-menu-content__inner{display:grid;grid-template-columns:repeat(var(--content-columns), 1fr);gap:var(--seki-spacing-3, 0.75rem)}:host(.navigation-menu-content--mobile) .navigation-menu-content__inner{min-width:unset;max-width:unset;width:100%;padding:var(--seki-spacing-2, 0.5rem) 0;padding-left:var(--seki-spacing-4, 1rem);border-left:2px solid var(--seki-border);margin-left:var(--seki-spacing-4, 1rem)}:host(.navigation-menu-content--mobile.navigation-menu-content--layout-grid) .navigation-menu-content__inner{grid-template-columns:1fr}";
 
 const SekiNavigationMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiNavigationMenuContent extends H {
     constructor(registerHost) {
@@ -72,10 +73,14 @@ const SekiNavigationMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiN
     }
     connectedCallback() {
         registerThemeSync(this.el);
+        this.itemAttrMirror = mirrorAncestorAttributes(this.el, 'seki-navigation-menu-item', ['data-mobile-expanded']);
     }
     disconnectedCallback() {
+        var _a;
         unregisterThemeSync(this.el);
         this.cleanupContentInteractions();
+        (_a = this.itemAttrMirror) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.itemAttrMirror = undefined;
     }
     // =========================================================================
     // Watchers
@@ -205,13 +210,13 @@ const SekiNavigationMenuContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiN
         if (this.layout === 'grid') {
             customStyles['--content-columns'] = String(this.columns);
         }
-        return (h(Host, { key: '3ac376eb7a89b0051be8d32d52917ae8fa76ed63', class: {
+        return (h(Host, { key: 'bfc21c5185e5547f881b626cea1601f785e59aed', class: {
                 'navigation-menu-content': true,
                 'navigation-menu-content--open': this.isOpen,
                 'navigation-menu-content--mobile': this.isMobile,
                 [`navigation-menu-content--layout-${this.layout}`]: true,
                 [`navigation-menu-content--align-${this.align}`]: true,
-            }, style: customStyles }, h("div", { key: 'e11577bb89474433f31fb195999cbfc6b51c5af7', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: '863bf44d927def8b4ae4c306d8b41e8a169e8eaa' }))));
+            }, "data-mobile": this.isMobile ? '' : undefined, style: customStyles }, h("div", { key: 'c2b7defd5f2788357ac74928551e8dadfc4e538d', id: `content-${itemId}`, class: "navigation-menu-content__inner", role: "menu", "aria-labelledby": `trigger-${itemId}` }, h("slot", { key: 'd5041f39310854ec214b75e54a62a3626d29b883' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/cdn/seki-navigation-menu-item.js

@@ -98,12 +98,12 @@ const SekiNavigationMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiNavi
         return this.parentMenu;
     }
     render() {
-        return (h(Host, { key: '0a5551472dc486b00e5228e4dfc8aa1d61fa89b8', class: {
+        return (h(Host, { key: 'e806c978b9f7fafa2dcbf08e4ea59290bdb857e1', class: {
                 'navigation-menu-item': true,
                 'navigation-menu-item--open': this.isOpen,
                 'navigation-menu-item--mobile': this.isMobile,
                 'navigation-menu-item--mobile-expanded': this.mobileExpanded,
-            }, "data-item-id": this.itemId }, h("li", { key: '4bcd8edafa25aff059eb81933543239dbba486fe', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '93988867d4cd9f8d02af17a8f9569b213638cd6b' }))));
+            }, "data-item-id": this.itemId, "data-mobile-expanded": this.mobileExpanded ? '' : undefined }, h("li", { key: 'c5ad26eafb3efce7e4026a357ccddfa8c7cc7d89', class: "navigation-menu-item__container", role: "none" }, h("slot", { key: '2807adbb320822f01778e98e034707b6c2bf69dc' }))));
     }
     get el() { return this; }
     static get watchers() { return {