@sekiui/elements 0.0.59 → 0.0.60

package/dist/components/seki-sidebar-menu-badge.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
+
+const sekiSidebarMenuCss = ":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{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--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(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--sidebar-background:var(--seki-sidebar-background);--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-primary:var(--seki-sidebar-primary);--sidebar-primary-foreground:var(--seki-sidebar-primary-foreground);--sidebar-accent:var(--seki-sidebar-accent);--sidebar-accent-foreground:var(--seki-sidebar-accent-foreground);--sidebar-border:var(--seki-sidebar-border);--sidebar-ring:var(--seki-sidebar-ring);display:block}.sidebar-menu{display:flex;flex-direction:column;gap:0.25rem;list-style:none;margin:0;padding:0}.sidebar-menu-item{position:relative;list-style:none;margin:0}.sidebar-menu-button{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-foreground);background:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;text-align:left;text-decoration:none}.sidebar-menu-button-content{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;overflow:hidden}.sidebar-menu-button:hover:not(:disabled):not([aria-disabled='true']){background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-button--active,.sidebar-menu-button[data-active='true']{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:var(--seki-font-weight-medium, 500)}.sidebar-menu-button:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-button:disabled,.sidebar-menu-button[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}.sidebar-menu-button--default{min-height:2rem;padding:0.5rem 0.5rem}.sidebar-menu-button--sm{min-height:1.75rem;padding:0.25rem 0.5rem;font-size:var(--seki-font-size-xs, 0.75rem)}.sidebar-menu-button--lg{min-height:3rem;padding:0.75rem 0.75rem;font-size:var(--seki-font-size-base, 1rem)}.sidebar-menu-button--outline{background:transparent;border:1px solid var(--sidebar-border);box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}.sidebar-menu-button--outline:hover:not(:disabled){background-color:var(--sidebar-accent)}.sidebar-menu-button--icon-mode{justify-content:center;padding:0.5rem}.sidebar-menu-button--icon-mode .sidebar-menu-button-content{justify-content:center}.sidebar-menu-button--icon-mode .sidebar-menu-button-content ::slotted(*:not(:first-child)){display:none}.sidebar-menu-button ::slotted(svg),.sidebar-menu-button ::slotted([slot='icon']){width:1rem;height:1rem;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sidebar-menu-action{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:0.25rem;color:var(--sidebar-foreground);cursor:pointer;opacity:0;transition:opacity 0.15s ease-in-out, background-color 0.15s ease-in-out}.sidebar-menu-item:hover .sidebar-menu-action,.sidebar-menu-button[data-active='true']~.sidebar-menu-action,.sidebar-menu-action:focus{opacity:1}.sidebar-menu-action:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-action:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-action--show-on-hover{opacity:0}.sidebar-menu-item:hover .sidebar-menu-action--show-on-hover{opacity:1}.sidebar-menu-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:1;border-radius:var(--seki-radius-md, 0.375rem);background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground);margin-left:auto}.sidebar-menu-skeleton{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem;height:2rem}.sidebar-menu-skeleton-icon{width:1rem;height:1rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.sidebar-menu-skeleton-text{flex:1;height:0.75rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";
+
+const SekiSidebarMenuBadge$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuBadge extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("span", { key: 'de0e83b8a43a253b1bf940818a0c4e6156551fd6', class: "sidebar-menu-badge" }, h("slot", { key: 'c08b119a846d8e908e10874c9187e17dc592ecd7' })));
+    }
+    static get style() { return sekiSidebarMenuCss; }
+}, [257, "seki-sidebar-menu-badge"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-menu-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-menu-badge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarMenuBadge$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarMenuBadge = SekiSidebarMenuBadge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarMenuBadge, defineCustomElement };

package/dist/components/seki-sidebar-menu-button.d.ts

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

package/dist/components/seki-sidebar-menu-button.js

@@ -0,0 +1,109 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
+
+const sekiSidebarMenuCss = ":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{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--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(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--sidebar-background:var(--seki-sidebar-background);--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-primary:var(--seki-sidebar-primary);--sidebar-primary-foreground:var(--seki-sidebar-primary-foreground);--sidebar-accent:var(--seki-sidebar-accent);--sidebar-accent-foreground:var(--seki-sidebar-accent-foreground);--sidebar-border:var(--seki-sidebar-border);--sidebar-ring:var(--seki-sidebar-ring);display:block}.sidebar-menu{display:flex;flex-direction:column;gap:0.25rem;list-style:none;margin:0;padding:0}.sidebar-menu-item{position:relative;list-style:none;margin:0}.sidebar-menu-button{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-foreground);background:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;text-align:left;text-decoration:none}.sidebar-menu-button-content{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;overflow:hidden}.sidebar-menu-button:hover:not(:disabled):not([aria-disabled='true']){background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-button--active,.sidebar-menu-button[data-active='true']{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:var(--seki-font-weight-medium, 500)}.sidebar-menu-button:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-button:disabled,.sidebar-menu-button[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}.sidebar-menu-button--default{min-height:2rem;padding:0.5rem 0.5rem}.sidebar-menu-button--sm{min-height:1.75rem;padding:0.25rem 0.5rem;font-size:var(--seki-font-size-xs, 0.75rem)}.sidebar-menu-button--lg{min-height:3rem;padding:0.75rem 0.75rem;font-size:var(--seki-font-size-base, 1rem)}.sidebar-menu-button--outline{background:transparent;border:1px solid var(--sidebar-border);box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}.sidebar-menu-button--outline:hover:not(:disabled){background-color:var(--sidebar-accent)}.sidebar-menu-button--icon-mode{justify-content:center;padding:0.5rem}.sidebar-menu-button--icon-mode .sidebar-menu-button-content{justify-content:center}.sidebar-menu-button--icon-mode .sidebar-menu-button-content ::slotted(*:not(:first-child)){display:none}.sidebar-menu-button ::slotted(svg),.sidebar-menu-button ::slotted([slot='icon']){width:1rem;height:1rem;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sidebar-menu-action{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:0.25rem;color:var(--sidebar-foreground);cursor:pointer;opacity:0;transition:opacity 0.15s ease-in-out, background-color 0.15s ease-in-out}.sidebar-menu-item:hover .sidebar-menu-action,.sidebar-menu-button[data-active='true']~.sidebar-menu-action,.sidebar-menu-action:focus{opacity:1}.sidebar-menu-action:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-action:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-action--show-on-hover{opacity:0}.sidebar-menu-item:hover .sidebar-menu-action--show-on-hover{opacity:1}.sidebar-menu-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:1;border-radius:var(--seki-radius-md, 0.375rem);background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground);margin-left:auto}.sidebar-menu-skeleton{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem;height:2rem}.sidebar-menu-skeleton-icon{width:1rem;height:1rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.sidebar-menu-skeleton-text{flex:1;height:0.75rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";
+
+const SekiSidebarMenuButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuButton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Whether the menu button is active
+         */
+        this.active = false;
+        /**
+         * Whether the menu button is disabled
+         */
+        this.disabled = false;
+        /**
+         * Size variant: 'default' | 'sm' | 'lg'
+         */
+        this.size = 'default';
+        /**
+         * Button variant: 'default' | 'outline'
+         */
+        this.variant = 'default';
+        /**
+         * Whether to render as a tooltip trigger (for icon-only mode)
+         */
+        this.tooltip = false;
+        this._isIconMode = false;
+    }
+    componentWillLoad() {
+        this.syncWithProvider();
+    }
+    async syncWithProvider() {
+        const provider = document.querySelector('seki-sidebar-provider');
+        if (provider) {
+            const state = await provider.getState();
+            this._isIconMode = !state.open && !state.isMobile;
+        }
+    }
+    handleStateChange(event) {
+        // Icon mode is when sidebar is closed on desktop
+        this._isIconMode = !event.detail.open && !event.detail.isMobile;
+    }
+    render() {
+        const hasHref = this.href || this.el.hasAttribute('href');
+        const Tag = hasHref ? 'a' : 'button';
+        const buttonProps = {
+            class: {
+                'sidebar-menu-button': true,
+                'sidebar-menu-button--active': this.active,
+                'sidebar-menu-button--disabled': this.disabled,
+                [`sidebar-menu-button--${this.size}`]: true,
+                [`sidebar-menu-button--${this.variant}`]: true,
+                'sidebar-menu-button--icon-mode': this._isIconMode,
+            },
+            role: 'menuitem',
+            'data-active': this.active ? 'true' : 'false',
+            'data-size': this.size,
+            'data-variant': this.variant,
+            'aria-disabled': this.disabled ? 'true' : undefined,
+        };
+        if (Tag === 'button') {
+            buttonProps.disabled = this.disabled;
+            buttonProps.type = 'button';
+        }
+        else {
+            buttonProps.href = this.href;
+            if (this.disabled) {
+                buttonProps['aria-disabled'] = 'true';
+                buttonProps.tabIndex = -1;
+            }
+        }
+        return (h(Tag, Object.assign({ key: 'ff2b5cbf1f6fced3e046eaaf80e70bc0b859ea5a' }, buttonProps), h("span", { key: '29b4c388b7ca48cca7ae18a2ba14e8e1dacf7afc', class: "sidebar-menu-button-content" }, h("slot", { key: '03f87497ae258c248fcfdbd1a0e3bd531e5f3ea2' })), this._isIconMode && this.tooltipText && (h("span", { key: '1dbafc69b2c7674310f057e146f2efe9913729bb', class: "sr-only" }, this.tooltipText))));
+    }
+    get el() { return this; }
+    static get style() { return sekiSidebarMenuCss; }
+}, [257, "seki-sidebar-menu-button", {
+        "active": [516],
+        "disabled": [4],
+        "size": [1],
+        "variant": [1],
+        "tooltip": [4],
+        "tooltipText": [1, "tooltip-text"],
+        "href": [1],
+        "_isIconMode": [32]
+    }, [[8, "sekiSidebarStateChange", "handleStateChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-menu-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-menu-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarMenuButton$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarMenuButton = SekiSidebarMenuButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarMenuButton, defineCustomElement };

package/dist/components/seki-sidebar-menu-item.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BU1kuAZS.js';
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
 
-const sekiSidebarMenuItemCss = ".sc-seki-sidebar-menu-item-h{display:block;width:100%}.item-wrapper.sc-seki-sidebar-menu-item{display:flex;list-style:none;margin:0;padding:0;width:100%}.item-content.sc-seki-sidebar-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--sidebar-gap, 0.5rem);width:100%;padding:var(--sidebar-item-padding, 0.5rem 0.75rem);text-decoration:none;color:var(--sidebar-item-foreground, var(--seki-color-text));background-color:transparent;border:none;border-radius:var(--sidebar-radius-sm, 0.25rem);cursor:pointer;transition:width 200ms ease-linear, height 200ms ease-linear, padding 200ms ease-linear;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-weight-medium);font-family:var(--seki-font-sans);line-height:1.25rem}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{color:var(--sidebar-item-foreground-dark, #f1f5f9)}.item-content.sc-seki-sidebar-menu-item:hover:not([aria-disabled=\"true\"]){background-color:var(--sidebar-item-hover-bg, #f3f4f6);color:var(--sidebar-item-hover-foreground, #111827)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item:hover:not([aria-disabled=\"true\"]){background-color:var(--sidebar-item-hover-bg-dark, #27272a);color:var(--sidebar-item-hover-foreground-dark, #fafafa)}.item-content.sc-seki-sidebar-menu-item:focus-visible{outline:2px solid var(--sidebar-primary, #3b82f6);outline-offset:-2px}[data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{background-color:var(--sidebar-item-active-bg, #e0e7ff);color:var(--sidebar-item-active-foreground, #1e40af);font-weight:600}[data-theme=\"dark\"][data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{background-color:var(--sidebar-item-active-bg-dark, #312e81);color:var(--sidebar-item-active-foreground-dark, #c7d2fe)}[data-disabled=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{opacity:0.5;cursor:not-allowed;pointer-events:none}.item-icon.sc-seki-sidebar-menu-item{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;font-size:1rem;color:inherit}.item-label.sc-seki-sidebar-menu-item{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge.sc-seki-sidebar-menu-item{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;border-radius:var(--sidebar-radius-sm, 0.25rem);flex-shrink:0;margin-left:auto;font-size:var(--seki-font-size-xs);font-weight:var(--seki-font-weight-semibold);font-family:var(--seki-font-sans)}.badge-default.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-bg, #dbeafe);color:var(--sidebar-badge-foreground, #1e40af)}.badge-secondary.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-secondary-bg, #e5e7eb);color:var(--sidebar-badge-secondary-foreground, #374151)}.badge-destructive.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-destructive-bg, #fee2e2);color:var(--sidebar-badge-destructive-foreground, #991b1b)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-default.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-bg-dark, #1e3a8a);color:var(--sidebar-badge-foreground-dark, #93c5fd)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-secondary.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-secondary-bg-dark, #3f3f46);color:var(--sidebar-badge-secondary-foreground-dark, #d4d4d8)}[data-theme=\"dark\"].sc-seki-sidebar-menu-item-h .badge-destructive.sc-seki-sidebar-menu-item{background-color:var(--sidebar-badge-destructive-bg-dark, #7f1d1d);color:var(--sidebar-badge-destructive-foreground-dark, #fca5a5)}@media print{[data-active=\"true\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{text-decoration:underline;font-weight:bold}}@media (prefers-contrast: more){.item-content.sc-seki-sidebar-menu-item{border:1px solid transparent}.item-content.sc-seki-sidebar-menu-item:focus-visible{border-color:var(--sidebar-primary, #3b82f6)}}@media (prefers-reduced-motion: reduce){.item-content.sc-seki-sidebar-menu-item{transition:none}}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item{margin-left:-0.5rem;opacity:0;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-badge.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-badge.sc-seki-sidebar-menu-item{margin-left:-0.5rem;opacity:0;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-content.sc-seki-sidebar-menu-item{justify-content:center;padding:0.5rem}seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"].sc-seki-sidebar-menu-item-h .item-icon.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"closed\"][data-collapse-mode=\"icon\"] .sc-seki-sidebar-menu-item-h .item-icon.sc-seki-sidebar-menu-item{width:1rem;height:1rem}seki-sidebar[data-state=\"open\"].sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar[data-state=\"open\"] .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item,seki-sidebar.sc-seki-sidebar-menu-item-h:not([data-state=\"closed\"]) .item-label.sc-seki-sidebar-menu-item,seki-sidebar:not([data-state=\"closed\"]) .sc-seki-sidebar-menu-item-h .item-label.sc-seki-sidebar-menu-item{margin-left:0;opacity:1;transition:margin-left 200ms ease-linear, opacity 200ms ease-linear}";
+const sekiSidebarMenuCss = ":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{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--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(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--sidebar-background:var(--seki-sidebar-background);--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-primary:var(--seki-sidebar-primary);--sidebar-primary-foreground:var(--seki-sidebar-primary-foreground);--sidebar-accent:var(--seki-sidebar-accent);--sidebar-accent-foreground:var(--seki-sidebar-accent-foreground);--sidebar-border:var(--seki-sidebar-border);--sidebar-ring:var(--seki-sidebar-ring);display:block}.sidebar-menu{display:flex;flex-direction:column;gap:0.25rem;list-style:none;margin:0;padding:0}.sidebar-menu-item{position:relative;list-style:none;margin:0}.sidebar-menu-button{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-foreground);background:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;text-align:left;text-decoration:none}.sidebar-menu-button-content{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;overflow:hidden}.sidebar-menu-button:hover:not(:disabled):not([aria-disabled='true']){background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-button--active,.sidebar-menu-button[data-active='true']{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:var(--seki-font-weight-medium, 500)}.sidebar-menu-button:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-button:disabled,.sidebar-menu-button[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}.sidebar-menu-button--default{min-height:2rem;padding:0.5rem 0.5rem}.sidebar-menu-button--sm{min-height:1.75rem;padding:0.25rem 0.5rem;font-size:var(--seki-font-size-xs, 0.75rem)}.sidebar-menu-button--lg{min-height:3rem;padding:0.75rem 0.75rem;font-size:var(--seki-font-size-base, 1rem)}.sidebar-menu-button--outline{background:transparent;border:1px solid var(--sidebar-border);box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}.sidebar-menu-button--outline:hover:not(:disabled){background-color:var(--sidebar-accent)}.sidebar-menu-button--icon-mode{justify-content:center;padding:0.5rem}.sidebar-menu-button--icon-mode .sidebar-menu-button-content{justify-content:center}.sidebar-menu-button--icon-mode .sidebar-menu-button-content ::slotted(*:not(:first-child)){display:none}.sidebar-menu-button ::slotted(svg),.sidebar-menu-button ::slotted([slot='icon']){width:1rem;height:1rem;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sidebar-menu-action{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:0.25rem;color:var(--sidebar-foreground);cursor:pointer;opacity:0;transition:opacity 0.15s ease-in-out, background-color 0.15s ease-in-out}.sidebar-menu-item:hover .sidebar-menu-action,.sidebar-menu-button[data-active='true']~.sidebar-menu-action,.sidebar-menu-action:focus{opacity:1}.sidebar-menu-action:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-action:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-action--show-on-hover{opacity:0}.sidebar-menu-item:hover .sidebar-menu-action--show-on-hover{opacity:1}.sidebar-menu-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:1;border-radius:var(--seki-radius-md, 0.375rem);background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground);margin-left:auto}.sidebar-menu-skeleton{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem;height:2rem}.sidebar-menu-skeleton-icon{width:1rem;height:1rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.sidebar-menu-skeleton-text{flex:1;height:0.75rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";
 
 const SekiSidebarMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuItem extends H {
     constructor(registerHost) {
@@ -8,177 +8,13 @@ const SekiSidebarMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebar
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.navigate = createEvent(this, "navigate");
-        /**
-         * Disable interaction
-         * @type {boolean}
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Highlight as current page
-         * @type {boolean}
-         * @default false
-         */
-        this.isActive = false;
-        /**
-         * ARIA current value for active items
-         * @type {string}
-         */
-        this.ariaCurrentValue = 'page';
-        /**
-         * Handle item click
-         */
-        this.handleClick = () => {
-            if (this.disabled) {
-                return;
-            }
-            if (this.href) {
-                this.navigate.emit({
-                    href: this.href,
-                    target: this.target,
-                });
-            }
-        };
-        /**
-         * Handle keyboard navigation
-         * - Enter/Space: activate item
-         * - ArrowDown: focus next menu item
-         * - ArrowUp: focus previous menu item
-         * - ArrowRight: expand parent submenu (if collapsed)
-         * - ArrowLeft: collapse parent submenu (if expanded)
-         * - Home: focus first menu item
-         * - End: focus last menu item
-         */
-        this.handleKeyDown = (event) => {
-            if (this.disabled) {
-                return;
-            }
-            switch (event.key) {
-                case 'Enter':
-                case ' ':
-                    event.preventDefault();
-                    this.handleClick();
-                    break;
-                case 'ArrowDown':
-                    event.preventDefault();
-                    this.focusNextItem();
-                    break;
-                case 'ArrowUp':
-                    event.preventDefault();
-                    this.focusPreviousItem();
-                    break;
-                case 'ArrowRight':
-                    event.preventDefault();
-                    this.expandParentSubmenu();
-                    break;
-                case 'ArrowLeft':
-                    event.preventDefault();
-                    this.collapseParentSubmenu();
-                    break;
-                case 'Home':
-                    event.preventDefault();
-                    this.focusFirstItem();
-                    break;
-                case 'End':
-                    event.preventDefault();
-                    this.focusLastItem();
-                    break;
-            }
-        };
-        /**
-         * Focus next menu item in the menu
-         */
-        this.focusNextItem = () => {
-            const currentItem = this.el;
-            const items = this.getEnabledItems();
-            const currentIndex = items.indexOf(currentItem);
-            if (currentIndex >= 0 && currentIndex < items.length - 1) {
-                items[currentIndex + 1].focus();
-            }
-        };
-        /**
-         * Focus previous menu item in the menu
-         */
-        this.focusPreviousItem = () => {
-            const currentItem = this.el;
-            const items = this.getEnabledItems();
-            const currentIndex = items.indexOf(currentItem);
-            if (currentIndex > 0) {
-                items[currentIndex - 1].focus();
-            }
-        };
-        /**
-         * Focus first menu item in the menu
-         */
-        this.focusFirstItem = () => {
-            const items = this.getEnabledItems();
-            if (items.length > 0) {
-                items[0].focus();
-            }
-        };
-        /**
-         * Focus last menu item in the menu
-         */
-        this.focusLastItem = () => {
-            const items = this.getEnabledItems();
-            if (items.length > 0) {
-                items[items.length - 1].focus();
-            }
-        };
-        /**
-         * Expand parent submenu if collapsed
-         */
-        this.expandParentSubmenu = () => {
-            var _a;
-            const parent = this.el.closest('seki-sidebar-menu-sub');
-            if (parent && parent.isCollapsed) {
-                (_a = parent.setCollapsed) === null || _a === void 0 ? void 0 : _a.call(parent, false);
-            }
-        };
-        /**
-         * Collapse parent submenu if expanded
-         */
-        this.collapseParentSubmenu = () => {
-            var _a;
-            const parent = this.el.closest('seki-sidebar-menu-sub');
-            if (parent && !parent.isCollapsed) {
-                (_a = parent.setCollapsed) === null || _a === void 0 ? void 0 : _a.call(parent, true);
-            }
-        };
-    }
-    /**
-     * Get all enabled menu items
-     */
-    getEnabledItems() {
-        const currentItem = this.el;
-        const parent = currentItem.parentElement;
-        if (!parent)
-            return [];
-        return Array.from(parent.querySelectorAll('seki-sidebar-menu-item')).filter((item) => {
-            const element = item;
-            return !element.disabled;
-        });
+        this.__attachShadow();
     }
-    /**
-     * Render the component
-     */
     render() {
-        const Element = this.href ? 'a' : 'button';
-        const isAriaButton = !this.href;
-        return (h(Host, { key: '78b181eedfa609c2a61a6a14ff58830d4310b921', "data-active": this.isActive, "data-disabled": this.disabled }, h("li", { key: '11be63adc450617466f0646a8e38c0b29cceb23f', class: "item-wrapper" }, h(Element, { key: '6fd60f8a87973df75a44dcad3e4e162c56aab4ba', class: "item-content", href: this.href, target: this.target, disabled: isAriaButton && this.disabled, role: isAriaButton ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.isActive ? this.ariaCurrentValue : undefined, "aria-label": this.ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'f689b3bb789a4efdd4b9cb9d4c00d27a10c7edab', class: "item-icon" }, h("slot", { key: '0c998b390f9010f9e6877f6d5a8ecb8c71866926', name: "icon" })), h("span", { key: '8dbe7143085361aeefb031cac580df6fbd5868a4', class: "item-label" }, h("slot", { key: 'dbf40e4a1a70f57cbc92131af942926eec49e99e' })), this.badge && (h("span", { key: '74c4726252d2faec5a443f2d8756b9307b372ea7', class: `item-badge badge-${this.badge.variant || 'default'}`, "aria-label": this.badge.text }, this.badge.text))))));
+        return (h("li", { key: '70483eac0087b4b5f5fbe08253846476fdc58379', class: "sidebar-menu-item", role: "none" }, h("slot", { key: '332f3c8772ad00a154479e10b1d6dce30c7262b5' })));
     }
-    get el() { return this; }
-    static get style() { return sekiSidebarMenuItemCss; }
-}, [262, "seki-sidebar-menu-item", {
-        "href": [1],
-        "target": [1],
-        "disabled": [516],
-        "isActive": [516, "is-active"],
-        "badge": [16],
-        "ariaLabel": [1, "aria-label"],
-        "ariaCurrentValue": [1, "aria-current-value"]
-    }]);
+    static get style() { return sekiSidebarMenuCss; }
+}, [257, "seki-sidebar-menu-item"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/seki-sidebar-menu-skeleton.d.ts

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

package/dist/components/seki-sidebar-menu-skeleton.js

@@ -0,0 +1,42 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
+
+const sekiSidebarMenuCss = ":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{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--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(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--sidebar-background:var(--seki-sidebar-background);--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-primary:var(--seki-sidebar-primary);--sidebar-primary-foreground:var(--seki-sidebar-primary-foreground);--sidebar-accent:var(--seki-sidebar-accent);--sidebar-accent-foreground:var(--seki-sidebar-accent-foreground);--sidebar-border:var(--seki-sidebar-border);--sidebar-ring:var(--seki-sidebar-ring);display:block}.sidebar-menu{display:flex;flex-direction:column;gap:0.25rem;list-style:none;margin:0;padding:0}.sidebar-menu-item{position:relative;list-style:none;margin:0}.sidebar-menu-button{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-sm, 0.875rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-foreground);background:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;text-align:left;text-decoration:none}.sidebar-menu-button-content{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;overflow:hidden}.sidebar-menu-button:hover:not(:disabled):not([aria-disabled='true']){background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-button--active,.sidebar-menu-button[data-active='true']{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:var(--seki-font-weight-medium, 500)}.sidebar-menu-button:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-button:disabled,.sidebar-menu-button[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}.sidebar-menu-button--default{min-height:2rem;padding:0.5rem 0.5rem}.sidebar-menu-button--sm{min-height:1.75rem;padding:0.25rem 0.5rem;font-size:var(--seki-font-size-xs, 0.75rem)}.sidebar-menu-button--lg{min-height:3rem;padding:0.75rem 0.75rem;font-size:var(--seki-font-size-base, 1rem)}.sidebar-menu-button--outline{background:transparent;border:1px solid var(--sidebar-border);box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}.sidebar-menu-button--outline:hover:not(:disabled){background-color:var(--sidebar-accent)}.sidebar-menu-button--icon-mode{justify-content:center;padding:0.5rem}.sidebar-menu-button--icon-mode .sidebar-menu-button-content{justify-content:center}.sidebar-menu-button--icon-mode .sidebar-menu-button-content ::slotted(*:not(:first-child)){display:none}.sidebar-menu-button ::slotted(svg),.sidebar-menu-button ::slotted([slot='icon']){width:1rem;height:1rem;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sidebar-menu-action{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:0.25rem;color:var(--sidebar-foreground);cursor:pointer;opacity:0;transition:opacity 0.15s ease-in-out, background-color 0.15s ease-in-out}.sidebar-menu-item:hover .sidebar-menu-action,.sidebar-menu-button[data-active='true']~.sidebar-menu-action,.sidebar-menu-action:focus{opacity:1}.sidebar-menu-action:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-action:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-action--show-on-hover{opacity:0}.sidebar-menu-item:hover .sidebar-menu-action--show-on-hover{opacity:1}.sidebar-menu-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:1;border-radius:var(--seki-radius-md, 0.375rem);background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground);margin-left:auto}.sidebar-menu-skeleton{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.5rem;height:2rem}.sidebar-menu-skeleton-icon{width:1rem;height:1rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.sidebar-menu-skeleton-text{flex:1;height:0.75rem;border-radius:0.25rem;background-color:var(--sidebar-accent);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";
+
+const SekiSidebarMenuSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuSkeleton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Whether to show an icon skeleton
+         */
+        this.showIcon = false;
+    }
+    render() {
+        return (h("div", { key: '39bc1b85f70f1c46ce5df5975284dcce5e23e3c2', class: "sidebar-menu-skeleton" }, this.showIcon && h("div", { key: '49cbfeb516814e9150176440001f102eed8165b7', class: "sidebar-menu-skeleton-icon" }), h("div", { key: 'ba1d25a8d8d8051b1ada50edcf254a1625681eb4', class: "sidebar-menu-skeleton-text" })));
+    }
+    static get style() { return sekiSidebarMenuCss; }
+}, [257, "seki-sidebar-menu-skeleton", {
+        "showIcon": [4, "show-icon"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-menu-skeleton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-menu-skeleton":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarMenuSkeleton$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarMenuSkeleton = SekiSidebarMenuSkeleton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarMenuSkeleton, defineCustomElement };

package/dist/components/seki-sidebar-menu-sub-button.d.ts

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

package/dist/components/seki-sidebar-menu-sub-button.js

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, h } from './p-D2lrrniN.js';
+
+const sekiSidebarMenuSubCss = ":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{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--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(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--sidebar-foreground:var(--seki-sidebar-foreground);--sidebar-accent:var(--seki-sidebar-accent);--sidebar-accent-foreground:var(--seki-sidebar-accent-foreground);--sidebar-border:var(--seki-sidebar-border);--sidebar-ring:var(--seki-sidebar-ring);display:block}.sidebar-menu-sub{display:flex;flex-direction:column}.sidebar-menu-sub-trigger{position:relative;display:flex;align-items:center}.sidebar-menu-sub-trigger ::slotted(*){flex:1}.sidebar-menu-sub-chevron{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--sidebar-foreground);opacity:0.5;transition:transform 200ms ease-in-out;pointer-events:none}.sidebar-menu-sub-chevron--open{transform:translateY(-50%) rotate(90deg)}.sidebar-menu-sub-content{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0 0 0 1rem;list-style:none;overflow:hidden;border-left:1px solid var(--sidebar-border);margin-left:0.75rem;margin-top:0.125rem}.sidebar-menu-sub-content--animating{transition:height 200ms ease-in-out}.sidebar-menu-sub-content--open{}.sidebar-menu-sub-item{list-style:none;margin:0}.sidebar-menu-sub-button{display:flex;align-items:center;gap:0.5rem;width:100%;min-height:1.75rem;padding:0.25rem 0.5rem;font-family:var(--seki-font-sans, system-ui, sans-serif);font-size:var(--seki-font-size-xs, 0.75rem);font-weight:var(--seki-font-weight-medium, 500);line-height:var(--seki-line-height-tight, 1.25);color:var(--sidebar-foreground);background:transparent;border:none;border-radius:var(--seki-radius-md, 0.375rem);cursor:pointer;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;text-align:left;text-decoration:none}.sidebar-menu-sub-button:hover:not(:disabled){background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-sub-button--active,.sidebar-menu-sub-button[data-active='true']{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-menu-sub-button:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}.sidebar-menu-sub-button:disabled{opacity:0.5;cursor:not-allowed}";
+
+const SekiSidebarMenuSubButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiSidebarMenuSubButton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Whether the submenu button is active
+         */
+        this.active = false;
+        /**
+         * Whether the submenu button is disabled
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (h("button", { key: 'bbc099eaf9b18fb44f0c144238340e8e04648cc1', class: {
+                'sidebar-menu-sub-button': true,
+                'sidebar-menu-sub-button--active': this.active,
+            }, disabled: this.disabled, type: "button", role: "menuitem" }, h("slot", { key: 'bcdbdcd57b4581fc15a9ae39e5083fe3e5d17c90' })));
+    }
+    static get style() { return sekiSidebarMenuSubCss; }
+}, [257, "seki-sidebar-menu-sub-button", {
+        "active": [516],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-sidebar-menu-sub-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-sidebar-menu-sub-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiSidebarMenuSubButton$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SekiSidebarMenuSubButton = SekiSidebarMenuSubButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SekiSidebarMenuSubButton, defineCustomElement };