@astryxdesign/core 0.1.4-canary.ff77e1c → 0.1.4

package/dist/SideNav/SideNavHeading.js

@@ -40,7 +40,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 = {
   root: {
     k1xSpc: "x78zum5",
@@ -176,26 +176,26 @@ export function SideNavHeading({
     return null;
   }
   if (isCollapsed && icon) {
-    const collapsedIcon = /*#__PURE__*/_jsxDEV("span", {
+    const collapsedIcon = /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: icon
-    }, void 0, false);
+    });
     const collapsedSetRef = mergeRefs(collapsedItemRef, ref);
     let collapsedElement;
     if (headingHref) {
-      collapsedElement = /*#__PURE__*/_jsxDEV(LinkComponent, {
+      collapsedElement = /*#__PURE__*/_jsx(LinkComponent, {
         ref: collapsedSetRef,
         href: headingHref,
         "aria-label": heading,
         "data-testid": testId,
         ...mergeProps(themeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, xstyle), className, style),
         children: collapsedIcon
-      }, void 0, false);
+      });
     } else if (menu) {
-      collapsedElement = /*#__PURE__*/_jsxDEV(_Fragment, {
-        children: [/*#__PURE__*/_jsxDEV("button", {
+      collapsedElement = /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("button", {
           ref: collapsedSetRef,
           type: "button",
           "aria-label": heading,
@@ -204,38 +204,38 @@ export function SideNavHeading({
           ...triggerProps,
           ...mergeProps(themeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, styles.menuTrigger, xstyle), className, style),
           children: collapsedIcon
-        }, void 0, false), popover.render(/*#__PURE__*/_jsxDEV("div", {
+        }), popover.render(/*#__PURE__*/_jsxs("div", {
           ref: menuRef,
           role: "menu",
           ...{
             className: "x9epnlk xb3r6kr"
           },
           ...contentProps,
-          children: [/*#__PURE__*/_jsxDEV("button", {
+          children: [/*#__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: [icon && /*#__PURE__*/_jsxDEV("span", {
+            children: [icon && /*#__PURE__*/_jsx("span", {
               ...{
                 className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
               },
               children: icon
-            }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+            }), /*#__PURE__*/_jsxs("span", {
               ...{
                 className: "x78zum5 xdt5ytf x98rzlu xeuugli"
               },
-              children: [superheading && /*#__PURE__*/_jsxDEV("span", {
+              children: [superheading && /*#__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: [/*#__PURE__*/_jsxDEV("span", {
+                children: [/*#__PURE__*/_jsx("span", {
                   ...{
                     0: {
                       className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
@@ -245,45 +245,45 @@ export function SideNavHeading({
                     }
                   }[!!!!(superheading || subheading) << 0],
                   children: heading
-                }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+                }), /*#__PURE__*/_jsx("span", {
                   ...{
                     className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x19jd1h0"
                   },
                   children: getIcon('chevronDown')
-                }, void 0, false)]
-              }, void 0, true), subheading && /*#__PURE__*/_jsxDEV("span", {
+                })]
+              }), subheading && /*#__PURE__*/_jsx("span", {
                 ...{
                   className: "x141an7d x1ltkj2j xv1l7n4 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
                 },
                 children: subheading
-              }, void 0, false)]
-            }, void 0, true)]
-          }, void 0, true), /*#__PURE__*/_jsxDEV(NavHeadingCloseContext, {
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(NavHeadingCloseContext, {
             value: closeMenuCtx,
             children: menu
-          }, void 0, false)]
-        }, void 0, true), {
+          })]
+        }), {
           placement: 'below',
           alignment: 'start',
           xstyle: styles.popover
         })]
-      }, void 0, true);
+      });
     } else {
-      collapsedElement = /*#__PURE__*/_jsxDEV("div", {
+      collapsedElement = /*#__PURE__*/_jsx("div", {
         ref: collapsedSetRef,
         "data-testid": testId,
         ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, styles.rootCollapsed, xstyle), className, style),
         ...props,
         children: collapsedIcon
-      }, void 0, false);
+      });
     }
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [collapsedElement, /*#__PURE__*/_jsxDEV(Tooltip, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [collapsedElement, /*#__PURE__*/_jsx(Tooltip, {
         content: heading,
         placement: "end",
         anchorRef: collapsedItemRef
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   }
   const showChevron = !!menu;
   const hasAnyHref = !!(headingHref || superheadingHref || subheadingHref);
@@ -294,113 +294,113 @@ export function SideNavHeading({
   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 x98rzlu xeuugli"
     },
-    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__PURE__*/_jsxDEV(Link, {
+    children: [superheading && (hasAnyHref && superheadingHref && menu ? /*#__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)), /*#__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,
         ...{
           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,
       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: [icon && /*#__PURE__*/_jsxDEV("span", {
+    children: [icon && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: icon
-    }, 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);
+    }))]
+  });
 
   // 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('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
       ...props,
-      children: [icon && /*#__PURE__*/_jsxDEV("span", {
+      children: [icon && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: icon
-      }, 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('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
-        children: [icon && /*#__PURE__*/_jsxDEV("span", {
+        children: [icon && /*#__PURE__*/_jsx("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: icon
-        }, void 0, false), renderTextContent(/*#__PURE__*/_jsxDEV("button", {
+        }), renderTextContent(/*#__PURE__*/_jsx("button", {
           type: "button",
           "aria-label": "Open menu",
           onClick: e => {
@@ -412,8 +412,8 @@ export function SideNavHeading({
             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",
         ...{
@@ -421,37 +421,37 @@ export function SideNavHeading({
         },
         ...contentProps,
         children: [popoverHeadingContent, menu]
-      }, void 0, true), {
+      }), {
         placement: 'below',
         alignment: 'start',
         xstyle: styles.popoverOverlap
       })]
-    }, void 0, true);
+    });
   }
 
   // Mixed mode: independent links + chevron trigger for menu
   // Popover anchors to the full heading div, not the chevron, so it
   // appears in the same position as the no-links case.
   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('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
-        children: [icon && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+        children: [icon && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
           href: headingHref,
           "aria-label": heading,
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: icon
-        }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
           },
           children: icon
-        }, void 0, false)), renderTextContent(showChevron ? /*#__PURE__*/_jsxDEV("button", {
+        })), renderTextContent(showChevron ? /*#__PURE__*/_jsx("button", {
           type: "button",
           "aria-label": "Open menu",
           onClick: e => {
@@ -463,8 +463,8 @@ export function SideNavHeading({
             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",
         ...{
@@ -472,53 +472,53 @@ export function SideNavHeading({
         },
         ...contentProps,
         children: [popoverHeadingContent, menu]
-      }, 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('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
       ...props,
-      children: [icon && (headingHref ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+      children: [icon && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
         href: headingHref,
         "aria-label": heading,
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: icon
-      }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+      }) : /*#__PURE__*/_jsx("span", {
         ...{
           className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
         },
         children: icon
-      }, void 0, false)), /*#__PURE__*/_jsxDEV("span", {
+      })), /*#__PURE__*/_jsxs("span", {
         ...{
           className: "x78zum5 xdt5ytf x98rzlu 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", {
           ...{
             0: {
               className: "x18juvz8 x2mo6ok xf74fhv x1tgivj0 x1hl2dhg xb3r6kr xlyipyv xuxw1ft"
@@ -528,33 +528,33 @@ export function SideNavHeading({
             }
           }[!!hasCompactHeading << 0],
           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('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
     ...props,
-    children: [icon && /*#__PURE__*/_jsxDEV("span", {
+    children: [icon && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
       },
       children: icon
-    }, void 0, false), renderTextContent(), headerEndContentElement, chevronElement]
-  }, void 0, true);
+    }), renderTextContent(), headerEndContentElement, chevronElement]
+  });
 }
 SideNavHeading.displayName = 'SideNavHeading';