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

package/dist/TopNav/TopNavHeading.js

@@ -35,7 +35,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
-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";
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -159,135 +159,135 @@ export function TopNavHeading({
   const isWholeHeadingLink = !!headingHref && !menu && !superheadingHref && !subheadingHref;
 
   // Render text content with optional inline chevron
-  const renderTextContent = inlineChevron => /*#__PURE__*/_jsxs("span", {
+  const renderTextContent = inlineChevron => /*#__PURE__*/_jsxDEV("span", {
     ...{
       className: "x78zum5 xdt5ytf xeuugli"
     },
-    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__PURE__*/_jsx(Link, {
+    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__PURE__*/_jsxDEV(Link, {
       href: superheadingHref,
       onClick: e => e.stopPropagation(),
       color: "secondary",
       size: "xsm",
       children: superheading
-    }) : /*#__PURE__*/_jsx("span", {
+    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
       },
       children: superheading
-    })), /*#__PURE__*/_jsxs("span", {
+    }, void 0, false)), /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x78zum5 x6s0dn4 xzye2dw"
       },
-      children: [hasAnyHref && headingHref && menu ? /*#__PURE__*/_jsx(LinkComponent, {
+      children: [hasAnyHref && headingHref && menu ? /*#__PURE__*/_jsxDEV(LinkComponent, {
         href: headingHref,
         onClick: e => e.stopPropagation(),
         ...{
           className: "x18juvz8 x2mo6ok xf74fhv x1hl2dhg x1heor9g xb3r6kr xlyipyv xuxw1ft"
         },
         children: heading
-      }) : /*#__PURE__*/_jsx("span", {
+      }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
         },
         children: heading
-      }), inlineChevron]
-    }), subheading && (hasAnyHref && subheadingHref && menu ? /*#__PURE__*/_jsx(Link, {
+      }, void 0, false), inlineChevron]
+    }, void 0, true), subheading && (hasAnyHref && subheadingHref && menu ? /*#__PURE__*/_jsxDEV(Link, {
       href: subheadingHref,
       onClick: e => e.stopPropagation(),
       color: "secondary",
       size: "xsm",
       children: subheading
-    }) : /*#__PURE__*/_jsx("span", {
+    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
       },
       children: subheading
-    }))]
-  });
-  const chevronElement = showChevron && /*#__PURE__*/_jsx("span", {
+    }, void 0, false))]
+  }, void 0, true);
+  const chevronElement = showChevron && /*#__PURE__*/_jsxDEV("span", {
     ...{
       className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike"
     },
     children: getIcon('chevronDown')
-  });
-  const headerEndContentElement = headerEndContent && /*#__PURE__*/_jsx("span", {
+  }, void 0, false);
+  const headerEndContentElement = headerEndContent && /*#__PURE__*/_jsxDEV("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__*/_jsxs("button", {
+  const popoverHeadingContent = /*#__PURE__*/_jsxDEV("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__*/_jsx("span", {
+    children: [logo && /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: logo
-    }), renderTextContent(/*#__PURE__*/_jsx("span", {
+    }, void 0, false), renderTextContent(/*#__PURE__*/_jsxDEV("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__*/_jsx(Element, {
+    return /*#__PURE__*/_jsxDEV(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__*/_jsx("span", {
+      children: logo && /*#__PURE__*/_jsxDEV("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__*/_jsxs(LinkComponent, {
+    return /*#__PURE__*/_jsxDEV(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__*/_jsx("span", {
+      children: [logo && /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }), renderTextContent(), headerEndContentElement, chevronElement]
-    });
+      }, void 0, false), renderTextContent(), headerEndContentElement, chevronElement]
+    }, void 0, true);
   }
 
   // Whole header is the popover trigger (menu, no hrefs)
   if (isWholeHeadingTrigger) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [/*#__PURE__*/_jsxDEV("div", {
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
         ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
-        children: [logo && /*#__PURE__*/_jsx("span", {
+        children: [logo && /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        }), renderTextContent(/*#__PURE__*/_jsx("button", {
+        }, void 0, false), renderTextContent(/*#__PURE__*/_jsxDEV("button", {
           type: "button",
           "aria-label": "Open menu",
           onClick: e => {
@@ -299,35 +299,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')
-        })), headerEndContentElement]
-      }), popover.render(/*#__PURE__*/_jsxs("div", {
+        }, void 0, false)), headerEndContentElement]
+      }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
         ref: menuRef,
         role: "menu",
         ...{
           className: "x9epnlk xb3r6kr"
         },
         ...contentProps,
-        children: [popoverHeadingContent, /*#__PURE__*/_jsx(NavHeadingCloseContext, {
+        children: [popoverHeadingContent, /*#__PURE__*/_jsxDEV(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__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [/*#__PURE__*/_jsxDEV("div", {
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
         ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
-        children: [logo && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
+        children: [logo && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
           href: headingHref,
           "aria-label": logoLinkLabel,
           onClick: e => e.stopPropagation(),
@@ -335,12 +335,12 @@ export function TopNavHeading({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        }) : /*#__PURE__*/_jsx("span", {
+        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: logo
-        })), renderTextContent(showChevron ? /*#__PURE__*/_jsx("button", {
+        }, void 0, false)), renderTextContent(showChevron ? /*#__PURE__*/_jsxDEV("button", {
           type: "button",
           "aria-label": "Open menu",
           onClick: e => {
@@ -352,96 +352,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')
-        }) : undefined), headerEndContentElement]
-      }), popover.render(/*#__PURE__*/_jsxs("div", {
+        }, void 0, false) : undefined), headerEndContentElement]
+      }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
         ref: menuRef,
         role: "menu",
         ...{
           className: "x9epnlk xb3r6kr"
         },
         ...contentProps,
-        children: [popoverHeadingContent, /*#__PURE__*/_jsx(NavHeadingCloseContext, {
+        children: [popoverHeadingContent, /*#__PURE__*/_jsxDEV(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__*/_jsxs("div", {
+    return /*#__PURE__*/_jsxDEV("div", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
       ...props,
-      children: [logo && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
+      children: [logo && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
         href: headingHref,
         "aria-label": logoLinkLabel,
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      }) : /*#__PURE__*/_jsx("span", {
+      }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: logo
-      })), /*#__PURE__*/_jsxs("span", {
+      }, void 0, false)), /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x78zum5 xdt5ytf xeuugli"
         },
-        children: [superheading && (superheadingHref ? /*#__PURE__*/_jsx(Link, {
+        children: [superheading && (superheadingHref ? /*#__PURE__*/_jsxDEV(Link, {
           href: superheadingHref,
           color: "secondary",
           size: "xsm",
           children: superheading
-        }) : /*#__PURE__*/_jsx("span", {
+        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: superheading
-        })), headingHref ? /*#__PURE__*/_jsx(Link, {
+        }, void 0, false)), headingHref ? /*#__PURE__*/_jsxDEV(Link, {
           href: headingHref,
           color: "primary",
           weight: "semibold",
           children: heading
-        }) : /*#__PURE__*/_jsx("span", {
+        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: heading
-        }), subheading && (subheadingHref ? /*#__PURE__*/_jsx(Link, {
+        }, void 0, false), subheading && (subheadingHref ? /*#__PURE__*/_jsxDEV(Link, {
           href: subheadingHref,
           color: "secondary",
           size: "xsm",
           children: subheading
-        }) : /*#__PURE__*/_jsx("span", {
+        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
           },
           children: subheading
-        }))]
-      }), headerEndContentElement, chevronElement]
-    });
+        }, void 0, false))]
+      }, void 0, true), headerEndContentElement, chevronElement]
+    }, void 0, true);
   }
 
   // Default: static heading, no links, no menu
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     "data-testid": testId,
     ...mergeProps(themeProps('top-nav-heading'), stylex.props(styles.root, xstyle), className, style),
     ...props,
-    children: [logo && /*#__PURE__*/_jsx("span", {
+    children: [logo && /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: logo
-    }), renderTextContent(), headerEndContentElement, chevronElement]
-  });
+    }, void 0, false), renderTextContent(), headerEndContentElement, chevronElement]
+  }, void 0, true);
 }
 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 { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   base: {
     k1xSpc: "x3nfvp2",
@@ -119,7 +119,7 @@ export function TopNavItem({
       props.onClick?.(e);
       closeMobileNav();
     };
-    return /*#__PURE__*/_jsxs(LinkComponent, {
+    return /*#__PURE__*/_jsxDEV(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__*/_jsxs(LinkComponent, {
+  return /*#__PURE__*/_jsxDEV(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';

package/dist/TopNav/TopNavMegaMenu.js

@@ -38,7 +38,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
-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";
 const styles = {
   panelAnimation: {
     kSiTet: "xg01cxk xofkqq2",
@@ -132,17 +132,17 @@ export function TopNavMegaMenu({
   // Drawer mode — inline collapsible
   // =========================================================================
   if (renderMode === 'drawer') {
-    return /*#__PURE__*/_jsx(DrawerMegaMenu, {
+    return /*#__PURE__*/_jsxDEV(DrawerMegaMenu, {
       label: label,
       items: items,
       featured: featured
-    });
+    }, void 0, false);
   }
 
   // =========================================================================
   // Default mode — desktop popover
   // =========================================================================
-  return /*#__PURE__*/_jsx(DefaultMegaMenu, {
+  return /*#__PURE__*/_jsxDEV(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__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("button", {
+  return /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [/*#__PURE__*/_jsxDEV("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__*/_jsx("span", {
+      children: [label, /*#__PURE__*/_jsxDEV("span", {
         ...{
           0: {
             className: "x3nfvp2 x6s0dn4 x11xpdln xuedmi6 xlr8y92"
@@ -275,8 +275,8 @@ function DefaultMegaMenu({
           }
         }[!!popover.isOpen << 0],
         children: getIcon('chevronDown')
-      })]
-    }), popover.render(/*#__PURE__*/_jsx("div", {
+      }, void 0, false)]
+    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
       role: "menu",
       "aria-label": label,
       onMouseEnter: handleMouseEnter,
@@ -284,32 +284,32 @@ function DefaultMegaMenu({
       ...{
         className: "x1prclbq x11xkdxz x13fuv20 x1pc3f07 x1hviunn x1i5ehqx xb3r6kr"
       },
-      children: /*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x78zum5 x1a02dak x1qh66ti x8o8v82 xrrkdod xyzno7u"
         },
-        children: [items != null && /*#__PURE__*/_jsx("div", {
+        children: [items != null && /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "xgyuaek xs83m0k xchdapg xeuugli"
           },
-          children: /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxDEV(Grid, {
             columns: 2,
             gap: 2,
             children: items
-          })
-        }), featured != null && /*#__PURE__*/_jsx("div", {
+          }, void 0, false)
+        }, void 0, false), featured != null && /*#__PURE__*/_jsxDEV("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__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ...{
       className: "x78zum5 xdt5ytf"
     },
-    children: [/*#__PURE__*/_jsxs("button", {
+    children: [/*#__PURE__*/_jsxDEV("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__*/_jsx("span", {
+      children: [label, /*#__PURE__*/_jsxDEV("span", {
         ...{
           0: {
             className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
@@ -345,8 +345,8 @@ function DrawerMegaMenu({
           }
         }[!!isExpanded << 0],
         children: getIcon('chevronDown')
-      })]
-    }), /*#__PURE__*/_jsx("div", {
+      }, void 0, false)]
+    }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
       id: `${menuId}-items`,
       ...{
         0: {
@@ -356,17 +356,17 @@ function DrawerMegaMenu({
           className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 x1tu4anv"
         }
       }[!!isExpanded << 0],
-      children: /*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "xb3r6kr x2lwn1j"
         },
-        children: [items, featured != null && /*#__PURE__*/_jsx("div", {
+        children: [items, featured != null && /*#__PURE__*/_jsxDEV("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, }: TopNavMegaMenuFeaturedCardProps): React.JSX.Element;
+export declare function TopNavMegaMenuFeaturedCard({ ref, title, description, image, imageAlt, linkLabel, linkHref, children, xstyle, className, style, ...rest }: 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,GACT,EAAE,+BAA+B,qBA0BjC;yBAnCe,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,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,+BAA+B,qBA6BjC;yBA1Ce,0BAA0B"}

package/dist/TopNav/TopNavMegaMenuFeaturedCard.js

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