@astryxdesign/core 0.1.3 → 0.1.4-canary.01e5b29

package/dist/Token/Token.js

@@ -31,7 +31,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Available color variants for the token.
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -203,8 +203,8 @@ export function Token({
   // When role is 'button' via context (no explicit onClick), treat as
   // if onClick was provided — the popover attaches its own handler.
   const effectiveOnClick = onClick ?? (role === 'button' ? () => {} : null);
-  const content = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [icon, /*#__PURE__*/_jsx("span", {
+  const content = /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [icon, /*#__PURE__*/_jsxDEV("span", {
       ...{
         0: {
           className: "xb3r6kr xlyipyv xuxw1ft xeuugli"
@@ -214,7 +214,7 @@ export function Token({
         }
       }[!!isLabelHidden << 0],
       children: label
-    }), endContent, onRemove != null && /*#__PURE__*/_jsx("button", {
+    }, void 0, false), endContent, onRemove != null && /*#__PURE__*/_jsxDEV("button", {
       type: "button",
       "aria-label": `Remove ${label}`,
       onClick: e => {
@@ -225,20 +225,20 @@ export function Token({
       ...{
         className: "x3nfvp2 x6s0dn4 xl56j7k x1n2onr6 x1717udv xkd40ry x1ypdohk xjspbzw x1kky2od xlup9mm x1heor9g x17nn4n9 x1s928wv x1j6awrg x1xsm0q9"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "close",
         size: "xsm",
         color: "inherit"
-      })
-    })]
-  });
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
   const sharedProps = {
     'data-testid': testId,
     'aria-label': isLabelHidden ? label : undefined,
     'aria-description': description
   };
   if (role === 'link') {
-    return /*#__PURE__*/_jsx(LinkComponent, {
+    return /*#__PURE__*/_jsxDEV(LinkComponent, {
       ref: ref,
       href: href,
       "aria-disabled": isDisabled || undefined,
@@ -248,7 +248,7 @@ export function Token({
         size
       }), stylex.props(styles.base, sizeStyles[size], colorStyles[color], styles.interactive, isDisabled && styles.disabled, xstyle), className, style),
       children: content
-    });
+    }, void 0, false);
   }
   if (effectiveOnClick != null) {
     const handleContainerClick = e => {
@@ -258,7 +258,7 @@ export function Token({
       }
       effectiveOnClick(e);
     };
-    return /*#__PURE__*/_jsxs("span", {
+    return /*#__PURE__*/_jsxDEV("span", {
       ref: ref,
       onClick: isDisabled ? undefined : handleContainerClick,
       ...sharedProps,
@@ -266,14 +266,14 @@ export function Token({
         color,
         size
       }), stylex.props(styles.base, sizeStyles[size], colorStyles[color], styles.interactive, styles.focusVisibleOutline, isDisabled && styles.disabled, xstyle), className, style),
-      children: [icon, /*#__PURE__*/_jsx("button", {
+      children: [icon, /*#__PURE__*/_jsxDEV("button", {
         type: "button",
         onClick: effectiveOnClick,
         disabled: isDisabled,
         ...{
           className: "xmper1u xln7xf2 x1heor9g x1a2a7pz xb3r6kr xeuugli"
         },
-        children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsxDEV("span", {
           ...{
             0: {
               className: "xb3r6kr xlyipyv xuxw1ft xeuugli"
@@ -283,8 +283,8 @@ export function Token({
             }
           }[!!isLabelHidden << 0],
           children: label
-        })
-      }), endContent, onRemove != null && /*#__PURE__*/_jsx("button", {
+        }, void 0, false)
+      }, void 0, false), endContent, onRemove != null && /*#__PURE__*/_jsxDEV("button", {
         type: "button",
         "aria-label": `Remove ${label}`,
         onClick: e => {
@@ -295,15 +295,15 @@ export function Token({
         ...{
           className: "x3nfvp2 x6s0dn4 xl56j7k x1n2onr6 x1717udv xkd40ry x1ypdohk xjspbzw x1kky2od xlup9mm x1heor9g x17nn4n9 x1s928wv x1j6awrg x1xsm0q9"
         },
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsxDEV(Icon, {
           icon: "close",
           size: "xsm",
           color: "inherit"
-        })
-      })]
-    });
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
   }
-  return /*#__PURE__*/_jsx("span", {
+  return /*#__PURE__*/_jsxDEV("span", {
     ref: ref,
     ...sharedProps,
     ...mergeProps(themeProps('token', {
@@ -311,6 +311,6 @@ export function Token({
       size
     }), stylex.props(styles.base, sizeStyles[size], colorStyles[color], isDisabled && styles.disabled, xstyle), className, style),
     children: content
-  });
+  }, void 0, false);
 }
 Token.displayName = 'Token';

package/dist/Tokenizer/Tokenizer.d.ts

@@ -79,6 +79,11 @@ export interface TokenizerProps<T extends SearchableItem> extends Omit<BaseProps
     searchSource: SearchSource<T>;
     /** Currently selected items. */
     value: T[];
+    /**
+     * The HTML name attribute for form submissions. When set, hidden inputs
+     * carry one entry per selected item's id under this name.
+     */
+    htmlName?: string;
     /** Callback when selection changes. Includes change metadata. */
     onChange: (items: T[], change: TokenizerChange<T>) => void;
     /** Render function for dropdown items. Default: TypeaheadItem. */
@@ -189,7 +194,7 @@ export interface TokenizerProps<T extends SearchableItem> extends Omit<BaseProps
  * />
  * ```
  */
-export declare function Tokenizer<T extends SearchableItem>({ label, isLabelHidden, description, isRequired, isOptional, status, startIcon, labelTooltip, searchSource, value, onChange, renderItem, renderToken, maxEntries, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, disabledMessage, hasClear, endContent, hasAutoFocus, size: sizeProp, tokenOverflowBehavior, debounceMs, hasCreate, onChangeQuery, onFocus, onBlur, width, xstyle, className, style, 'data-testid': testId, ref, handleRef, }: TokenizerProps<T>): React.JSX.Element;
+export declare function Tokenizer<T extends SearchableItem>({ label, isLabelHidden, description, isRequired, isOptional, status, startIcon, labelTooltip, searchSource, value, onChange, renderItem, renderToken, maxEntries, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, htmlName, disabledMessage, hasClear, endContent, hasAutoFocus, size: sizeProp, tokenOverflowBehavior, debounceMs, hasCreate, onChangeQuery, onFocus, onBlur, width, xstyle, className, style, 'data-testid': testId, ref, handleRef, }: TokenizerProps<T>): React.JSX.Element;
 export declare namespace Tokenizer {
     var displayName: string;
 }

package/dist/Tokenizer/Tokenizer.d.ts.map

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

package/dist/Tokenizer/Tokenizer.js

@@ -49,7 +49,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Imperative handle for Tokenizer handleRef.
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -235,6 +235,7 @@ export function Tokenizer({
   maxMenuItems,
   emptySearchResultsText,
   isDisabled = false,
+  htmlName,
   disabledMessage,
   hasClear = false,
   endContent,
@@ -474,20 +475,20 @@ export function Tokenizer({
   const tokens = value.map(item => {
     const onRemoveItem = () => handleRemove(item);
     if (renderToken) {
-      return /*#__PURE__*/_jsx("span", {
+      return /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 x2lah0s"
         },
         children: renderToken(item, onRemoveItem)
-      }, item.id);
+      }, item.id, false);
     }
-    return /*#__PURE__*/_jsx(Token, {
+    return /*#__PURE__*/_jsxDEV(Token, {
       label: item.label,
       size: size,
       onRemove: isDisabled ? undefined : onRemoveItem,
       isDisabled: isDisabled,
       xstyle: styles.token
-    }, item.id);
+    }, item.id, false);
   });
   const popoverOverrideStyle = {
     positionArea: undefined,
@@ -495,7 +496,7 @@ export function Tokenizer({
     top: 'anchor(top)',
     left: 'anchor(start)'
   };
-  const wrapperContent = /*#__PURE__*/_jsxs("div", {
+  const wrapperContent = /*#__PURE__*/_jsxDEV("div", {
     ref: el => {
       wrapperRef.current = el;
       // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -513,7 +514,7 @@ export function Tokenizer({
       size,
       status: status?.type
     }), stylex.props(inputWrapperStyles.base, styles.wrapper, value.length > 0 && styles.wrapperWithTokens, isTruncated ? truncatedSizeStyles[size] : sizeStyle, isTruncated && styles.truncatedWrapper, isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type])),
-    children: [startIcon && /*#__PURE__*/_jsx("span", {
+    children: [startIcon && /*#__PURE__*/_jsxDEV("span", {
       ...{
         0: {},
         1: {
@@ -524,17 +525,17 @@ export function Tokenizer({
         size: 'sm',
         color: 'secondary'
       })
-    }), isTruncated ? /*#__PURE__*/_jsx(OverflowList, {
+    }, void 0, false), isTruncated ? /*#__PURE__*/_jsxDEV(OverflowList, {
       gap: 1,
       behavior: "observeParent",
-      overflowRenderer: items => /*#__PURE__*/_jsxs("span", {
+      overflowRenderer: items => /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x2lah0s xuxw1ft x141an7d xv1l7n4 x7a5moj"
         },
         children: ["+", items.length, " more"]
-      }),
+      }, void 0, true),
       children: tokens
-    }) : tokens, /*#__PURE__*/_jsx(BaseTypeahead, {
+    }, void 0, false) : tokens, /*#__PURE__*/_jsxDEV(BaseTypeahead, {
       ref: inputRef,
       searchSource: isAtMax ? emptySource : filteredSource,
       value: null,
@@ -555,60 +556,68 @@ export function Tokenizer({
       anchorRef: wrapperRef,
       size: size,
       inputXStyle: isAtMax || isTruncated ? styles.inputAtMax : value.length > 0 ? styles.inputCompact : undefined
-    }), (endContent || hasClear && value.length > 0 && !isDisabled) && /*#__PURE__*/_jsxs("div", {
+    }, void 0, false), htmlName != null && value.map(item => /*#__PURE__*/_jsxDEV("input", {
+      type: "hidden",
+      name: htmlName,
+      value: item.id
+      // Disabled native controls are excluded from form submission;
+      // mirror that for the hidden carriers.
+      ,
+      disabled: isDisabled
+    }, item.id, false)), (endContent || hasClear && value.length > 0 && !isDisabled) && /*#__PURE__*/_jsxDEV("div", {
       ...stylex.props(styles.endSection, endSectionSizeStyles[size]),
-      children: [endContent, hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx(InputClearButton, {
+      children: [endContent, hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsxDEV(InputClearButton, {
         label: "Clear all",
         onClick: e => {
           e.stopPropagation();
           handleClearAll();
         }
-      })]
-    })]
-  });
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
   let tokenizerContent;
   if (isLayerMode) {
     const placeholderSizeStyle = layerPlaceholderSizeStyles[size];
-    tokenizerContent = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
+    tokenizerContent = /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [/*#__PURE__*/_jsxDEV("div", {
         ref: placeholderRef,
         onClick: handleWrapperClick,
         ...mergeProps(themeProps('tokenizer', {
           size,
           status: status?.type
         }), stylex.props(inputWrapperStyles.base, styles.wrapper, value.length > 0 && styles.wrapperWithTokens, placeholderSizeStyle, isTruncated && styles.truncatedWrapper, isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type])),
-        children: isTruncated && /*#__PURE__*/_jsxs(_Fragment, {
+        children: isTruncated && /*#__PURE__*/_jsxDEV(_Fragment, {
           children: [startIcon && renderIconSlot(startIcon, {
             size: 'sm',
             color: 'secondary'
-          }), /*#__PURE__*/_jsx(OverflowList, {
+          }), /*#__PURE__*/_jsxDEV(OverflowList, {
             gap: 1,
             behavior: "observeParent",
-            overflowRenderer: items => /*#__PURE__*/_jsxs("span", {
+            overflowRenderer: items => /*#__PURE__*/_jsxDEV("span", {
               ...{
                 className: "x2lah0s xuxw1ft x141an7d xv1l7n4 x7a5moj"
               },
               children: ["+", items.length, " more"]
-            }),
+            }, void 0, true),
             children: tokens
-          })]
-        })
-      }), layer.render(/*#__PURE__*/_jsx("div", {
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false), layer.render(/*#__PURE__*/_jsxDEV("div", {
         ref: layerContentRef,
         onFocusCapture: handleFocusCapture,
         onBlurCapture: handleBlurCapture,
         children: wrapperContent
-      }), {
+      }, void 0, false), {
         placement: 'below',
         alignment: 'start',
         xstyle: styles.layerPopover,
         style: popoverOverrideStyle
       })]
-    });
+    }, void 0, true);
   } else {
     tokenizerContent = wrapperContent;
   }
-  return /*#__PURE__*/_jsxs(Field, {
+  return /*#__PURE__*/_jsxDEV(Field, {
     ref: ref,
     label: label,
     isLabelHidden: isLabelHidden,
@@ -629,6 +638,6 @@ export function Tokenizer({
     className: className,
     style: style,
     children: [tokenizerContent, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  });
+  }, void 0, true);
 }
 Tokenizer.displayName = 'Tokenizer';

package/dist/Toolbar/Toolbar.js

@@ -30,7 +30,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Map SpacingStep values to spacingVars keys.
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 const spacingStepToVar = {
   0: '--spacing-0',
   0.5: '--spacing-0-5',
@@ -222,9 +222,9 @@ export function Toolbar({
     }
     onHintBlur(e);
   }, [onBlurProp, onHintBlur]);
-  return /*#__PURE__*/_jsx(SizeProvider, {
+  return /*#__PURE__*/_jsxDEV(SizeProvider, {
     value: size,
-    children: /*#__PURE__*/_jsx(Section, {
+    children: /*#__PURE__*/_jsxDEV(Section, {
       ref: ref,
       variant: variant,
       paddingBlock: defaultBlockPaddingForSize[size],
@@ -232,7 +232,7 @@ export function Toolbar({
       xstyle: xstyle,
       className: className,
       style: style,
-      children: /*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxDEV("div", {
         ref: listRef,
         role: "toolbar",
         "aria-label": label,
@@ -247,31 +247,31 @@ export function Toolbar({
         children: [hasCenterContent ?
         /*#__PURE__*/
         // Three-slot grid layout
-        _jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("div", {
+        _jsxDEV(_Fragment, {
+          children: [/*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.startSlot, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
             children: startContent
-          }), /*#__PURE__*/_jsx("div", {
+          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.centerSlot, dynamicStyles.gap(gapVar)),
             children: centerContent
-          }), /*#__PURE__*/_jsx("div", {
+          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.endSlot, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
             children: endContent
-          })]
-        }) :
+          }, void 0, false)]
+        }, void 0, true) :
         /*#__PURE__*/
         // Two-slot flex layout
-        _jsxs(_Fragment, {
-          children: [hasStartContent && /*#__PURE__*/_jsx("div", {
+        _jsxDEV(_Fragment, {
+          children: [hasStartContent && /*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.startSlot, !hasEndContent && styles.startOnly, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
             children: startContent
-          }), hasEndContent && /*#__PURE__*/_jsx("div", {
+          }, void 0, false), hasEndContent && /*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.endSlot, !hasStartContent && styles.endOnly, edgeCompSlot.inset(edgeCompInsetForSize[size]), dynamicStyles.gap(gapVar)),
             children: endContent
-          })]
-        }), hintElement]
-      })
-    })
-  });
+          }, void 0, false)]
+        }, void 0, true), hintElement]
+      }, void 0, true)
+    }, void 0, false)
+  }, void 0, false);
 }
 Toolbar.displayName = 'Toolbar';

package/dist/Tooltip/Tooltip.js

@@ -19,7 +19,7 @@ import * as stylex from '@stylexjs/stylex';
 import { useTooltip } from "./useTooltip.js";
 import "../theme/tokens.stylex.js";
 import { colorVars } from "../theme/tokens.stylex.js";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 /**
  * Check if children are text-only (no React elements)
  */
@@ -152,15 +152,15 @@ export function Tooltip({
 
   // Sibling mode: render only the tooltip (no wrapper needed)
   if (anchorRef && children == null) {
-    return /*#__PURE__*/_jsx(_Fragment, {
+    return /*#__PURE__*/_jsxDEV(_Fragment, {
       children: tooltip.renderTooltip(content)
-    });
+    }, void 0, false);
   }
 
   // For text-only children: use inline span with ref on wrapper
   if (textOnly) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("span", {
+    return /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [/*#__PURE__*/_jsxDEV("span", {
         ref: tooltip.ref,
         tabIndex: 0,
         "aria-describedby": tooltip.describedBy,
@@ -173,19 +173,19 @@ export function Tooltip({
           }
         }[!!showHoverIndication << 0],
         children: children
-      }), tooltip.renderTooltip(content)]
-    });
+      }, void 0, false), tooltip.renderTooltip(content)]
+    }, void 0, true);
   }
 
   // For element children: use display:contents, ref on first child
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ref: wrapperRef,
       ...{
         className: "xjp7ctv"
       },
       children: children
-    }), tooltip.renderTooltip(content)]
-  });
+    }, void 0, false), tooltip.renderTooltip(content)]
+  }, void 0, true);
 }
 Tooltip.displayName = 'Tooltip';

package/dist/Tooltip/useTooltip.js

@@ -24,7 +24,7 @@ import { colorVars, radiusVars, spacingVars, typographyVars, typeScaleVars } fro
  * is set, so the pointer can travel across the small gap from the trigger onto
  * the tooltip surface without the tooltip disappearing (WCAG 1.4.13 hoverable).
  */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const HOVER_BRIDGE_DELAY = 100;
 const styles = {
   container: {
@@ -302,12 +302,12 @@ export function useTooltip(options = {}) {
       onMouseEnter: cancelHide,
       onMouseLeave: scheduleHide
     };
-    return layer.render(/*#__PURE__*/_jsx("div", {
+    return layer.render(/*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "xfsso4q xy143xn x12gdq22 x1djylfy xw5ewwj x13faqbe"
       },
       children: children
-    }), renderProps);
+    }, void 0, false), renderProps);
   }, [layer, placement, alignment, popoverXstyle, cancelHide, scheduleHide]);
   return {
     ref,

package/dist/TopNav/TopNav.js

@@ -31,7 +31,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Base TopNav styles
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   base: {
     kGNEyG: "x6s0dn4",
@@ -107,7 +107,7 @@ export function TopNav({
   // to strip down the TopNav if there's nothing to put in the drawer.
   // =========================================================================
   if (renderMode === 'mobile-bar') {
-    return /*#__PURE__*/_jsxs("nav", {
+    return /*#__PURE__*/_jsxDEV("nav", {
       ref: ref,
       role: "navigation",
       "aria-label": label,
@@ -115,18 +115,18 @@ export function TopNav({
         mode: 'mobile-bar'
       }), stylex.props(styles.mobileBar, xstyle), className, style),
       ...props,
-      children: [heading && /*#__PURE__*/_jsx("div", {
+      children: [heading && /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 x6s0dn4 x2lah0s"
         },
         children: heading
-      }), /*#__PURE__*/_jsxs("div", {
+      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 x6s0dn4 xzye2dw xvc5jky"
         },
-        children: [endContent, hasMobileDrawerContent && hasAutoToggle && /*#__PURE__*/_jsx(MobileNavToggle, {})]
-      })]
-    });
+        children: [endContent, hasMobileDrawerContent && hasAutoToggle && /*#__PURE__*/_jsxDEV(MobileNavToggle, {}, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true);
   }
 
   // =========================================================================
@@ -138,78 +138,78 @@ export function TopNav({
     if (!hasCollapsibleContent && !mobileContent) {
       return null;
     }
-    return /*#__PURE__*/_jsxs(MobileNav, {
+    return /*#__PURE__*/_jsxDEV(MobileNav, {
       header: heading,
-      children: [hasCollapsibleContent && /*#__PURE__*/_jsxs("div", {
+      children: [hasCollapsibleContent && /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 xdt5ytf x1lsbc85"
         },
         children: [resolvedStartContent, centerContent]
-      }), hasCollapsibleContent && mobileContent && /*#__PURE__*/_jsx("div", {
+      }, void 0, true), hasCollapsibleContent && mobileContent && /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x1g06x3t"
         },
-        children: /*#__PURE__*/_jsx(Divider, {})
-      }), mobileContent && /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsxDEV(Divider, {}, void 0, false)
+      }, void 0, false), mobileContent && /*#__PURE__*/_jsxDEV("div", {
         ...{},
         children: mobileContent
-      })]
-    });
+      }, void 0, false)]
+    }, void 0, true);
   }
 
   // =========================================================================
   // Default mode — full top bar
   // =========================================================================
 
-  return /*#__PURE__*/_jsxs("nav", {
+  return /*#__PURE__*/_jsxDEV("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__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 x18g69wz x845mor xeuugli"
       },
-      children: [heading && /*#__PURE__*/_jsx("div", {
+      children: [heading && /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 x6s0dn4 x2lah0s"
         },
         children: heading
-      }), resolvedStartContent && /*#__PURE__*/_jsx(TopNavSlotContext, {
+      }, void 0, false), resolvedStartContent && /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
         value: "start",
-        children: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "x78zum5 x6s0dn4 xzye2dw"
           },
           children: resolvedStartContent
-        })
-      })]
-    }), hasCenterContent && /*#__PURE__*/_jsx(TopNavSlotContext, {
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true), hasCenterContent && /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
       value: "center",
-      children: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k xzye2dw"
         },
         children: centerContent
-      })
-    }), hasCenterContent ? /*#__PURE__*/_jsx("div", {
+      }, void 0, false)
+    }, void 0, false), hasCenterContent ? /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 x13a6bvl xzye2dw"
       },
-      children: /*#__PURE__*/_jsx(TopNavSlotContext, {
+      children: /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
         value: "end",
         children: endContent
-      })
-    }) : endContent && /*#__PURE__*/_jsx("div", {
+      }, void 0, false)
+    }, void 0, false) : endContent && /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 xzye2dw x2lah0s xvc5jky"
       },
-      children: /*#__PURE__*/_jsx(TopNavSlotContext, {
+      children: /*#__PURE__*/_jsxDEV(TopNavSlotContext, {
         value: "end",
         children: endContent
-      })
-    })]
-  });
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
 }
 TopNav.displayName = 'TopNav';