@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/cjs/layouts/pageHeadingScope.cjs

@@ -23,6 +23,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var pageHeadingScope_exports = {};
 __export(pageHeadingScope_exports, {
   PageHeadingScope: () => PageHeadingScope,
+  usePageChromeInset: () => usePageChromeInset,
   useRegisterPageHeading: () => useRegisterPageHeading
 });
 module.exports = __toCommonJS(pageHeadingScope_exports);
@@ -32,10 +33,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 const PageHeadingScopeContext = (0, import_react.createContext)(null);
 function PageHeadingScope({
   children,
-  name = "Screen"
+  name = "Screen",
+  insetToken = null
 }) {
   const h1CountRef = (0, import_react.useRef)(0);
   const value = (0, import_react.useMemo)(() => ({
+    insetToken: insetToken ?? null,
     registerH1: detail => {
       h1CountRef.current += 1;
       if (h1CountRef.current > 1) {
@@ -50,12 +53,15 @@ function PageHeadingScope({
         h1CountRef.current -= 1;
       };
     }
-  }), [name]);
+  }), [name, insetToken]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PageHeadingScopeContext.Provider, {
     value,
     children
   });
 }
+function usePageChromeInset() {
+  return (0, import_react.useContext)(PageHeadingScopeContext)?.insetToken ?? null;
+}
 function useRegisterPageHeading(args) {
   const registry = (0, import_react.useContext)(PageHeadingScopeContext);
   const {

package/dist/cjs/layouts/pageHeadingScope.native.js

@@ -25,6 +25,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var pageHeadingScope_exports = {};
 __export(pageHeadingScope_exports, {
   PageHeadingScope: () => PageHeadingScope,
+  usePageChromeInset: () => usePageChromeInset,
   useRegisterPageHeading: () => useRegisterPageHeading
 });
 module.exports = __toCommonJS(pageHeadingScope_exports);
@@ -35,11 +36,13 @@ var PageHeadingScopeContext = /* @__PURE__ */(0, import_react.createContext)(nul
 function PageHeadingScope(param) {
   var {
     children,
-    name = "Screen"
+    name = "Screen",
+    insetToken = null
   } = param;
   var h1CountRef = (0, import_react.useRef)(0);
   var value = (0, import_react.useMemo)(function () {
     return {
+      insetToken: insetToken !== null && insetToken !== void 0 ? insetToken : null,
       registerH1: function registerH1(detail) {
         h1CountRef.current += 1;
         if (h1CountRef.current > 1) {
@@ -55,12 +58,17 @@ function PageHeadingScope(param) {
         };
       }
     };
-  }, [name]);
+  }, [name, insetToken]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PageHeadingScopeContext.Provider, {
     value,
     children
   });
 }
+function usePageChromeInset() {
+  var _ref;
+  var _useContext;
+  return (_ref = (_useContext = (0, import_react.useContext)(PageHeadingScopeContext)) === null || _useContext === void 0 ? void 0 : _useContext.insetToken) !== null && _ref !== void 0 ? _ref : null;
+}
 function useRegisterPageHeading(args) {
   var registry = (0, import_react.useContext)(PageHeadingScopeContext);
   var {

package/dist/cjs/layouts/pageHeadingScope.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","pageHeadingScope_exports","__export","PageHeadingScope","useRegisterPageHeading","module","exports","import_jsx_runtime","require","import_theme","import_react","PageHeadingScopeContext","createContext","param","children","name","h1CountRef","useRef","useMemo","registerH1","detail","current","devWarn","component","id","label","count","jsx","Provider","args","registry","useContext"],"sources":["../../../src/layouts/pageHeadingScope.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAeAC,MAAA,CAAAC,OAAA,GAAAV,YAAwB,CAAAK,wBAAA;AAExB,IAAAM,kBAAsE,GAAAC,OAAA;AA6ClE,IAAAC,YAAA,GAAAD,OAAA;AAnCJ,IAAAE,YAAM,GAAAF,OAAA;AAaC,IAAAG,uBAA0B,GAAE,eAAiB,IAAAD,YAAmC,CAAAE,aAAA;AACrF,SAAMT,gBAAaA,CAAAU,KAAA;EACnB;IAAMC,QAAA;IAAAC,IAAQ;EAAA,IAAAF,KAAA;EAAA,IACZG,UAAO,OAAAN,YAAA,CAAAO,MAAA;EAAA,IACLjB,KAAA,OAAYU,YAAY,CAAAQ,OAAA;IACtB;MACAC,UAAI,WAAWA,UAAaA,CAAAC,MAAA;QAC1BJ,UAAA,CAAAK,OAAA;QAAuB,IACrBL,UAAA,CAAWK,OAAA;UAAA,EACX,EAAAZ,YAAY,CAAAa,OAAA;YACZC,SAAO,EAAAR,IAAQ;YACfS,EAAA,EAAAJ,MAAO,SAAW,IAAAA,MAAA,uBAAAA,MAAA,CAAAG,SAAA;YACnBvB,KAAA,EAAAoB,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAK,KAAA;YACHC,KAAA,EAAAV,UAAA,CAAAK;UACA;QACE;QACF;UACFL,UAAA,CAAAK,OAAA;QACF;MACC;IACH;EACA,IAGFN,IAAA,CAOO;EASL,OAAM,eAAW,IAAAR,kBAAA,CAAWoB,GAAA,EAAAhB,uBAAuB,CAAAiB,QAAA;IACnD5B,KAAM;IACNc;EACE;AACA;AAA+C,SAC7CV,sBAAgBA,CAAUyB,IAAA;EAChC,IAAAC,QAAA,OAAApB,YAAA,CAAAqB,UAAA,EAAApB,uBAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","pageHeadingScope_exports","__export","PageHeadingScope","usePageChromeInset","useRegisterPageHeading","module","exports","import_jsx_runtime","require","import_theme","import_react","PageHeadingScopeContext","createContext","param","children","name","insetToken","h1CountRef","useRef","useMemo","registerH1","detail","current","devWarn","component","id","label","count","jsx","Provider","_ref","_useContext","useContext","args","registry","level","enabled"],"sources":["../../../src/layouts/pageHeadingScope.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAkBAC,MAAA,CAAAC,OAAA,GAAAX,YAAwB,CAAAK,wBAAA;AAExB,IAAAO,kBAAsE,GAAAC,OAAA;AA4DlE,IAAAC,YAAA,GAAAD,OAAA;AA7CJ,IAAAE,YAAM,GAAAF,OAAA;AAkBC,IAAAG,uBAA0B,sBAAAD,YAAA,CAAAE,aAAA;AAAA,SAC/BV,iBAAAW,KAAA;EACA;IAAAC,QAAO;IAAAC,IAAA;IAAAC,UAAA;EAAA,IAAAH,KAAA;EACP,IAAAI,UAAa,OAAAP,YAAA,CAAAQ,MAAA;EACf,IAA0BnB,KAAA,OAAAW,YAAA,CAAAS,OAAA;IACxB,OAAM;MACNH,UAAM,EAAAA,UAAQ,aAAAA,UAAA,cAAAA,UAAA;MACZI,UAAO,WAAAA,WAAAC,MAAA;QACLJ,UAAY,CAAAK,OAAA;QACZ,IAAAL,UAAa,CAAAK,OAAW;UACtB,IAAAb,YAAW,CAAAc,OAAW;YAClBC,SAAA,EAAWT,IAAA;YACbU,EAAA,EAAAJ,MAAA,aAAAA,MAAQ,UAAe,aAAAA,MAAA,CAAAG,SAAA;YACrBzB,KAAA,EAAAsB,MAAW,aAAAA,MAAA,uBAAAA,MAAA,CAAAK,KAAA;YACXC,KAAI,EAAAV,UAAQ,CAAAK;UAAA,EACZ;QAAe;QACG,OACnB;UACHL,UAAA,CAAAK,OAAA;QACA;MACE;IAAsB;EACxB,IAEJP,IAAA,EACAC,UAAO,CACT;EACA,OACE,mBAAAT,kBAAA,CAAAqB,GAAA,EAACjB,uBAAA,CAAwBkB,QAAA,EAAxB;IAEL9B,KAAA;IAMOe;EACL;AACF;AAOO,SAASX,mBAAA;EASd,IAAA2B,IAAM;EACN,IAAAC,WAAe;EACf,QAAAD,IAAA,IAAAC,WAAA,GAAU,IAAMrB,YAAA,CAAAsB,UAAA,EAAArB,uBAAA,eAAAoB,WAAA,uBAAAA,WAAA,CAAAf,UAAA,cAAAc,IAAA,cAAAA,IAAA;AACd;AACA,SAAA1B,sBAA2BA,CAAA6B,IAAE;EAC/B,IAAIC,QAAA,GAAS,IAAAxB,YAAiB,CAAAsB,UAAW,EAAArB,uBAAM;EACjD;IAAAwB,KAAA;IAAAX,SAAA;IAAAE,KAAA;IAAAU,OAAA;EAAA,IAAAH,IAAA","ignoreList":[]}

package/dist/cjs/layouts/sidebar.cjs

@@ -26,20 +26,33 @@ __export(sidebar_exports, {
 });
 module.exports = __toCommonJS(sidebar_exports);
 var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Sidebar({
   sections,
-  width = 250
+  width = 250,
+  "aria-label": ariaLabel = "Sidebar"
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const headingId = (0, import_react.useId)();
   const onAccent = (0, import_theme.useReadableTextOn)("$accentBackground");
   const rowPad = knobProps.panelPadding.padding;
+  const [kbFocusKey, setKbFocusKey] = (0, import_react.useState)(null);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    role: "navigation",
+    "aria-label": ariaLabel,
     width,
+    flex: 1,
+    alignSelf: "stretch",
+    height: "100%",
+    minHeight: 0,
+    ...knobProps.surface,
+    borderWidth: 0,
     borderColor: "$borderColor",
     ...(import_tamagui.isWeb ? {
       borderInlineEndWidth: import_theme.hairlineWidth,
@@ -49,75 +62,146 @@ function Sidebar({
       borderEndWidth: import_theme.hairlineWidth
     }),
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      flex: 1,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
         ...knobProps.panelPadding,
         paddingHorizontal: 0,
         ...knobProps.gapLg,
-        children: sections.map((section, sectionIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          ...knobProps.gap,
-          children: [section.title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-            size: knobProps.sizeToken,
-            fontSize: "$2",
-            fontWeight: "600",
-            textTransform: "uppercase",
-            color: import_componentColors.componentColors.text.muted,
-            paddingHorizontal: 0,
-            marginHorizontal: rowPad,
-            height: "auto",
-            lineHeight: "$1",
-            children: section.title
-          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Group, {
-            borderRadius: knobProps.borderRadius.borderRadius,
-            children: section.items.map((item, itemIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Group.Item, {
-              children: [itemIdx > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-                ...import_theme.hairline.line
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-                title: item.label,
-                subTitle: item.subTitle,
-                icon: item.icon,
-                iconAfter: item.count !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-                  color: item.active && onAccent ? onAccent : import_componentColors.componentColors.text.muted,
-                  fontSize: "$2",
-                  children: ["(", item.count, ")"]
-                }) : void 0,
-                size: knobProps.sizeToken,
-                paddingHorizontal: rowPad,
-                borderRadius: knobProps.borderRadius.borderRadius,
-                theme: item.active ? "active" : void 0,
-                backgroundColor: item.active ? "$accentBackground" : "transparent",
-                ...(item.active && onAccent ? {
-                  color: onAccent
-                } : void 0),
-                hoverStyle: {
-                  backgroundColor: import_componentColors.componentColors.surface.background
-                },
-                pressStyle: {
-                  backgroundColor: import_componentColors.componentColors.interactive.background
-                },
-                cursor: item.onPress ? "pointer" : "default",
-                onPress: item.onPress,
-                ...(item.onPress ? {
-                  role: "button",
-                  tabIndex: 0,
-                  focusVisibleStyle: {
-                    outlineColor: "$outlineColor",
-                    outlineWidth: 2,
-                    outlineStyle: "solid",
-                    outlineOffset: -2
-                  },
-                  onKeyDown: e => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      e.preventDefault();
-                      item.onPress?.();
-                    }
-                  }
-                } : void 0)
-              })]
-            }, item.label))
-          }), sectionIdx < sections.length - 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-            ...import_theme.hairline.line
-          })]
-        }, section.title ?? sectionIdx))
+        children: sections.map((section, sectionIdx) => {
+          const titleId = section.title ? `${headingId}-${sectionIdx}` : void 0;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            role: "group",
+            "aria-labelledby": titleId,
+            ...knobProps.gap,
+            width: "100%",
+            children: [section.title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+              id: titleId,
+              size: knobProps.sizeToken,
+              fontSize: "$2",
+              fontWeight: "600",
+              textTransform: "uppercase",
+              color: import_componentColors.componentColors.text.muted,
+              paddingHorizontal: 0,
+              marginHorizontal: rowPad,
+              height: "auto",
+              lineHeight: "$1",
+              children: section.title
+            }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              width: "100%",
+              children: section.items.map((item, itemIdx) => {
+                const position = (0, import_theme.getGroupPosition)(itemIdx, section.items.length);
+                const corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);
+                const itemKey = `${sectionIdx}:${String(item.value ?? item.label)}`;
+                const ink = item.active && onAccent ? onAccent : import_componentColors.componentColors.text.primary;
+                const metaInk = item.active && onAccent ? onAccent : import_componentColors.componentColors.text.muted;
+                const kbFocused = kbFocusKey === itemKey;
+                const pressable = Boolean(item.onPress);
+                const kbRing = kbFocused ? (0, import_theme.ensureFocusVisibleRing)({
+                  outlineOffset: -2,
+                  outlineColor: item.active && onAccent ? onAccent : "$outlineColor"
+                }) : null;
+                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+                  children: [itemIdx > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+                    width: "100%",
+                    alignSelf: "stretch",
+                    ...import_theme.hairline.line
+                  }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                    "data-group-position": position,
+                    "data-sidebar-row": "true",
+                    "data-active": item.active ? true : void 0,
+                    "aria-current": item.active ? "page" : void 0,
+                    alignItems: "center",
+                    width: "100%",
+                    alignSelf: "stretch",
+                    minHeight: knobProps.sizeToken,
+                    paddingHorizontal: rowPad,
+                    overflow: "hidden",
+                    ...knobProps.gap,
+                    ...corners,
+                    backgroundColor: item.active ? "$accentBackground" : "transparent",
+                    hoverStyle: {
+                      backgroundColor: item.active ? "$accentBackground" : import_componentColors.componentColors.surface.background,
+                      ...corners
+                    },
+                    pressStyle: {
+                      backgroundColor: item.active ? "$accentBackground" : import_componentColors.componentColors.interactive.background,
+                      ...corners
+                    },
+                    cursor: pressable ? "pointer" : "default",
+                    userSelect: "none",
+                    onPress: item.onPress,
+                    ...(knobProps.transition ? {
+                      transition: knobProps.transition
+                    } : void 0),
+                    ...(pressable ? {
+                      role: "button",
+                      tabIndex: 0,
+                      outlineWidth: 0,
+                      focusStyle: {
+                        outlineWidth: 0
+                      },
+                      // LC-71: rest and mouse-focus paint no ring.
+                      // Keyboard-origin ring also rides focusVisibleStyle
+                      // so Tamagui cannot zero outlineWidth on :focus-visible.
+                      focusVisibleStyle: kbRing ?? {
+                        outlineWidth: 0
+                      },
+                      ...(kbRing ?? {
+                        outlineWidth: 0
+                      }),
+                      onFocus: () => {
+                        if ((0, import_theme.wasKeyboardFocus)()) setKbFocusKey(itemKey);
+                      },
+                      onBlur: () => {
+                        setKbFocusKey(prev => prev === itemKey ? null : prev);
+                      },
+                      onKeyDown: e => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          item.onPress?.();
+                        }
+                      }
+                    } : void 0),
+                    children: [item.icon ?
+                    // `color` sets the icon's inherited color; Tamagui
+                    // forwards it at runtime but the RN-flavored View
+                    // prop type omits it (house Record cast).
+                    /* @__PURE__ */
+                    (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                      flexShrink: 0,
+                      ...{
+                        color: metaInk
+                      },
+                      children: item.icon
+                    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                      flex: 1,
+                      minWidth: 0,
+                      justifyContent: "center",
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        ...knobProps.body,
+                        color: ink,
+                        fontWeight: item.active ? "600" : "400",
+                        numberOfLines: 1,
+                        children: item.label
+                      }), item.subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        ...knobProps.body,
+                        color: metaInk,
+                        fontSize: "$2",
+                        numberOfLines: 1,
+                        children: item.subTitle
+                      }) : null]
+                    }), item.count !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+                      color: metaInk,
+                      fontSize: "$2",
+                      flexShrink: 0,
+                      children: ["(", item.count, ")"]
+                    }) : null]
+                  })]
+                }, itemKey);
+              })
+            })]
+          }, section.title ?? sectionIdx);
+        })
       })
     })
   });

package/dist/cjs/layouts/sidebar.native.js

@@ -29,24 +29,36 @@ __export(sidebar_exports, {
 module.exports = __toCommonJS(sidebar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
 function Sidebar(param) {
   var {
     sections,
-    width = 250
+    width = 250,
+    "aria-label": ariaLabel = "Sidebar"
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var headingId = (0, import_react.useId)();
   var onAccent = (0, import_theme.useReadableTextOn)("$accentBackground");
   var rowPad = knobProps.panelPadding.padding;
+  var [kbFocusKey, setKbFocusKey] = (0, import_react.useState)(null);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    role: "navigation",
+    "aria-label": ariaLabel,
     width,
+    flex: 1,
+    alignSelf: "stretch",
+    height: "100%",
+    minHeight: 0,
+    // SF-CARD fill without a four-side control border (R-NONE). The end
+    // hairline is the panel divider (Axiom 15), stretched to the rail height.
+    ...knobProps.surface,
+    borderWidth: 0,
     borderColor: "$borderColor",
-    // Logical end edge so the divider mirrors in RTL; tamagui
-    // borderEndWidth does not compile to working CSS on web (SB-M-1215).
-    // Hairline: panel edge is a divider, not a control border (Axiom 15).
     ...(import_tamagui.isWeb ? {
       borderInlineEndWidth: import_theme.hairlineWidth,
       borderInlineEndStyle: "solid",
@@ -55,15 +67,21 @@ function Sidebar(param) {
       borderEndWidth: import_theme.hairlineWidth
     }),
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      flex: 1,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
         ...knobProps.panelPadding,
         paddingHorizontal: 0,
         ...knobProps.gapLg,
         children: sections.map(function (section, sectionIdx) {
           var _section_title;
+          var titleId = section.title ? `${headingId}-${sectionIdx}` : void 0;
           return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            role: "group",
+            "aria-labelledby": titleId,
             ...knobProps.gap,
+            width: "100%",
             children: [section.title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+              id: titleId,
               size: knobProps.sizeToken,
               fontSize: "$2",
               fontWeight: "600",
@@ -80,56 +98,77 @@ function Sidebar(param) {
               height: "auto",
               lineHeight: "$1",
               children: section.title
-            }) : null,
-            /* Section group seam follows the radius knob (radius channel
-            only): tamagui Group's built-in $4 default held a 9px arc
-            at borderRadius:none (UX-P06 "Sidebar GroupFrames br=9"). */
-            /* @__PURE__ */
-            (0, import_jsx_runtime.jsx)(import_tamagui.Group, {
-              borderRadius: knobProps.borderRadius.borderRadius,
+            }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              width: "100%",
               children: section.items.map(function (item, itemIdx) {
-                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Group.Item, {
-                  children: [itemIdx > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+                var _item_value;
+                var position = (0, import_theme.getGroupPosition)(itemIdx, section.items.length);
+                var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);
+                var itemKey = `${sectionIdx}:${String((_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : item.label)}`;
+                var ink = item.active && onAccent ? onAccent : import_componentColors.componentColors.text.primary;
+                var metaInk = item.active && onAccent ? onAccent : import_componentColors.componentColors.text.muted;
+                var kbFocused = kbFocusKey === itemKey;
+                var pressable = Boolean(item.onPress);
+                var kbRing = kbFocused ? (0, import_theme.ensureFocusVisibleRing)({
+                  outlineOffset: -2,
+                  outlineColor: item.active && onAccent ? onAccent : "$outlineColor"
+                }) : null;
+                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+                  children: [itemIdx > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+                    width: "100%",
+                    alignSelf: "stretch",
                     ...import_theme.hairline.line
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-                    title: item.label,
-                    subTitle: item.subTitle,
-                    icon: item.icon,
-                    iconAfter: item.count !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-                      color: item.active && onAccent ? onAccent : import_componentColors.componentColors.text.muted,
-                      fontSize: "$2",
-                      children: ["(", item.count, ")"]
-                    }) : void 0,
-                    size: knobProps.sizeToken,
-                    // SP-EDGE: the row owns its inset (space knob), on top
-                    // of a full-panel-width frame.
+                  }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                    "data-group-position": position,
+                    "data-sidebar-row": "true",
+                    "data-active": item.active ? true : void 0,
+                    "aria-current": item.active ? "page" : void 0,
+                    alignItems: "center",
+                    width: "100%",
+                    alignSelf: "stretch",
+                    minHeight: knobProps.sizeToken,
                     paddingHorizontal: rowPad,
-                    // Item rows are R-SCALE (spec Sidebar): the hover /
-                    // active row surface rounds with the radius knob.
-                    borderRadius: knobProps.borderRadius.borderRadius,
-                    theme: item.active ? "active" : void 0,
+                    overflow: "hidden",
+                    ...knobProps.gap,
+                    ...corners,
                     backgroundColor: item.active ? "$accentBackground" : "transparent",
-                    // Label rides the accent fill: luminance-computed fg
-                    // (ListItem shares `color` with its title via context).
-                    ...(item.active && onAccent ? {
-                      color: onAccent
-                    } : void 0),
                     hoverStyle: {
-                      backgroundColor: import_componentColors.componentColors.surface.background
+                      backgroundColor: item.active ? "$accentBackground" : import_componentColors.componentColors.surface.background,
+                      ...corners
                     },
                     pressStyle: {
-                      backgroundColor: import_componentColors.componentColors.interactive.background
+                      backgroundColor: item.active ? "$accentBackground" : import_componentColors.componentColors.interactive.background,
+                      ...corners
                     },
-                    cursor: item.onPress ? "pointer" : "default",
+                    cursor: pressable ? "pointer" : "default",
+                    userSelect: "none",
                     onPress: item.onPress,
-                    ...(item.onPress ? {
+                    ...(knobProps.transition ? {
+                      transition: knobProps.transition
+                    } : void 0),
+                    ...(pressable ? {
                       role: "button",
                       tabIndex: 0,
-                      focusVisibleStyle: {
-                        outlineColor: "$outlineColor",
-                        outlineWidth: 2,
-                        outlineStyle: "solid",
-                        outlineOffset: -2
+                      outlineWidth: 0,
+                      focusStyle: {
+                        outlineWidth: 0
+                      },
+                      // LC-71: rest and mouse-focus paint no ring.
+                      // Keyboard-origin ring also rides focusVisibleStyle
+                      // so Tamagui cannot zero outlineWidth on :focus-visible.
+                      focusVisibleStyle: kbRing !== null && kbRing !== void 0 ? kbRing : {
+                        outlineWidth: 0
+                      },
+                      ...(kbRing !== null && kbRing !== void 0 ? kbRing : {
+                        outlineWidth: 0
+                      }),
+                      onFocus: function onFocus() {
+                        if ((0, import_theme.wasKeyboardFocus)()) setKbFocusKey(itemKey);
+                      },
+                      onBlur: function onBlur() {
+                        setKbFocusKey(function (prev) {
+                          return prev === itemKey ? null : prev;
+                        });
                       },
                       onKeyDown: function onKeyDown(e) {
                         if (e.key === "Enter" || e.key === " ") {
@@ -138,12 +177,44 @@ function Sidebar(param) {
                           (_item_onPress = item.onPress) === null || _item_onPress === void 0 ? void 0 : _item_onPress.call(item);
                         }
                       }
-                    } : void 0)
+                    } : void 0),
+                    children: [item.icon ?
+                    // `color` sets the icon's inherited color; Tamagui
+                    // forwards it at runtime but the RN-flavored View
+                    // prop type omits it (house Record cast).
+                    /* @__PURE__ */
+                    (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                      flexShrink: 0,
+                      ...{
+                        color: metaInk
+                      },
+                      children: item.icon
+                    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                      flex: 1,
+                      minWidth: 0,
+                      justifyContent: "center",
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        ...knobProps.body,
+                        color: ink,
+                        fontWeight: item.active ? "600" : "400",
+                        numberOfLines: 1,
+                        children: item.label
+                      }), item.subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        ...knobProps.body,
+                        color: metaInk,
+                        fontSize: "$2",
+                        numberOfLines: 1,
+                        children: item.subTitle
+                      }) : null]
+                    }), item.count !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+                      color: metaInk,
+                      fontSize: "$2",
+                      flexShrink: 0,
+                      children: ["(", item.count, ")"]
+                    }) : null]
                   })]
-                }, item.label);
+                }, itemKey);
               })
-            }), sectionIdx < sections.length - 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-              ...import_theme.hairline.line
             })]
           }, (_section_title = section.title) !== null && _section_title !== void 0 ? _section_title : sectionIdx);
         })

package/dist/cjs/layouts/sidebar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","sidebar_exports","__export","Sidebar","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","param","sections","width","knobProps","useResolvedKnobs","onAccent","useReadableTextOn","rowPad","panelPadding","padding","jsx","YStack","borderColor","isWeb","borderInlineEndWidth","hairlineWidth","borderInlineEndStyle","className","borderEndWidth","children","ScrollView","paddingHorizontal","gapLg","map","section","sectionIdx","_section_title","jsxs","gap","title","Label","size","sizeToken","fontSize","fontWeight","textTransform","color","componentColors","text","muted","marginHorizontal","height","lineHeight","Group","borderRadius","items","item","itemIdx","Item","Separator","hairline","line","ListItem","label","subTitle","icon","iconAfter","count","Text","active","theme","backgroundColor"],"sources":["../../../src/layouts/sidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","sidebar_exports","__export","Sidebar","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_componentColors","param","sections","width","ariaLabel","knobProps","useResolvedKnobs","headingId","useId","onAccent","useReadableTextOn","rowPad","panelPadding","padding","kbFocusKey","setKbFocusKey","useState","document","ensureKeyboardModalityTracking","jsx","YStack","role","flex","alignSelf","height","minHeight","surface","borderWidth","borderColor","isWeb","borderInlineEndWidth","hairlineWidth","borderInlineEndStyle","className","borderEndWidth","children","ScrollView","paddingHorizontal","gapLg","map","section","sectionIdx","_section_title","titleId","title","jsxs","gap","Label","id","size","sizeToken","fontSize","fontWeight","textTransform","color","componentColors","text","muted","marginHorizontal","lineHeight","items","item","itemIdx","_item_value","position","getGroupPosition","length","corners","stackRadiusProps","borderRadius","itemKey","String","label","ink","active","primary","metaInk","kbFocused","pressable","Boolean","onPress","kbRing","ensureFocusVisibleRing","outlineOffset","outlineColor","Fragment","Separator","hairline","line","XStack","alignItems","overflow","backgroundColor","hoverStyle","background","pressStyle","interactive","cursor","userSelect","transition","tabIndex","outlineWidth","focusStyle","focusVisibleStyle","onFocus","wasKeyboardFocus","onBlur","prev","onKeyDown","e","key","_item_onPress","preventDefault","call","icon","flexShrink","minWidth","justifyContent","Text","body","numberOfLines","subTitle"],"sources":["../../../src/layouts/sidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}