@sekiui/elements 0.0.87 → 0.0.88

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-label.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-separator.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-shortcut.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-sub.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-trigger.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/dropdown-menu/seki-dropdown-menu.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/empty/seki-empty.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field/seki-field.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field-description/seki-field-description.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field-error/seki-field-error.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field-group/seki-field-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field-label/seki-field-label.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/field-legend/seki-field-legend.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/fieldset/seki-fieldset.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/hover-card/seki-hover-card-content.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/hover-card/seki-hover-card-trigger.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/hover-card/seki-hover-card.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input/seki-input.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input-group/seki-input-addon.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);
@@ -815,7 +817,7 @@
   background: var(--seki-muted, hsl(0, 0%, 96.1%));
   border: 1px solid var(--seki-input-border, hsl(0, 0%, 89.8%));
   border-radius: var(--seki-input-radius, 0.375rem);
-  color: var(--seki-muted-foreground, hsl(0, 0%, 45.1%));
+  color: var(--seki-muted-foreground, hsl(0, 0%, 42%));
   font-family: var(--seki-font-sans);
   font-size: var(--seki-font-size-sm, 0.875rem);
   font-weight: var(--seki-font-weight-normal, 400);

package/dist/collection/components/input-group/seki-input-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input-otp/seki-input-otp-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input-otp/seki-input-otp-separator.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input-otp/seki-input-otp-slot.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/input-otp/seki-input-otp.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/kbd/seki-kbd.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/marker/seki-marker-content.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);
@@ -810,7 +812,7 @@
   --seki-marker-content-font-size: var(--seki-font-size-sm, 0.875rem);
   --seki-marker-content-font-weight: var(--seki-font-weight-normal, 400);
   --seki-marker-content-line-height: var(--seki-line-height-tight, 1.25);
-  --seki-marker-content-color: var(--seki-muted-foreground, hsl(0, 0%, 45.1%));
+  --seki-marker-content-color: var(--seki-muted-foreground, hsl(0, 0%, 42%));
   --seki-marker-content-shimmer-highlight: var(--seki-foreground, hsl(0, 0%, 9%));
 }
 

package/dist/collection/components/marker/seki-marker-icon.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/marker/seki-marker.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-checkbox.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-content.css

@@ -70,7 +70,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-content.js

@@ -1,7 +1,7 @@
 // src/components/menubar/seki-menubar-content.tsx
 import { h, Host } from "@stencil/core";
 import { syncTheme } from "../../utils/theme-sync";
-import { computeAnchoredPosition } from "../../utils/positioning";
+import { computeAnchoredPosition, getAnchorRect } from "../../utils/positioning";
 /**
  * Menubar content - dropdown content container
  *
@@ -145,7 +145,10 @@ export class SekiMenubarContent {
         const trigger = menu === null || menu === void 0 ? void 0 : menu.querySelector('seki-menubar-trigger');
         if (!trigger || !this.contentRef)
             return;
-        const triggerRect = trigger.getBoundingClientRect();
+        // seki-menubar-trigger's host is `display: contents`, so measure its box.
+        const triggerRect = getAnchorRect(trigger);
+        if (!triggerRect)
+            return;
         const contentRect = this.contentRef.getBoundingClientRect();
         const { top, left } = computeAnchoredPosition(triggerRect, contentRect, {
             side: this.side,

package/dist/collection/components/menubar/seki-menubar-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-item.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-menu.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-menu.js

@@ -15,8 +15,15 @@ export class SekiMenubarMenu {
         return menubar ? menubar._menubarContext : null;
     }
     componentWillLoad() {
+        if (!this.menuId) {
+            this.menuId = `seki-menubar-menu-${++SekiMenubarMenu.instanceCount}`;
+            // Write the attribute now rather than waiting for `reflect` to flush on
+            // render: seki-menubar's focusTrigger() looks the menu up with a
+            // `[menu-id="…"]` selector, and children read it off the DOM.
+            this.el.setAttribute('menu-id', this.menuId);
+        }
         const context = this.getContext();
-        if (context && this.menuId) {
+        if (context) {
             context.registerMenu(this.menuId);
         }
     }
@@ -30,7 +37,7 @@ export class SekiMenubarMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'b146d8ab399acb1a97c70b2b585b59cc38475c82' }, h("div", { key: '9d0b5cdef445bc19a50a453156ac07007fef1d64', part: "menu", class: "menubar-menu" }, h("slot", { key: 'ba408ca6a8580638344808ed4b60245071afb644' }))));
+        return (h(Host, { key: '6ee0fb6b64c3b707386e451f9a8c9cdcfa9aab2e' }, h("div", { key: 'c17873fc0db58a19e474f8c92707015fdab3885b', part: "menu", class: "menubar-menu" }, h("slot", { key: '6388e0bf551b737bfdf55faae156f4b73b40d6c7' }))));
     }
     static get is() { return "seki-menubar-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -48,17 +55,17 @@ export class SekiMenubarMenu {
         return {
             "menuId": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Unique identifier for this menu"
+                    "text": "Unique identifier for this menu. Optional: when omitted, one is generated\nand reflected onto the host. Requiring the author to supply it made every\nplain-HTML menubar inert, because the trigger resolves its menu through\n`closest('seki-menubar-menu').getAttribute('menu-id')` and bailed on null."
                 },
                 "getter": false,
                 "setter": false,
@@ -69,3 +76,5 @@ export class SekiMenubarMenu {
     }
     static get elementRef() { return "el"; }
 }
+/** Backs the auto-generated menu-id fallback below. */
+SekiMenubarMenu.instanceCount = 0;

package/dist/collection/components/menubar/seki-menubar-radio-group.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-radio.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-separator.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-shortcut.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-sub-content.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-sub-content.js

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { syncTheme } from "../../utils/theme-sync";
+import { getAnchorRect } from "../../utils/positioning";
 /**
  * Menubar sub content - submenu content container
  *
@@ -36,7 +37,10 @@ export class SekiMenubarSubContent {
     checkPosition() {
         const sub = this.el.closest('seki-menubar-sub');
         if (sub) {
-            const rect = sub.getBoundingClientRect();
+            // seki-menubar-sub's host is `display: contents`, so measure its rendered box.
+            const rect = getAnchorRect(sub);
+            if (!rect)
+                return;
             const spaceOnRight = window.innerWidth - rect.right;
             this._openToLeft = spaceOnRight < 200;
         }

package/dist/collection/components/menubar/seki-menubar-sub-trigger.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-sub.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);

package/dist/collection/components/menubar/seki-menubar-trigger.css

@@ -69,7 +69,9 @@
 
   /* Muted */
   --seki-muted: hsl(0, 0%, 96.1%);
-  --seki-muted-foreground: hsl(0, 0%, 45.1%);
+  /* 42% (not shadcn's 45.1%) so --seki-muted-foreground on --seki-muted reaches
+     4.89:1, clearing WCAG AA's 4.5:1 for normal text. See issue #293. */
+  --seki-muted-foreground: hsl(0, 0%, 42%);
 
   /* Card */
   --seki-card: hsl(0, 0%, 100%);