@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/TopNav/TopNav.js

@@ -19,6 +19,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
+import { useTranslator } from "../i18n/index.js";
 import { TopNavSlotContext } from "./TopNavContext.js";
 import { useTopNavRenderMode } from "./TopNavRenderContext.js";
 import { useTopNavMobileContent } from "./TopNavMobileContentContext.js";
@@ -31,7 +32,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Base TopNav styles
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   base: {
     kGNEyG: "x6s0dn4",
@@ -83,13 +84,15 @@ export function TopNav({
   children,
   centerContent,
   endContent,
-  label,
+  label: labelFromProps,
   xstyle,
   className,
   style,
   ref,
   ...props
 }) {
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.topNav.landmarkLabel');
   const renderMode = useTopNavRenderMode();
   const mobileContent = useTopNavMobileContent();
   const {
@@ -107,7 +110,7 @@ export function TopNav({
   // to strip down the TopNav if there's nothing to put in the drawer.
   // =========================================================================
   if (renderMode === 'mobile-bar') {
-    return /*#__PURE__*/_jsxDEV("nav", {
+    return /*#__PURE__*/_jsxs("nav", {
       ref: ref,
       role: "navigation",
       "aria-label": label,
@@ -115,18 +118,18 @@ export function TopNav({
         mode: 'mobile-bar'
       }), stylex.props(styles.mobileBar, xstyle), className, style),
       ...props,
-      children: [heading && /*#__PURE__*/_jsxDEV("div", {
+      children: [heading && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x78zum5 x6s0dn4 x2lah0s"
         },
         children: heading
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 x6s0dn4 xzye2dw xvc5jky"
         },
-        children: [endContent, hasMobileDrawerContent && hasAutoToggle && /*#__PURE__*/_jsxDEV(MobileNavToggle, {}, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true);
+        children: [endContent, hasMobileDrawerContent && hasAutoToggle && /*#__PURE__*/_jsx(MobileNavToggle, {})]
+      })]
+    });
   }
 
   // =========================================================================
@@ -138,78 +141,78 @@ export function TopNav({
     if (!hasCollapsibleContent && !mobileContent) {
       return null;
     }
-    return /*#__PURE__*/_jsxDEV(MobileNav, {
+    return /*#__PURE__*/_jsxs(MobileNav, {
       header: heading,
-      children: [hasCollapsibleContent && /*#__PURE__*/_jsxDEV("div", {
+      children: [hasCollapsibleContent && /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 xdt5ytf x1lsbc85"
         },
         children: [resolvedStartContent, centerContent]
-      }, void 0, true), hasCollapsibleContent && mobileContent && /*#__PURE__*/_jsxDEV("div", {
+      }), hasCollapsibleContent && mobileContent && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x1g06x3t"
         },
-        children: /*#__PURE__*/_jsxDEV(Divider, {}, void 0, false)
-      }, void 0, false), mobileContent && /*#__PURE__*/_jsxDEV("div", {
+        children: /*#__PURE__*/_jsx(Divider, {})
+      }), mobileContent && /*#__PURE__*/_jsx("div", {
         ...{},
         children: mobileContent
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   }
 
   // =========================================================================
   // Default mode — full top bar
   // =========================================================================
 
-  return /*#__PURE__*/_jsxDEV("nav", {
+  return /*#__PURE__*/_jsxs("nav", {
     ref: ref,
     role: "navigation",
     "aria-label": label,
     ...mergeProps(themeProps('top-nav'), stylex.props(styles.base, hasCenterContent ? styles.baseGrid : styles.baseFlex, xstyle), className, style),
     ...props,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 x6s0dn4 x18g69wz x845mor xeuugli"
       },
-      children: [heading && /*#__PURE__*/_jsxDEV("div", {
+      children: [heading && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x78zum5 x6s0dn4 x2lah0s"
         },
         children: heading
-      }, void 0, false), resolvedStartContent && /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
+      }), resolvedStartContent && /*#__PURE__*/_jsx(TopNavSlotContext, {
         value: "start",
-        children: /*#__PURE__*/_jsxDEV("div", {
+        children: /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 x6s0dn4 xzye2dw"
           },
           children: resolvedStartContent
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true), hasCenterContent && /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
+        })
+      })]
+    }), hasCenterContent && /*#__PURE__*/_jsx(TopNavSlotContext, {
       value: "center",
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k xzye2dw"
         },
         children: centerContent
-      }, void 0, false)
-    }, void 0, false), hasCenterContent ? /*#__PURE__*/_jsxDEV("div", {
+      })
+    }), hasCenterContent ? /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 x13a6bvl xzye2dw"
       },
-      children: /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
+      children: /*#__PURE__*/_jsx(TopNavSlotContext, {
         value: "end",
         children: endContent
-      }, void 0, false)
-    }, void 0, false) : endContent && /*#__PURE__*/_jsxDEV("div", {
+      })
+    }) : endContent && /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xzye2dw x2lah0s xvc5jky"
       },
-      children: /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
+      children: /*#__PURE__*/_jsx(TopNavSlotContext, {
         value: "end",
         children: endContent
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 TopNav.displayName = 'TopNav';

package/dist/TopNav/TopNavHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavHeading.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavHeading.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAatD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2K5C,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,OAAO,EACP,WAAW,EAAE,eAAe,EAC5B,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,kBAAkB,+BA2VpB;yBA9We,aAAa"}
+{"version":3,"file":"TopNavHeading.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavHeading.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAatD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4K5C,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,OAAO,EACP,WAAW,EAAE,eAAe,EAC5B,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,kBAAkB,+BA4VpB;yBA/We,aAAa"}

package/dist/TopNav/TopNavHeading.js

@@ -31,11 +31,12 @@ import { mergeProps, mergeRefs } from "../utils/index.js";
 import { useMenuHover } from "../hooks/useMenuHover.js";
 import { NavHeadingCloseContext } from "../NavMenu/NavMenuContext.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Styles
 // =============================================================================
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -123,6 +124,7 @@ export function TopNavHeading({
   ref,
   ...props
 }) {
+  const t = useTranslator();
   const LinkComponent = useLinkComponent(as);
   // Support both headingHref and legacy href
   const headingHref = headingHrefProp ?? href;
@@ -132,7 +134,7 @@ export function TopNavHeading({
   const logoLinkLabel = logoLabel ?? heading;
   const rootRef = useRef(null);
   const popover = usePopover({
-    dialogLabel: 'Navigation menu',
+    dialogLabel: t('@astryx.topNav.heading.dialogLabel'),
     hasCloseButton: false
   });
   const closeMenuCtx = useMemo(() => ({
@@ -159,137 +161,137 @@ export function TopNavHeading({
   const isWholeHeadingLink = !!headingHref && !menu && !superheadingHref && !subheadingHref;
 
   // Render text content with optional inline chevron
-  const renderTextContent = inlineChevron => /*#__PURE__*/_jsxDEV("span", {
+  const renderTextContent = inlineChevron => /*#__PURE__*/_jsxs("span", {
     ...{
       className: "x78zum5 xdt5ytf xeuugli"
     },
-    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__PURE__*/_jsxDEV(Link, {
+    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__PURE__*/_jsx(Link, {
       href: superheadingHref,
       onClick: e => e.stopPropagation(),
       color: "secondary",
       size: "xsm",
       children: superheading
-    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+    }) : /*#__PURE__*/_jsx("span", {
       ...{
         className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
       },
       children: superheading
-    }, void 0, false)), /*#__PURE__*/_jsxDEV("span", {
+    })), /*#__PURE__*/_jsxs("span", {
       ...{
         className: "x78zum5 x6s0dn4 xzye2dw"
       },
-      children: [hasAnyHref && headingHref && menu ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+      children: [hasAnyHref && headingHref && menu ? /*#__PURE__*/_jsx(LinkComponent, {
         href: headingHref,
         onClick: e => e.stopPropagation(),
         ...{
           className: "x18juvz8 x2mo6ok xf74fhv x1hl2dhg x1heor9g xb3r6kr xlyipyv xuxw1ft"
         },
         children: heading
-      }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+      }) : /*#__PURE__*/_jsx("span", {
         ...{
           className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
         },
         children: heading
-      }, void 0, false), inlineChevron]
-    }, void 0, true), subheading && (hasAnyHref && subheadingHref && menu ? /*#__PURE__*/_jsxDEV(Link, {
+      }), inlineChevron]
+    }), subheading && (hasAnyHref && subheadingHref && menu ? /*#__PURE__*/_jsx(Link, {
       href: subheadingHref,
       onClick: e => e.stopPropagation(),
       color: "secondary",
       size: "xsm",
       children: subheading
-    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+    }) : /*#__PURE__*/_jsx("span", {
       ...{
         className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
       },
       children: subheading
-    }, void 0, false))]
-  }, void 0, true);
-  const chevronElement = showChevron && /*#__PURE__*/_jsxDEV("span", {
+    }))]
+  });
+  const chevronElement = showChevron && /*#__PURE__*/_jsx("span", {
     ...{
       className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike"
     },
     children: getIcon('chevronDown')
-  }, void 0, false);
-  const headerEndContentElement = headerEndContent && /*#__PURE__*/_jsxDEV("span", {
+  });
+  const headerEndContentElement = headerEndContent && /*#__PURE__*/_jsx("span", {
     ...{
       className: "x2lah0s x78zum5 x6s0dn4 xvc5jky"
     },
     children: headerEndContent
-  }, void 0, false);
+  });
 
   // Shared popover heading content — uses renderTextContent for consistent
   // sizing, with flipped chevron inline after the title. Always static (no links).
-  const popoverHeadingContent = /*#__PURE__*/_jsxDEV("button", {
+  const popoverHeadingContent = /*#__PURE__*/_jsxs("button", {
     type: "button",
     ...{
       className: "x78zum5 x6s0dn4 x1txdalj xh8yej3 xjbqb8w xjb2p0i x1qlqyl8 x1heor9g x1yc453h xkoleio x12gdq22 x1betex2 x1djylfy xt970qd xcsaf9d x1p37lm5 xhrcg97 x1ypdohk"
     },
     onClick: triggerProps.onClick,
-    children: [logo && /*#__PURE__*/_jsxDEV("span", {
+    children: [logo && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: logo
-    }, void 0, false), renderTextContent(/*#__PURE__*/_jsxDEV("span", {
+    }), renderTextContent(/*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x19jd1h0"
       },
       children: getIcon('chevronDown')
-    }, void 0, false))]
-  }, void 0, true);
+    }))]
+  });
 
   // Simple: no heading text, just logo (backward compat for logo-only usage)
   if (!heading && !menu) {
     const Element = headingHref ? LinkComponent : 'div';
-    return /*#__PURE__*/_jsxDEV(Element, {
+    return /*#__PURE__*/_jsx(Element, {
       ref: ref,
       href: headingHref,
       "aria-label": headingHref ? logoLabel : undefined,
       "data-testid": testId,
       ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, !!headingHref && styles.menuTrigger, xstyle), className, style),
       ...props,
-      children: logo && /*#__PURE__*/_jsxDEV("span", {
+      children: logo && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }, void 0, false)
-    }, void 0, false);
+      })
+    });
   }
 
   // Whole heading is a link (no menu, single headingHref)
   if (isWholeHeadingLink && headingHref) {
-    return /*#__PURE__*/_jsxDEV(LinkComponent, {
+    return /*#__PURE__*/_jsxs(LinkComponent, {
       ref: ref,
       href: headingHref,
       "data-testid": testId,
       ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
       ...props,
-      children: [logo && /*#__PURE__*/_jsxDEV("span", {
+      children: [logo && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }, void 0, false), renderTextContent(), headerEndContentElement, chevronElement]
-    }, void 0, true);
+      }), renderTextContent(), headerEndContentElement, chevronElement]
+    });
   }
 
   // Whole header is the popover trigger (menu, no hrefs)
   if (isWholeHeadingTrigger) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
         ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
-        children: [logo && /*#__PURE__*/_jsxDEV("span", {
+        children: [logo && /*#__PURE__*/_jsx("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        }, void 0, false), renderTextContent(/*#__PURE__*/_jsxDEV("button", {
+        }), renderTextContent(/*#__PURE__*/_jsx("button", {
           type: "button",
-          "aria-label": "Open menu",
+          "aria-label": t('@astryx.topNav.heading.openMenu'),
           onClick: e => {
             e.stopPropagation();
             triggerProps.onClick();
@@ -299,35 +301,35 @@ export function TopNavHeading({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xe9uy6x"
           },
           children: getIcon('chevronDown')
-        }, void 0, false)), headerEndContentElement]
-      }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+        })), headerEndContentElement]
+      }), popover.render(/*#__PURE__*/_jsxs("div", {
         ref: menuRef,
         role: "menu",
         ...{
           className: "x9epnlk xb3r6kr"
         },
         ...contentProps,
-        children: [popoverHeadingContent, /*#__PURE__*/_jsxDEV(NavHeadingCloseContext, {
+        children: [popoverHeadingContent, /*#__PURE__*/_jsx(NavHeadingCloseContext, {
           value: closeMenuCtx,
           children: menu
-        }, void 0, false)]
-      }, void 0, true), {
+        })]
+      }), {
         placement: 'below',
         alignment: 'start',
         xstyle: styles.popoverOverlap
       })]
-    }, void 0, true);
+    });
   }
 
   // Mixed mode: independent links + chevron trigger for menu
   if (menu && hasAnyHref) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [/*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
         ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
-        children: [logo && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+        children: [logo && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
           href: headingHref,
           "aria-label": logoLinkLabel,
           onClick: e => e.stopPropagation(),
@@ -335,14 +337,14 @@ export function TopNavHeading({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        }, void 0, false)), renderTextContent(showChevron ? /*#__PURE__*/_jsxDEV("button", {
+        })), renderTextContent(showChevron ? /*#__PURE__*/_jsx("button", {
           type: "button",
-          "aria-label": "Open menu",
+          "aria-label": t('@astryx.topNav.heading.openMenu'),
           onClick: e => {
             e.stopPropagation();
             triggerProps.onClick();
@@ -352,96 +354,96 @@ export function TopNavHeading({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xe9uy6x"
           },
           children: getIcon('chevronDown')
-        }, void 0, false) : undefined), headerEndContentElement]
-      }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+        }) : undefined), headerEndContentElement]
+      }), popover.render(/*#__PURE__*/_jsxs("div", {
         ref: menuRef,
         role: "menu",
         ...{
           className: "x9epnlk xb3r6kr"
         },
         ...contentProps,
-        children: [popoverHeadingContent, /*#__PURE__*/_jsxDEV(NavHeadingCloseContext, {
+        children: [popoverHeadingContent, /*#__PURE__*/_jsx(NavHeadingCloseContext, {
           value: closeMenuCtx,
           children: menu
-        }, void 0, false)]
-      }, void 0, true), {
+        })]
+      }), {
         placement: 'below',
         alignment: 'start',
         xstyle: styles.popoverOverlap
       })]
-    }, void 0, true);
+    });
   }
 
   // Static heading with independent links (no menu)
   if (hasAnyHref && !isWholeHeadingLink) {
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
       ...props,
-      children: [logo && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+      children: [logo && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
         href: headingHref,
         "aria-label": logoLinkLabel,
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+      }) : /*#__PURE__*/_jsx("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }, void 0, false)), /*#__PURE__*/_jsxDEV("span", {
+      })), /*#__PURE__*/_jsxs("span", {
         ...{
           className: "x78zum5 xdt5ytf xeuugli"
         },
-        children: [superheading && (superheadingHref ? /*#__PURE__*/_jsxDEV(Link, {
+        children: [superheading && (superheadingHref ? /*#__PURE__*/_jsx(Link, {
           href: superheadingHref,
           color: "secondary",
           size: "xsm",
           children: superheading
-        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           ...{
             className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: superheading
-        }, void 0, false)), headingHref ? /*#__PURE__*/_jsxDEV(Link, {
+        })), headingHref ? /*#__PURE__*/_jsx(Link, {
           href: headingHref,
           color: "primary",
           weight: "semibold",
           children: heading
-        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           ...{
             className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: heading
-        }, void 0, false), subheading && (subheadingHref ? /*#__PURE__*/_jsxDEV(Link, {
+        }), subheading && (subheadingHref ? /*#__PURE__*/_jsx(Link, {
           href: subheadingHref,
           color: "secondary",
           size: "xsm",
           children: subheading
-        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           ...{
             className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: subheading
-        }, void 0, false))]
-      }, void 0, true), headerEndContentElement, chevronElement]
-    }, void 0, true);
+        }))]
+      }), headerEndContentElement, chevronElement]
+    });
   }
 
   // Default: static heading, no links, no menu
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     "data-testid": testId,
     ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
     ...props,
-    children: [logo && /*#__PURE__*/_jsxDEV("span", {
+    children: [logo && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: logo
-    }, void 0, false), renderTextContent(), headerEndContentElement, chevronElement]
-  }, void 0, true);
+    }), renderTextContent(), headerEndContentElement, chevronElement]
+  });
 }
 TopNavHeading.displayName = 'TopNavHeading';

package/dist/TopNav/TopNavItem.js

@@ -28,7 +28,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * NavItem styles with hover/selected states
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   base: {
     k1xSpc: "x3nfvp2",
@@ -119,7 +119,7 @@ export function TopNavItem({
       props.onClick?.(e);
       closeMobileNav();
     };
-    return /*#__PURE__*/_jsxDEV(LinkComponent, {
+    return /*#__PURE__*/_jsxs(LinkComponent, {
       ref: ref,
       "aria-label": isIconOnly ? label : undefined,
       "aria-current": isSelected ? 'page' : undefined,
@@ -132,14 +132,14 @@ export function TopNavItem({
       ...props,
       onClick: handleDrawerClick,
       children: [icon, !isIconOnly && (children ?? label)]
-    }, void 0, true);
+    });
   }
 
   // =========================================================================
   // Default / mobile-bar mode — standard horizontal nav item
   // =========================================================================
 
-  return /*#__PURE__*/_jsxDEV(LinkComponent, {
+  return /*#__PURE__*/_jsxs(LinkComponent, {
     ref: ref,
     "aria-label": isIconOnly ? label : undefined,
     "aria-current": isSelected ? 'page' : undefined,
@@ -150,6 +150,6 @@ export function TopNavItem({
     }), stylex.props(styles.base, isSelected && styles.selected, isDisabled && navItemStyles.disabled, isIconOnly && styles.iconOnly, xstyle), className, style),
     ...props,
     children: [icon, !isIconOnly && (children ?? label)]
-  }, void 0, true);
+  });
 }
 TopNavItem.displayName = 'TopNavItem';