@astryxdesign/core 0.1.4-canary.fd7ab46 → 0.1.4

package/dist/TopNav/TopNavMegaMenu.js

@@ -38,7 +38,7 @@ import { themeProps } from "../utils/themeProps.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 = {
   panelAnimation: {
     kSiTet: "xg01cxk xofkqq2",
@@ -132,17 +132,17 @@ export function TopNavMegaMenu({
   // Drawer mode — inline collapsible
   // =========================================================================
   if (renderMode === 'drawer') {
-    return /*#__PURE__*/_jsxDEV(DrawerMegaMenu, {
+    return /*#__PURE__*/_jsx(DrawerMegaMenu, {
       label: label,
       items: items,
       featured: featured
-    }, void 0, false);
+    });
   }
 
   // =========================================================================
   // Default mode — desktop popover
   // =========================================================================
-  return /*#__PURE__*/_jsxDEV(DefaultMegaMenu, {
+  return /*#__PURE__*/_jsx(DefaultMegaMenu, {
     ref: ref,
     label: label,
     items: items,
@@ -150,7 +150,7 @@ export function TopNavMegaMenu({
     delay: delay,
     hideDelay: hideDelay,
     onOpenChange: onOpenChange
-  }, void 0, false);
+  });
 }
 TopNavMegaMenu.displayName = 'TopNavMegaMenu';
 
@@ -248,8 +248,8 @@ function DefaultMegaMenu({
       clearTimeouts();
     };
   }, [clearTimeouts]);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("button", {
       ref: mergeRefs(triggerButtonRef, ref),
       type: "button",
       "aria-haspopup": "true",
@@ -265,7 +265,7 @@ function DefaultMegaMenu({
           className: "x3nfvp2 x6s0dn4 x1txdalj x1vofgu7 xrrkdod xh6dtrn xcr08ib x1kq96og x1e4wzip x1hl2dhg x1ypdohk xs2xxs2 xuedmi6 xlr8y92 x17nn4n9 x1wfwxd8 x7s97pk xjb2p0i x1tgivj0 x1lmrjuc"
         }
       }[!!popover.isOpen << 0]),
-      children: [label, /*#__PURE__*/_jsxDEV("span", {
+      children: [label, /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x3nfvp2 x6s0dn4 x11xpdln xuedmi6 xlr8y92"
@@ -275,8 +275,8 @@ function DefaultMegaMenu({
           }
         }[!!popover.isOpen << 0],
         children: getIcon('chevronDown')
-      }, void 0, false)]
-    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), popover.render(/*#__PURE__*/_jsx("div", {
       role: "menu",
       "aria-label": label,
       onMouseEnter: handleMouseEnter,
@@ -284,32 +284,32 @@ function DefaultMegaMenu({
       ...{
         className: "x1prclbq x11xkdxz x13fuv20 x1pc3f07 x1hviunn x1i5ehqx xb3r6kr"
       },
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 x1a02dak x1qh66ti x8o8v82 xrrkdod xyzno7u"
         },
-        children: [items != null && /*#__PURE__*/_jsxDEV("div", {
+        children: [items != null && /*#__PURE__*/_jsx("div", {
           ...{
             className: "xgyuaek xs83m0k xchdapg xeuugli"
           },
-          children: /*#__PURE__*/_jsxDEV(Grid, {
+          children: /*#__PURE__*/_jsx(Grid, {
             columns: 2,
             gap: 2,
             children: items
-          }, void 0, false)
-        }, void 0, false), featured != null && /*#__PURE__*/_jsxDEV("div", {
+          })
+        }), featured != null && /*#__PURE__*/_jsx("div", {
           ...{
             className: "x1iyjqo2 xs83m0k xjpgo6f x1hviunn xwmxj5m xb3r6kr x78zum5 xdt5ytf"
           },
           children: featured
-        }, void 0, false)]
-      }, void 0, true)
-    }, void 0, false), {
+        })]
+      })
+    }), {
       placement: 'below',
       alignment: slot,
       xstyle: styles.panelAnimation
     })]
-  }, void 0, true);
+  });
 }
 
 // =============================================================================
@@ -323,11 +323,11 @@ function DrawerMegaMenu({
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const menuId = `mega-menu-${label.toLowerCase().replace(/\s+/g, '-')}`;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x78zum5 xdt5ytf"
     },
-    children: [/*#__PURE__*/_jsxDEV("button", {
+    children: [/*#__PURE__*/_jsxs("button", {
       type: "button",
       onClick: () => setIsExpanded(v => !v),
       "aria-expanded": isExpanded,
@@ -335,7 +335,7 @@ function DrawerMegaMenu({
       ...mergeProps(themeProps('top-nav-mega-menu', {
         mode: 'drawer'
       }), stylex.props(navItemStyles.item, styles.drawerHeader)),
-      children: [label, /*#__PURE__*/_jsxDEV("span", {
+      children: [label, /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
@@ -345,8 +345,8 @@ function DrawerMegaMenu({
           }
         }[!!isExpanded << 0],
         children: getIcon('chevronDown')
-      }, void 0, false)]
-    }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), /*#__PURE__*/_jsx("div", {
       id: `${menuId}-items`,
       ...{
         0: {
@@ -356,17 +356,17 @@ function DrawerMegaMenu({
           className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 x1tu4anv"
         }
       }[!!isExpanded << 0],
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ...{
           className: "xb3r6kr x2lwn1j"
         },
-        children: [items, featured != null && /*#__PURE__*/_jsxDEV("div", {
+        children: [items, featured != null && /*#__PURE__*/_jsx("div", {
           ...{
             className: "xtbrsbv x1l10yog x1hviunn xwmxj5m xb3r6kr"
           },
           children: featured
-        }, void 0, false)]
-      }, void 0, true)
-    }, void 0, false)]
-  }, void 0, true);
+        })]
+      })
+    })]
+  });
 }

package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts

@@ -57,7 +57,7 @@ export interface TopNavMegaMenuFeaturedCardProps extends BaseProps<HTMLDivElemen
  * />
  * ```
  */
-export declare function TopNavMegaMenuFeaturedCard({ ref, title, description, image, imageAlt, linkLabel, linkHref, children, xstyle, className, style, ...rest }: TopNavMegaMenuFeaturedCardProps): React.JSX.Element;
+export declare function TopNavMegaMenuFeaturedCard({ ref, title, description, image, imageAlt, linkLabel, linkHref, children, }: TopNavMegaMenuFeaturedCardProps): React.JSX.Element;
 export declare namespace TopNavMegaMenuFeaturedCard {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TopNavMegaMenuFeaturedCard.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenuFeaturedCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiD5C,MAAM,WAAW,+BAAgC,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,+BAA+B,qBA6BjC;yBA1Ce,0BAA0B"}
+{"version":3,"file":"TopNavMegaMenuFeaturedCard.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenuFeaturedCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiD5C,MAAM,WAAW,+BAAgC,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B,qBA0BjC;yBAnCe,0BAA0B"}

package/dist/TopNav/TopNavMegaMenuFeaturedCard.js

@@ -28,15 +28,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-const styles = {
-  root: {
-    k1xSpc: "x78zum5",
-    kXwgrk: "xdt5ytf",
-    $$css: true
-  }
-};
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Types
 // =============================================================================
@@ -78,45 +70,42 @@ export function TopNavMegaMenuFeaturedCard({
   imageAlt,
   linkLabel,
   linkHref,
-  children,
-  xstyle,
-  className,
-  style,
-  ...rest
+  children
 }) {
   const LinkComponent = useLinkComponent();
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
-    ...mergeProps(themeProps('top-nav-mega-menu-featured-card'), stylex.props(styles.root, xstyle), className, style),
-    ...rest,
-    children: [image && /*#__PURE__*/_jsxDEV("img", {
+    ...mergeProps(themeProps('top-nav-mega-menu-featured-card'), {
+      className: "x78zum5 xdt5ytf"
+    }),
+    children: [image && /*#__PURE__*/_jsx("img", {
       src: image,
       alt: imageAlt ?? '',
       ...{
         className: "xh8yej3 xhjk10j xl1xv1r x1lliihq"
       }
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf x1txdalj x1shk3sm"
       },
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         ...{
           className: "xcr08ib x2mo6ok x1kq96og x1tgivj0"
         },
         children: title
-      }, void 0, false), description && /*#__PURE__*/_jsxDEV("span", {
+      }), description && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x141an7d x1ltkj2j xv1l7n4"
         },
         children: description
-      }, void 0, false), linkLabel && linkHref && /*#__PURE__*/_jsxDEV(LinkComponent, {
+      }), linkLabel && linkHref && /*#__PURE__*/_jsxs(LinkComponent, {
         href: linkHref,
         ...{
           className: "x141an7d x2mo6ok x1ltkj2j xjse4m1 x1hl2dhg"
         },
         children: [linkLabel, " \u2192"]
-      }, void 0, true), children]
-    }, void 0, true)]
-  }, void 0, true);
+      }), children]
+    })]
+  });
 }
 TopNavMegaMenuFeaturedCard.displayName = 'TopNavMegaMenuFeaturedCard';

package/dist/TopNav/TopNavMegaMenuItem.js

@@ -28,7 +28,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   drawerItem: {
     kZCmMZ: "x31w388",
@@ -98,7 +98,7 @@ export function TopNavMegaMenuItem({
       onClick?.();
       closeMobileNav();
     };
-    return /*#__PURE__*/_jsxDEV(Element, {
+    return /*#__PURE__*/_jsxs(Element, {
       ref: ref,
       href: href,
       onClick: handleDrawerClick,
@@ -106,30 +106,30 @@ export function TopNavMegaMenuItem({
       ...mergeProps(themeProps('top-nav-mega-menu-item', {
         mode: 'drawer'
       }), stylex.props(navItemStyles.item, styles.drawerItem)),
-      children: [icon && /*#__PURE__*/_jsxDEV("div", {
+      children: [icon && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k x1td3qas x10w6t97 xh6dtrn x17x4s8c x2lah0s xv9yike xjc2qm6"
         },
         children: icon
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 xdt5ytf x1lsbc85 xeuugli"
         },
-        children: [title, description && /*#__PURE__*/_jsxDEV("span", {
+        children: [title, description && /*#__PURE__*/_jsx("span", {
           ...{
             className: "x141an7d x1ltkj2j xv1l7n4 x1sodnla"
           },
           children: description
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true);
+        })]
+      })]
+    });
   }
 
   // =========================================================================
   // Default mode — desktop popover item with large icon + description
   // =========================================================================
   const Element = href ? LinkComponent : 'div';
-  return /*#__PURE__*/_jsxDEV(Element, {
+  return /*#__PURE__*/_jsxs(Element, {
     ref: ref,
     href: href,
     onClick: onClick,
@@ -137,27 +137,27 @@ export function TopNavMegaMenuItem({
     ...mergeProps(themeProps('top-nav-mega-menu-item'), {
       className: "x78zum5 x1cy8zhl xjcht0a x8o8v82 xrrkdod xh6dtrn x1hl2dhg x1ypdohk x15406qy xuedmi6 xlr8y92 xjbqb8w xe9uy6x xyxi2l3 x17nn4n9 x1wfwxd8 x7s97pk x1heor9g xjb2p0i x1yc453h x9f619 xh8yej3"
     }),
-    children: [icon && /*#__PURE__*/_jsxDEV("div", {
+    children: [icon && /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k x100vrsf x1vqgdyp xh6dtrn x17x4s8c x2lah0s xv9yike"
       },
       children: icon
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf xzye2dw xeuugli"
       },
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         ...{
           className: "xcr08ib x1kq96og x2mo6ok x1tgivj0"
         },
         children: title
-      }, void 0, false), description && /*#__PURE__*/_jsxDEV("span", {
+      }), description && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x141an7d x1ltkj2j x1sodnla xv1l7n4"
         },
         children: description
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      })]
+    })]
+  });
 }
 TopNavMegaMenuItem.displayName = 'TopNavMegaMenuItem';

package/dist/TopNav/TopNavMenu.js

@@ -32,7 +32,7 @@ import { colorVars, spacingVars, radiusVars, durationVars, easeVars, fontWeightV
 // =============================================================================
 // 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 = {
   menuOffset: {
     keoZOQ: "xcsaf9d",
@@ -144,17 +144,17 @@ export function TopNavMenu({
 
   // Drawer mode: collapsible section
   if (renderMode === 'drawer') {
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf"
       },
-      children: [/*#__PURE__*/_jsxDEV("button", {
+      children: [/*#__PURE__*/_jsxs("button", {
         type: "button",
         onClick: () => setDrawerExpanded(v => !v),
         "aria-expanded": drawerExpanded,
         "aria-controls": `${menuId}-items`,
         ...stylex.props(navItemStyles.item, drawerStyles.header),
-        children: [label, /*#__PURE__*/_jsxDEV("span", {
+        children: [label, /*#__PURE__*/_jsx("span", {
           ...{
             0: {
               className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
@@ -164,8 +164,8 @@ export function TopNavMenu({
             }
           }[!!drawerExpanded << 0],
           children: getIcon('chevronDown')
-        }, void 0, false)]
-      }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), /*#__PURE__*/_jsx("div", {
         id: `${menuId}-items`,
         ...{
           0: {
@@ -175,42 +175,42 @@ export function TopNavMenu({
             className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 x1tu4anv"
           }
         }[!!drawerExpanded << 0],
-        children: /*#__PURE__*/_jsxDEV("div", {
+        children: /*#__PURE__*/_jsx("div", {
           ...{
             className: "xb3r6kr x2lwn1j"
           },
-          children: items.map(item => /*#__PURE__*/_jsxDEV(LinkComponent, {
+          children: items.map(item => /*#__PURE__*/_jsxs(LinkComponent, {
             href: item.href,
             onClick: _e => {
               item.onClick?.();
               closeMobileNav();
             },
             ...stylex.props(navItemStyles.item, drawerStyles.item),
-            children: [item.icon && /*#__PURE__*/_jsxDEV("span", {
+            children: [item.icon && /*#__PURE__*/_jsx("span", {
               ...{
                 className: "x2lah0s xw4jnvo x1qx5ct2"
               },
               children: item.icon
-            }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+            }), /*#__PURE__*/_jsxs("span", {
               ...{
                 className: "x78zum5 xdt5ytf x1lsbc85"
               },
-              children: [item.title, item.description && /*#__PURE__*/_jsxDEV("span", {
+              children: [item.title, item.description && /*#__PURE__*/_jsx("span", {
                 ...{
                   className: "x141an7d xv1l7n4 x1sodnla"
                 },
                 children: item.description
-              }, void 0, false)]
-            }, void 0, true)]
-          }, getMenuItemKey(item), true))
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
+              })]
+            })]
+          }, getMenuItemKey(item)))
+        })
+      })]
+    });
   }
 
   // Default: desktop popover
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("button", {
       ref: setTriggerRef,
       type: "button",
       ...popover.triggerProps,
@@ -223,7 +223,7 @@ export function TopNavMenu({
           className: "x3nfvp2 x6s0dn4 x1txdalj x1vofgu7 xrrkdod xh6dtrn xcr08ib x1kq96og x1e4wzip x1hl2dhg x1ypdohk xs2xxs2 xuedmi6 xlr8y92 x17nn4n9 x1wfwxd8 x7s97pk xjb2p0i x1tgivj0 x1lmrjuc"
         }
       }[!!popover.isOpen << 0]),
-      children: [label, /*#__PURE__*/_jsxDEV("span", {
+      children: [label, /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x3nfvp2 x6s0dn4 x11xpdln xuedmi6 xlr8y92"
@@ -233,8 +233,8 @@ export function TopNavMenu({
           }
         }[!!popover.isOpen << 0],
         children: getIcon('chevronDown')
-      }, void 0, false)]
-    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), popover.render(/*#__PURE__*/_jsx("div", {
       ref: menuRef,
       role: "menu",
       "aria-label": label,
@@ -244,7 +244,7 @@ export function TopNavMenu({
       },
       children: items.map(item => {
         const Element = item.href ? 'a' : 'div';
-        return /*#__PURE__*/_jsxDEV(Element, {
+        return /*#__PURE__*/_jsxs(Element, {
           role: "menuitem",
           tabIndex: popover.isOpen ? 0 : -1,
           href: item.href,
@@ -252,34 +252,34 @@ export function TopNavMenu({
           ...{
             className: "x78zum5 x6s0dn4 xjcht0a x8o8v82 xrrkdod xh6dtrn x1hl2dhg x1ypdohk x15406qy xuedmi6 xlr8y92 xjbqb8w xe9uy6x x17nn4n9 x1wfwxd8 x7s97pk"
           },
-          children: [/*#__PURE__*/_jsxDEV("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             ...{
               className: "x78zum5 x6s0dn4 xl56j7k x100vrsf x1vqgdyp xh6dtrn x17x4s8c x2lah0s"
             },
             children: item.icon
-          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          }), /*#__PURE__*/_jsxs("div", {
             ...{
               className: "x78zum5 xdt5ytf xzye2dw xeuugli"
             },
-            children: [/*#__PURE__*/_jsxDEV("span", {
+            children: [/*#__PURE__*/_jsx("span", {
               ...{
                 className: "xcr08ib x1kq96og x2mo6ok x1tgivj0"
               },
               children: item.title
-            }, void 0, false), item.description && /*#__PURE__*/_jsxDEV("span", {
+            }), item.description && /*#__PURE__*/_jsx("span", {
               ...{
                 className: "x141an7d x1ltkj2j x1sodnla xv1l7n4"
               },
               children: item.description
-            }, void 0, false)]
-          }, void 0, true)]
-        }, getMenuItemKey(item), true);
+            })]
+          })]
+        }, getMenuItemKey(item));
       })
-    }, void 0, false), {
+    }), {
       placement: 'below',
       alignment: slot,
       xstyle: styles.menuOffset
     })]
-  }, void 0, true);
+  });
 }
 TopNavMenu.displayName = 'TopNavMenu';

package/dist/TreeList/TreeList.js

@@ -26,7 +26,7 @@ import { useTreeFocus } from "../hooks/useTreeFocus.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -177,7 +177,7 @@ export function TreeList({
       const hasChildren = item.children != null && item.children.length > 0;
       const ancestorsIsLastForChildren = hasChildren ? [...ancestorsIsLast, isLast] : ancestorsIsLast;
       const renderedChildren = isExpanded && hasChildren ? renderItems(item.children ?? [], nestedLevel + 1, ancestorsIsLastForChildren) : undefined;
-      return /*#__PURE__*/_jsxDEV(TreeListItem, {
+      return /*#__PURE__*/_jsx(TreeListItem, {
         id: item.id,
         label: item.label,
         description: item.description,
@@ -199,22 +199,22 @@ export function TreeList({
         posInSet: index + 1,
         setSize: items.length,
         isTabbable: item.id === initialTabbableId
-      }, item.id, false);
+      }, item.id);
     });
   }
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     "data-testid": testId,
     ...mergeProps(themeProps('tree-list', {
       density
     }), stylex.props(styles.root, xstyle), className, style),
-    children: [header != null && /*#__PURE__*/_jsxDEV("div", {
+    children: [header != null && /*#__PURE__*/_jsx("div", {
       id: headerId,
       ...{
         className: "x1p37lm5"
       },
       children: header
-    }, void 0, false), /*#__PURE__*/_jsxDEV("ul", {
+    }), /*#__PURE__*/_jsx("ul", {
       ref: treeRef,
       role: "tree",
       "aria-labelledby": header != null ? headerId : undefined,
@@ -224,7 +224,7 @@ export function TreeList({
         className: "x1ghz6dp x1717udv x3ct3a4"
       },
       children: renderItems(items, 0, [])
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 TreeList.displayName = 'TreeList';

package/dist/TreeList/TreeListBranches.js

@@ -16,7 +16,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const LINE_WIDTH = 1;
 
 /**
@@ -44,14 +44,14 @@ export function TreeListBranches({
   isLast: _isLast,
   nestedLevel
 }) {
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
     children: [ancestorsIsLast.map((ancestorIsLast, level) => {
       const branchOffset = `calc(${BRANCH_MARGIN} + ${level} * ${LEVEL_INDENT})`;
       return (
         // Skip the level that the current-item connector occupies
         // (nestedLevel - 1), since that position is rendered below
         // with the correct terminus/continuation style.
-        !ancestorIsLast && level !== nestedLevel - 1 && /*#__PURE__*/_jsxDEV("div", {
+        !ancestorIsLast && level !== nestedLevel - 1 && /*#__PURE__*/_jsx("div", {
           ...mergeProps({
             className: "x5yr21d x10l6tqk xfyiiit"
           }, {
@@ -59,14 +59,14 @@ export function TreeListBranches({
               left: branchOffset
             }
           }),
-          children: /*#__PURE__*/_jsxDEV("div", {
+          children: /*#__PURE__*/_jsx("div", {
             ...{
               className: "x1nj7uno xu96u03 x1bpp3o7 x10l6tqk x3m8u43 x1i1rx1s x7njt3n xs02d24"
             }
-          }, void 0, false)
-        }, level, false)
+          })
+        }, level)
       );
-    }), nestedLevel > 0 && /*#__PURE__*/_jsxDEV("div", {
+    }), nestedLevel > 0 && /*#__PURE__*/_jsx("div", {
       ...mergeProps({
         className: "x5yr21d x10l6tqk xfyiiit"
       }, {
@@ -74,12 +74,12 @@ export function TreeListBranches({
           left: `calc(${BRANCH_MARGIN} + ${nestedLevel - 1} * ${LEVEL_INDENT})`
         }
       }),
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...{
           className: "x1nj7uno xu96u03 x1bpp3o7 x10l6tqk x3m8u43 x1i1rx1s x7njt3n xs02d24"
         }
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 TreeListBranches.displayName = 'TreeListBranches';