@furystack/shades-common-components 13.5.0 → 15.0.0

package/esm/themes/sith-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"sith-theme.js","sourceRoot":"","sources":["../../src/themes/sith-theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sith-theme.js","sourceRoot":"","sources":["../../src/themes/sith-theme.ts"],"names":[],"mappings":"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"}

package/esm/themes/vault-dweller-theme.d.ts

@@ -31,6 +31,7 @@ export declare const vaultDwellerTheme: {
         selectedBackground: string;
         activeBackground: string;
         focusRing: string;
+        focusOutline: string;
         disabledOpacity: string;
         backdrop: string;
         subtleBorder: string;

package/esm/themes/vault-dweller-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vault-dweller-theme.d.ts","sourceRoot":"","sources":["../../src/themes/vault-dweller-theme.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHb,CAAA"}
+{"version":3,"file":"vault-dweller-theme.d.ts","sourceRoot":"","sources":["../../src/themes/vault-dweller-theme.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHb,CAAA"}

package/esm/themes/vault-dweller-theme.js

@@ -33,6 +33,7 @@ export const vaultDwellerTheme = {
         selectedBackground: 'rgba(48, 255, 80, 0.14)',
         activeBackground: 'rgba(48, 255, 80, 0.22)',
         focusRing: '0 0 0 2px rgba(48, 255, 80, 0.5)',
+        focusOutline: '2px solid #30ff50',
         disabledOpacity: '0.4',
         backdrop: 'rgba(0, 0, 0, 0.85)',
         subtleBorder: 'rgba(48, 255, 80, 0.2)',

package/esm/themes/vault-dweller-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"vault-dweller-theme.js","sourceRoot":"","sources":["../../src/themes/vault-dweller-theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vault-dweller-theme.js","sourceRoot":"","sources":["../../src/themes/vault-dweller-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAGhE,MAAM,eAAe,GAAG,kCAAkC,IAAI,CAAC,gRAAgR,CAAC,IAAI,CAAA;AAEpV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,yBAAyB;QACpC,QAAQ,EAAE,yBAAyB;KACpC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,wBAAwB;QAClC,kBAAkB,EAAE,yBAAyB;KAC9C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,eAAe;KAC5B;IACD,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,MAAM,EAAE;QACN,eAAe,EAAE,yBAAyB;QAC1C,kBAAkB,EAAE,yBAAyB;QAC7C,gBAAgB,EAAE,yBAAyB;QAC3C,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,mBAAmB;QACjC,eAAe,EAAE,KAAK;QACtB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,wBAAwB;KACvC;IACD,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,KAAK;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,+DAA+D;QACnE,EAAE,EAAE,gEAAgE;QACpE,EAAE,EAAE,iEAAiE;QACrE,EAAE,EAAE,kEAAkE;KACvE;IACD,UAAU,EAAE;QACV,UAAU,EAAE,iCAAiC;QAC7C,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;SACd;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,KAAK;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,KAAK;SACf;QACD,aAAa,EAAE;YACb,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QACD,UAAU,EAAE,MAAM;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,OAAO,EAAE,8BAA8B;YACvC,OAAO,EAAE,mCAAmC;YAC5C,SAAS,EAAE,gCAAgC;SAC5C;KACF;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,MAAM;KACf;CACc,CAAA"}

package/esm/themes/wild-hunt-theme.d.ts

@@ -31,6 +31,7 @@ export declare const wildHuntTheme: {
         selectedBackground: string;
         activeBackground: string;
         focusRing: string;
+        focusOutline: string;
         disabledOpacity: string;
         backdrop: string;
         subtleBorder: string;

package/esm/themes/wild-hunt-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wild-hunt-theme.d.ts","sourceRoot":"","sources":["../../src/themes/wild-hunt-theme.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHT,CAAA"}
+{"version":3,"file":"wild-hunt-theme.d.ts","sourceRoot":"","sources":["../../src/themes/wild-hunt-theme.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHT,CAAA"}

package/esm/themes/wild-hunt-theme.js

@@ -33,6 +33,7 @@ export const wildHuntTheme = {
         selectedBackground: 'rgba(168, 32, 32, 0.14)',
         activeBackground: 'rgba(168, 32, 32, 0.22)',
         focusRing: '0 0 0 3px rgba(168, 176, 188, 0.3)',
+        focusOutline: '2px solid #a8b0bc',
         disabledOpacity: '0.5',
         backdrop: 'rgba(6, 8, 12, 0.85)',
         subtleBorder: 'rgba(168, 176, 188, 0.2)',

package/esm/themes/wild-hunt-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"wild-hunt-theme.js","sourceRoot":"","sources":["../../src/themes/wild-hunt-theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wild-hunt-theme.js","sourceRoot":"","sources":["../../src/themes/wild-hunt-theme.ts"],"names":[],"mappings":"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"}

package/esm/themes/xenomorph-theme.d.ts

@@ -31,6 +31,7 @@ export declare const xenomorphTheme: {
         selectedBackground: string;
         activeBackground: string;
         focusRing: string;
+        focusOutline: string;
         disabledOpacity: string;
         backdrop: string;
         subtleBorder: string;

package/esm/themes/xenomorph-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xenomorph-theme.d.ts","sourceRoot":"","sources":["../../src/themes/xenomorph-theme.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHV,CAAA"}
+{"version":3,"file":"xenomorph-theme.d.ts","sourceRoot":"","sources":["../../src/themes/xenomorph-theme.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHV,CAAA"}

package/esm/themes/xenomorph-theme.js

@@ -32,6 +32,7 @@ export const xenomorphTheme = {
         selectedBackground: 'rgba(126, 200, 80, 0.13)',
         activeBackground: 'rgba(126, 200, 80, 0.2)',
         focusRing: '0 0 0 2px rgba(126, 200, 80, 0.45)',
+        focusOutline: '2px solid #7ec850',
         disabledOpacity: '0.4',
         backdrop: 'rgba(6, 8, 10, 0.9)',
         subtleBorder: 'rgba(126, 200, 80, 0.18)',

package/esm/themes/xenomorph-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"xenomorph-theme.js","sourceRoot":"","sources":["../../src/themes/xenomorph-theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"xenomorph-theme.js","sourceRoot":"","sources":["../../src/themes/xenomorph-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAGzD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,2BAA2B;QACtC,QAAQ,EAAE,2BAA2B;KACtC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,0BAA0B;QACpC,kBAAkB,EAAE,2BAA2B;KAChD;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,EAAE;KACf;IACD,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,0BAA0B;IACnC,MAAM,EAAE;QACN,eAAe,EAAE,0BAA0B;QAC3C,kBAAkB,EAAE,0BAA0B;QAC9C,gBAAgB,EAAE,yBAAyB;QAC3C,SAAS,EAAE,oCAAoC;QAC/C,YAAY,EAAE,mBAAmB;QACjC,eAAe,EAAE,KAAK;QACtB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,0BAA0B;KACzC;IACD,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,KAAK;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,gEAAgE;QACpE,EAAE,EAAE,kEAAkE;QACtE,EAAE,EAAE,iEAAiE;QACrE,EAAE,EAAE,mEAAmE;KACxE;IACD,UAAU,EAAE;QACV,UAAU,EAAE,qDAAqD;QACjE,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;SACd;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,KAAK;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,KAAK;SACf;QACD,aAAa,EAAE;YACb,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,KAAK;SACd;QACD,UAAU,EAAE,MAAM;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,OAAO,EAAE,8BAA8B;YACvC,OAAO,EAAE,mCAAmC;YAC5C,SAAS,EAAE,gCAAgC;SAC5C;KACF;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;KACf;CACc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades-common-components",
-  "version": "13.5.0",
+  "version": "15.0.0",
   "description": "Common UI components for FuryStack Shades",
   "type": "module",
   "scripts": {
@@ -49,9 +49,9 @@
   },
   "dependencies": {
     "@furystack/cache": "^6.1.1",
-    "@furystack/core": "^15.2.4",
+    "@furystack/core": "^16.0.0",
     "@furystack/inject": "^12.0.32",
-    "@furystack/shades": "^12.5.0",
+    "@furystack/shades": "^13.1.0",
     "@furystack/utils": "^8.2.1",
     "path-to-regexp": "^8.3.0"
   },

package/src/components/accordion/accordion-item.tsx

@@ -31,7 +31,7 @@ export type AccordionItemProps = {
  * ```
  */
 export const AccordionItem = Shade<AccordionItemProps>({
-  shadowDomName: 'shade-accordion-item',
+  customElementName: 'shade-accordion-item',
   css: {
     display: 'block',
     fontFamily: cssVariableTheme.typography.fontFamily,
@@ -53,6 +53,7 @@ export const AccordionItem = Shade<AccordionItemProps>({
       width: '100%',
       textAlign: 'left',
       outline: 'none',
+      font: 'inherit',
       color: 'inherit',
       transition: buildTransition([
         'background-color',
@@ -61,11 +62,12 @@ export const AccordionItem = Shade<AccordionItemProps>({
       ]),
     },
 
-    '& .accordion-header:hover:not([data-disabled])': {
+    '& .accordion-header:hover:not(:disabled)': {
       backgroundColor: `color-mix(in srgb, ${cssVariableTheme.text.secondary} 8%, transparent)`,
     },
 
     '& .accordion-header:focus-visible': {
+      outline: 'none',
       boxShadow: cssVariableTheme.action.focusRing,
     },
 
@@ -145,38 +147,31 @@ export const AccordionItem = Shade<AccordionItemProps>({
         setIsExpanded(false)
         await collapse(content, { duration: 250 })
       } else {
+        content.inert = false
         setIsExpanded(true)
         await expand(content, { duration: 250 })
       }
     }
 
-    const handleKeyDown = (ev: KeyboardEvent) => {
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        ev.preventDefault()
-        void handleToggle()
-      }
-    }
-
     return (
       <>
-        <div
+        <button
           className="accordion-header"
-          role="button"
-          tabIndex={props.disabled ? -1 : 0}
+          type="button"
+          disabled={props.disabled}
           onclick={handleToggle}
-          onkeydown={handleKeyDown}
           aria-expanded={String(isExpanded)}
-          data-disabled={props.disabled ? '' : undefined}
         >
           {props.icon ? <span className="accordion-icon">{props.icon}</span> : null}
           <span className="accordion-title">{props.title}</span>
           <span className="accordion-chevron">
             <Icon icon={chevronDown} size={16} />
           </span>
-        </div>
+        </button>
         <div
           ref={contentRef}
           className="accordion-content"
+          inert={!isExpanded}
           style={{
             height: isExpanded ? undefined : '0px',
             opacity: isExpanded ? '1' : '0',

package/src/components/accordion/accordion.spec.tsx

@@ -52,6 +52,34 @@ describe('Accordion', () => {
     await flushUpdates()
     expect(accordion.hasAttribute('data-variant')).toBe(false)
   })
+
+  describe('spatial navigation', () => {
+    it('should set data-nav-section with auto-generated id', async () => {
+      const el = (
+        <div>
+          <Accordion />
+        </div>
+      )
+      const accordion = el.firstElementChild as JSX.Element
+      accordion.updateComponent()
+      await flushUpdates()
+      const navSection = accordion.getAttribute('data-nav-section')
+      expect(navSection).toBeTruthy()
+      expect(navSection).toMatch(/^accordion-\d+$/)
+    })
+
+    it('should use custom navSection when provided', async () => {
+      const el = (
+        <div>
+          <Accordion navSection="my-accordion" />
+        </div>
+      )
+      const accordion = el.firstElementChild as JSX.Element
+      accordion.updateComponent()
+      await flushUpdates()
+      expect(accordion.getAttribute('data-nav-section')).toBe('my-accordion')
+    })
+  })
 })
 
 describe('AccordionItem', () => {
@@ -239,7 +267,7 @@ describe('AccordionItem', () => {
     expect(content.style.height).not.toBe('0px')
   })
 
-  it('should have a role="button" on the header', async () => {
+  it('should render the header as a <button> element', async () => {
     const el = (
       <div>
         <AccordionItem title="Test" />
@@ -248,11 +276,12 @@ describe('AccordionItem', () => {
     const item = el.firstElementChild as JSX.Element
     item.updateComponent()
     await flushUpdates()
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    expect(header.getAttribute('role')).toBe('button')
+    const header = item.querySelector('.accordion-header') as HTMLButtonElement
+    expect(header.tagName).toBe('BUTTON')
+    expect(header.type).toBe('button')
   })
 
-  it('should set tabIndex on the header when not disabled', async () => {
+  it('should not disable the header button when not disabled', async () => {
     const el = (
       <div>
         <AccordionItem title="Test" />
@@ -261,11 +290,11 @@ describe('AccordionItem', () => {
     const item = el.firstElementChild as JSX.Element
     item.updateComponent()
     await flushUpdates()
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    expect(header.tabIndex).toBe(0)
+    const header = item.querySelector('.accordion-header') as HTMLButtonElement
+    expect(header.disabled).toBe(false)
   })
 
-  it('should set tabIndex to -1 on the header when disabled', async () => {
+  it('should disable the header button when disabled', async () => {
     const el = (
       <div>
         <AccordionItem title="Test" disabled />
@@ -274,8 +303,8 @@ describe('AccordionItem', () => {
     const item = el.firstElementChild as JSX.Element
     item.updateComponent()
     await flushUpdates()
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    expect(header.tabIndex).toBe(-1)
+    const header = item.querySelector('.accordion-header') as HTMLButtonElement
+    expect(header.disabled).toBe(true)
   })
 
   it('should toggle data-expanded on header click', async () => {
@@ -299,7 +328,6 @@ describe('AccordionItem', () => {
     header.click()
     await flushUpdates()
 
-    // The attribute is set synchronously before the animation awaits
     expect(item.hasAttribute('data-expanded')).toBe(true)
   })
 
@@ -324,75 +352,6 @@ describe('AccordionItem', () => {
     header.click()
     await flushUpdates()
 
-    // The attribute is removed synchronously before the animation awaits
-    expect(item.hasAttribute('data-expanded')).toBe(false)
-  })
-
-  it('should toggle on Enter keydown', async () => {
-    const mockAnimation = { finished: Promise.resolve() }
-    Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation)
-
-    const el = (
-      <div>
-        <AccordionItem title="Keyboard Toggle">
-          <p>Content</p>
-        </AccordionItem>
-      </div>
-    )
-    const item = el.firstElementChild as JSX.Element
-    item.updateComponent()
-    await flushUpdates()
-
-    expect(item.hasAttribute('data-expanded')).toBe(false)
-
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    header.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }))
-    await flushUpdates()
-
-    expect(item.hasAttribute('data-expanded')).toBe(true)
-  })
-
-  it('should toggle on Space keydown', async () => {
-    const mockAnimation = { finished: Promise.resolve() }
-    Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation)
-
-    const el = (
-      <div>
-        <AccordionItem title="Space Toggle">
-          <p>Content</p>
-        </AccordionItem>
-      </div>
-    )
-    const item = el.firstElementChild as JSX.Element
-    item.updateComponent()
-    await flushUpdates()
-
-    expect(item.hasAttribute('data-expanded')).toBe(false)
-
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    header.dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true }))
-    await flushUpdates()
-
-    expect(item.hasAttribute('data-expanded')).toBe(true)
-  })
-
-  it('should not toggle on unrelated keydown', async () => {
-    const el = (
-      <div>
-        <AccordionItem title="No Toggle">
-          <p>Content</p>
-        </AccordionItem>
-      </div>
-    )
-    const item = el.firstElementChild as JSX.Element
-    item.updateComponent()
-    await flushUpdates()
-
-    expect(item.hasAttribute('data-expanded')).toBe(false)
-
-    const header = item.querySelector('.accordion-header') as HTMLElement
-    header.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }))
-
     expect(item.hasAttribute('data-expanded')).toBe(false)
   })
 
@@ -415,4 +374,100 @@ describe('AccordionItem', () => {
 
     expect(item.hasAttribute('data-expanded')).toBe(false)
   })
+
+  describe('spatial navigation integration', () => {
+    it('should set inert on content when collapsed', async () => {
+      const el = (
+        <div>
+          <AccordionItem title="Collapsed">
+            <p>Content</p>
+          </AccordionItem>
+        </div>
+      )
+      const item = el.firstElementChild as JSX.Element
+      item.updateComponent()
+      await flushUpdates()
+      const content = item.querySelector('.accordion-content') as HTMLElement
+      expect(content.inert).toBe(true)
+    })
+
+    it('should not set inert on content when expanded', async () => {
+      const el = (
+        <div>
+          <AccordionItem title="Expanded" defaultExpanded>
+            <p>Content</p>
+          </AccordionItem>
+        </div>
+      )
+      const item = el.firstElementChild as JSX.Element
+      item.updateComponent()
+      await flushUpdates()
+      const content = item.querySelector('.accordion-content') as HTMLElement
+      expect(content.inert).toBe(false)
+    })
+
+    it('should set inert on content after collapsing', async () => {
+      const mockAnimation = { finished: Promise.resolve() }
+      Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation)
+
+      const el = (
+        <div>
+          <AccordionItem title="Toggleable" defaultExpanded>
+            <p>Content</p>
+          </AccordionItem>
+        </div>
+      )
+      const item = el.firstElementChild as JSX.Element
+      item.updateComponent()
+      await flushUpdates()
+
+      const content = item.querySelector('.accordion-content') as HTMLElement
+      expect(content.inert).toBe(false)
+
+      const header = item.querySelector('.accordion-header') as HTMLElement
+      header.click()
+      await flushUpdates()
+
+      expect(content.inert).toBe(true)
+    })
+
+    it('should remove inert on content after expanding', async () => {
+      const mockAnimation = { finished: Promise.resolve() }
+      Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation)
+
+      const el = (
+        <div>
+          <AccordionItem title="Toggleable">
+            <p>Content</p>
+          </AccordionItem>
+        </div>
+      )
+      const item = el.firstElementChild as JSX.Element
+      item.updateComponent()
+      await flushUpdates()
+
+      const content = item.querySelector('.accordion-content') as HTMLElement
+      expect(content.inert).toBe(true)
+
+      const header = item.querySelector('.accordion-header') as HTMLElement
+      header.click()
+      await flushUpdates()
+
+      expect(content.inert).toBe(false)
+    })
+
+    it('should exclude disabled header from spatial navigation via native disabled attribute', async () => {
+      const el = (
+        <div>
+          <AccordionItem title="Disabled" disabled />
+        </div>
+      )
+      const item = el.firstElementChild as JSX.Element
+      item.updateComponent()
+      await flushUpdates()
+      const header = item.querySelector('.accordion-header') as HTMLButtonElement
+      expect(header.disabled).toBe(true)
+      expect(header.matches('button:not([disabled])')).toBe(false)
+    })
+  })
 })

package/src/components/accordion/accordion.tsx

@@ -1,12 +1,21 @@
 import { Shade, createComponent } from '@furystack/shades'
 import { cssVariableTheme } from '../../services/css-variable-theme.js'
 
+let nextAccordionId = 0
+
 /**
  * Props for the Accordion container component.
  */
 export type AccordionProps = {
   /** Visual variant of the accordion container */
   variant?: 'outlined' | 'elevation'
+  /**
+   * Section name for spatial navigation scoping.
+   * Sets `data-nav-section` on the accordion so that SpatialNavigationService
+   * constrains arrow-key navigation within the accordion group.
+   * Auto-generated per instance when not provided.
+   */
+  navSection?: string
 }
 
 /**
@@ -24,7 +33,7 @@ export type AccordionProps = {
  * ```
  */
 export const Accordion = Shade<AccordionProps>({
-  shadowDomName: 'shade-accordion',
+  customElementName: 'shade-accordion',
   css: {
     display: 'flex',
     fontFamily: cssVariableTheme.typography.fontFamily,
@@ -41,9 +50,12 @@ export const Accordion = Shade<AccordionProps>({
       background: cssVariableTheme.background.paper,
     },
   },
-  render: ({ props, useHostProps, children }) => {
+  render: ({ props, useHostProps, children, useState }) => {
+    const [navSectionId] = useState('navSectionId', String(nextAccordionId++))
+
     useHostProps({
       'data-variant': props.variant || undefined,
+      'data-nav-section': props.navSection ?? `accordion-${navSectionId}`,
     })
 
     return <>{children}</>

package/src/components/alert.tsx

@@ -39,7 +39,7 @@ const getDefaultIcon = (severity: AlertSeverity): JSX.Element =>
   (<Icon icon={defaultIconDefs[severity]} size="small" />) as unknown as JSX.Element
 
 export const Alert = Shade<AlertProps>({
-  shadowDomName: 'shade-alert',
+  customElementName: 'shade-alert',
   css: {
     display: 'flex',
     alignItems: 'flex-start',

package/src/components/app-bar-link.tsx

@@ -6,7 +6,7 @@ import { cssVariableTheme } from '../services/css-variable-theme.js'
 export type AppBarLinkProps = NestedRouteLinkProps & { routingOptions?: MatchOptions }
 
 export const AppBarLink = Shade<AppBarLinkProps>({
-  shadowDomName: 'shade-app-bar-link',
+  customElementName: 'shade-app-bar-link',
   css: {
     display: 'flex',
     height: '100%',

package/src/components/app-bar.tsx

@@ -2,7 +2,7 @@ import { Shade, createComponent } from '@furystack/shades'
 import { cssVariableTheme } from '../services/css-variable-theme.js'
 
 export const AppBar = Shade({
-  shadowDomName: 'shade-app-bar',
+  customElementName: 'shade-app-bar',
   css: {
     width: '100%',
     display: 'flex',

package/src/components/avatar.tsx

@@ -6,7 +6,7 @@ import { user as userIcon } from './icons/icon-definitions.js'
 export type AvatarProps = { avatarUrl: string; fallback?: JSX.Element } & PartialElement<HTMLDivElement>
 
 export const Avatar = Shade<AvatarProps>({
-  shadowDomName: 'shade-avatar',
+  customElementName: 'shade-avatar',
   css: {
     fontFamily: cssVariableTheme.typography.fontFamily,
     width: '128px',

package/src/components/badge.tsx

@@ -25,7 +25,7 @@ const defaultColors = {
 }
 
 export const Badge = Shade<BadgeProps>({
-  shadowDomName: 'shade-badge',
+  customElementName: 'shade-badge',
   css: {
     display: 'inline-flex',
     fontFamily: cssVariableTheme.typography.fontFamily,

package/src/components/breadcrumb.spec.tsx

@@ -314,17 +314,17 @@ describe('Breadcrumb', () => {
     describe('BreadcrumbItem', () => {
       it('Should require params when path has parameters', () => {
         type ItemWithParams = BreadcrumbItem<'/users/:id'>
-        expectTypeOf<ItemWithParams>().toMatchTypeOf<{ params: { id: string } }>()
+        expectTypeOf<ItemWithParams>().toExtend<{ params: { id: string } }>()
       })
 
       it('Should make params optional when path has no parameters', () => {
         type ItemWithoutParams = BreadcrumbItem<'/users'>
-        expectTypeOf<ItemWithoutParams>().toMatchTypeOf<{ params?: Record<string, string> }>()
+        expectTypeOf<ItemWithoutParams>().toExtend<{ params?: Record<string, string> }>()
       })
 
       it('Should extract multiple params from path', () => {
         type ItemWithMultipleParams = BreadcrumbItem<'/users/:userId/posts/:postId'>
-        expectTypeOf<ItemWithMultipleParams>().toMatchTypeOf<{ params: { userId: string; postId: string } }>()
+        expectTypeOf<ItemWithMultipleParams>().toExtend<{ params: { userId: string; postId: string } }>()
       })
     })
 

package/src/components/breadcrumb.tsx

@@ -66,7 +66,7 @@ export type TypedBreadcrumbProps<TRoutes extends Record<string, NestedRoute<unkn
  * ```
  */
 export const Breadcrumb = Shade<BreadcrumbProps>({
-  shadowDomName: 'shade-breadcrumb',
+  customElementName: 'shade-breadcrumb',
   elementBase: HTMLElement,
   elementBaseName: 'nav',
   css: {

package/src/components/button-group.tsx

@@ -22,7 +22,7 @@ export type ButtonGroupProps = PartialElement<HTMLElement> & {
 const groupChildRadius = cssVariableTheme.shape.borderRadius.md
 
 export const ButtonGroup: (props: ButtonGroupProps, children: ChildrenList) => JSX.Element = Shade<ButtonGroupProps>({
-  shadowDomName: 'shade-button-group',
+  customElementName: 'shade-button-group',
   css: {
     display: 'inline-flex',
     fontFamily: cssVariableTheme.typography.fontFamily,
@@ -98,7 +98,7 @@ export type ToggleButtonProps = PartialElement<HTMLButtonElement> & {
 }
 
 export const ToggleButton = Shade<ToggleButtonProps>({
-  shadowDomName: 'shade-toggle-button',
+  customElementName: 'shade-toggle-button',
   elementBase: HTMLButtonElement,
   elementBaseName: 'button',
   css: {
@@ -207,7 +207,7 @@ export type ToggleButtonGroupProps = PartialElement<HTMLElement> & {
 
 export const ToggleButtonGroup: (props: ToggleButtonGroupProps, children: ChildrenList) => JSX.Element =
   Shade<ToggleButtonGroupProps>({
-    shadowDomName: 'shade-toggle-button-group',
+    customElementName: 'shade-toggle-button-group',
     css: {
       display: 'inline-flex',
       borderRadius: cssVariableTheme.shape.borderRadius.md,
@@ -373,7 +373,7 @@ const defaultSegmentedColors = {
 }
 
 export const SegmentedControl = Shade<SegmentedControlProps>({
-  shadowDomName: 'shade-segmented-control',
+  customElementName: 'shade-segmented-control',
   css: {
     display: 'inline-flex',
     borderRadius: cssVariableTheme.shape.borderRadius.md,