@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.114

package/SearchNav/index.js

@@ -31,22 +31,22 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
-const Menu = require("../__chunks__/Menu-Du8SsMeJ.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-_YQekhlm.js");
-const SelectOverlay = require("../__chunks__/SelectOverlay-DjiJHthj.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const SelectOverlay = require("../__chunks__/SelectOverlay-Bva0SG8D.js");
 const useTriggerWidth = require("../__chunks__/useTriggerWidth-NhYqZmlX.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");
 const Menu$1 = require("../__chunks__/Menu-OacI_98l.js");
 const Search$1 = require("../__chunks__/Search-BY7IgEyX.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
-const Button = require("../__chunks__/Button-C3vDXJsJ.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Button = require("../__chunks__/Button-CQdi4TMV.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -82,7 +82,7 @@ const styles$7 = {
 };
 function Separator(props) {
   const { group } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: utilities_css.classNames(styles$7.separator, styles$7[utilities_css.variationName("group", group)])
   });
 }
@@ -100,14 +100,14 @@ function useInternalSearchNavContext() {
 }
 function LogoGroup(_props) {
   const { logo: logo2, title, selector } = useInternalSearchNavContext();
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: utilities_css.classNames(styles$6.logoGroup),
-    children: [logo2, title && jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Separator, {
+    children: [logo2, title && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(Separator, {
         group: "logo"
       }), title]
-    }), selector && jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Separator, {
+    }), selector && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(Separator, {
         group: "logo"
       }), selector]
     })]
@@ -120,7 +120,7 @@ const styles$5 = {
 };
 function Search(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: utilities_css.classNames(styles$5.search),
     children
   });
@@ -176,43 +176,43 @@ const styles$4 = {
 function CTAGroup(_props) {
   const { menuOverlayProps, ctaMenuSymbol, primaryCTAItem, secondaryCTAItems } = useInternalSearchNavContext();
   const totalItems = (secondaryCTAItems == null ? void 0 : secondaryCTAItems.length) || 0;
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs("div", {
       className: utilities_css.classNames(styles$4.ctaGroup, styles$4.ctaGroupExpanded),
       children: [secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item, index) => {
         const isLastChild = index === totalItems - 1;
         const itemEle = item;
-        return jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, {
-          children: [itemEle, !isLastChild && jsxRuntime.jsxRuntimeExports.jsx(Separator, {
+        return jsxRuntime.jsxs(React.Fragment, {
+          children: [itemEle, !isLastChild && jsxRuntime.jsx(Separator, {
             group: "cta"
           })]
         }, itemEle.key);
-      }), primaryCTAItem && jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Separator, {
+      }), primaryCTAItem && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(Separator, {
           group: "cta"
         }), primaryCTAItem]
       })]
-    }), jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    }), jsxRuntime.jsxs("div", {
       className: utilities_css.classNames(styles$4.ctaGroup, styles$4.ctaGroupMenu),
-      children: [jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-          children: jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, {
+      children: [jsxRuntime.jsxs(Menu.Menu, {
+        children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+          children: jsxRuntime.jsxs(UnstyledButton.UnstyledButton, {
             className: utilities_css.classNames(styles$4.menuBtn),
-            children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+            children: [jsxRuntime.jsx(Icon.Icon, {
               symbol: ctaMenuSymbol ? ctaMenuSymbol : Help
-            }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+            }), jsxRuntime.jsx(Text.Text, {
               visuallyHidden: true,
               children: "menu"
             })]
           })
-        }), jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Overlay, __spreadProps(__spreadValues({
+        }), jsxRuntime.jsx(Menu.Menu.Overlay, __spreadProps(__spreadValues({
           placement: "bottom right"
         }, menuOverlayProps), {
-          children: jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Section, {
+          children: jsxRuntime.jsx(Menu.Menu.Section, {
             "aria-label": "Nav actions",
             children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
               const itemEle = item;
-              return jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Item, {
+              return jsxRuntime.jsx(Menu.Menu.Item, {
                 href: itemEle.props.href,
                 target: itemEle.props.target,
                 children: itemEle.props.label
@@ -220,8 +220,8 @@ function CTAGroup(_props) {
             })
           })
         }))]
-      }), primaryCTAItem && jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Separator, {
+      }), primaryCTAItem && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(Separator, {
           group: "cta"
         }), primaryCTAItem]
       })]
@@ -235,7 +235,7 @@ const styles$3 = {
 };
 function Logo(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: utilities_css.classNames(styles$3.logo),
     children
   });
@@ -247,11 +247,11 @@ const styles$2 = {
 };
 function SecondaryCTAItem(props) {
   const _a = props, { symbol, label, hideLabelOnDesktop = false } = _a, restProps = __objRest(_a, ["symbol", "label", "hideLabelOnDesktop"]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
+  return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
     className: utilities_css.classNames(styles$2.cta),
-    children: [symbol && jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    children: [symbol && jsxRuntime.jsx(Icon.Icon, {
       symbol
-    }), hideLabelOnDesktop ? jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), hideLabelOnDesktop ? jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: label
     }) : label]
@@ -268,18 +268,18 @@ function SelectorTrigger(props) {
   var _a;
   const { valueProps, label } = props;
   const { triggerProps, triggerRef, selectState } = SelectOverlay.useInternalSelectContext();
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(SelectOverlay.$bdd25dc72710631f$export$cbd84cdb2e668835, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(SelectOverlay.$bdd25dc72710631f$export$cbd84cdb2e668835, {
       state: selectState,
       triggerRef,
       label
-    }), jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+    }), jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
       ref: triggerRef,
       className: utilities_css.classNames(styles$1.triggerBtn),
-      children: [jsxRuntime.jsxRuntimeExports.jsx("span", __spreadProps(__spreadValues({}, valueProps), {
+      children: [jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, valueProps), {
         className: utilities_css.classNames(styles$1.text),
         children: (_a = selectState.selectedItem) == null ? void 0 : _a.rendered
-      })), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      })), jsxRuntime.jsx(Icon.Icon, {
         symbol: ExpandMore400.ExpandMore400,
         size: "xs"
       })]
@@ -301,12 +301,12 @@ function Selector(props) {
       triggerWidth
     };
   }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(SelectOverlay.InternalSelectContext.Provider, {
+  return jsxRuntime.jsxs(SelectOverlay.InternalSelectContext.Provider, {
     value: context,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(SelectorTrigger, {
+    children: [jsxRuntime.jsx(SelectorTrigger, {
       valueProps,
       label
-    }), jsxRuntime.jsxRuntimeExports.jsx(SelectOverlay.SelectOverlay, {})]
+    }), jsxRuntime.jsx(SelectOverlay.SelectOverlay, {})]
   });
 }
 Selector.displayName = "SearchNav.Selector";
@@ -329,48 +329,48 @@ function CondensedSearchNav() {
   const [isSearchOpen, setIsSearchOpen] = React.useState(false);
   const { search: search2, selectorChildren, secondaryCTAItems, primaryCTAItem, selectorLabel, menuOverlayProps, condensedBehavior } = useInternalSearchNavContext();
   const hasMenuToShow = !!selectorChildren || !!secondaryCTAItems;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: utilities_css.classNames(styles.condensed),
-    children: isSearchOpen ? jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: isSearchOpen ? jsxRuntime.jsxs("div", {
       className: utilities_css.classNames(styles.condensedSearch),
-      children: [search2, jsxRuntime.jsxRuntimeExports.jsx(UnstyledButton.UnstyledButton, {
+      children: [search2, jsxRuntime.jsx(UnstyledButton.UnstyledButton, {
         className: utilities_css.classNames(styles.btn),
         onPress: () => setIsSearchOpen((prev) => !prev),
-        children: jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+        children: jsxRuntime.jsx(Icon.Icon, {
           symbol: Close.Close,
           size: "xs"
         })
       })]
-    }) : jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-      children: [condensedBehavior === "collapse-to-menu" && hasMenuToShow ? jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
+    }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [condensedBehavior === "collapse-to-menu" && hasMenuToShow ? jsxRuntime.jsxs(Menu.Menu, {
         isOpen: isMenuOpen,
         onOpenChange: setIsMenuOpen,
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-          children: jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, {
+        children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+          children: jsxRuntime.jsxs(UnstyledButton.UnstyledButton, {
             className: utilities_css.classNames(styles.btn, styles.menuBtn, isMenuOpen && styles.menuOpen),
-            children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+            children: [jsxRuntime.jsx(Icon.Icon, {
               symbol: Menu$1.Menu
-            }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+            }), jsxRuntime.jsx(Text.Text, {
               visuallyHidden: true,
               children: "menu"
             })]
           })
-        }), jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu.Overlay, __spreadProps(__spreadValues({
+        }), jsxRuntime.jsxs(Menu.Menu.Overlay, __spreadProps(__spreadValues({
           placement: "bottom left"
         }, menuOverlayProps), {
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Section, {
+          children: [jsxRuntime.jsx(Menu.Menu.Section, {
             "aria-label": selectorLabel,
             children: selectorChildren == null ? void 0 : selectorChildren.map((item) => {
               const itemEle = item;
-              return jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Item, {
+              return jsxRuntime.jsx(Menu.Menu.Item, {
                 children: itemEle.props.children
               }, utilities_react.getFlattenedKey(itemEle.key));
             })
-          }), jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Section, {
+          }), jsxRuntime.jsx(Menu.Menu.Section, {
             "aria-label": "Nav actions",
             children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
               const itemEle = item;
-              return jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Item, {
+              return jsxRuntime.jsx(Menu.Menu.Item, {
                 href: itemEle.props.href,
                 target: itemEle.props.target,
                 children: itemEle.props.label
@@ -378,16 +378,16 @@ function CondensedSearchNav() {
             })
           })]
         }))]
-      }) : jsxRuntime.jsxRuntimeExports.jsx(LogoGroup, {
+      }) : jsxRuntime.jsx(LogoGroup, {
         children: null
-      }), (search2 || primaryCTAItem) && jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+      }), (search2 || primaryCTAItem) && jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
         gap: "2",
-        children: [search2 && jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, {
+        children: [search2 && jsxRuntime.jsxs(UnstyledButton.UnstyledButton, {
           className: utilities_css.classNames(styles.btn, styles.searchBtn),
           onPress: () => setIsSearchOpen((prev) => !prev),
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+          children: [jsxRuntime.jsx(Icon.Icon, {
             symbol: Search$1.Search
-          }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+          }), jsxRuntime.jsx(Text.Text, {
             visuallyHidden: true,
             children: "search"
           })]
@@ -398,7 +398,7 @@ function CondensedSearchNav() {
 }
 function PrimaryCTAItem(props) {
   const _a = props, { label } = _a, restProps = __objRest(_a, ["label"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Button.Button, __spreadProps(__spreadValues({}, restProps), {
+  return jsxRuntime.jsx(Button.Button, __spreadProps(__spreadValues({}, restProps), {
     variant: "outlined",
     size: "sm",
     color: "support",
@@ -408,7 +408,7 @@ function PrimaryCTAItem(props) {
 PrimaryCTAItem.displayName = "SearchNav.PrimaryCTAItem";
 function Title(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     variant: "subtitle1",
     transform: "uppercase",
     children
@@ -509,14 +509,14 @@ function SearchNav(props) {
       }
     };
   }, [children, menuOverlayProps, ctaMenuSymbol, condensedBehavior]);
-  return jsxRuntime.jsxRuntimeExports.jsx(InternalSearchNavContext.Provider, {
+  return jsxRuntime.jsx(InternalSearchNavContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("nav", {
+    children: jsxRuntime.jsxs("nav", {
       className: utilities_css.classNames(styles$8.nav),
-      children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+      children: [jsxRuntime.jsx("div", {
         className: utilities_css.classNames(styles$8.desktop, onlyLogoGroup2 && styles$8.onlyLogoGroup),
         children
-      }), !onlyLogoGroup2 && jsxRuntime.jsxRuntimeExports.jsx(CondensedSearchNav, {})]
+      }), !onlyLogoGroup2 && jsxRuntime.jsx(CondensedSearchNav, {})]
     })
   });
 }

package/SearchNav/index.mjs

@@ -29,23 +29,23 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext, useContext, Fragment, useMemo, useState } from "react";
+import React__default, { createContext, useContext, Fragment as Fragment$1, useMemo, useState } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { getFlattenedKey, getDisplayNameFromReactNode, flattenChildren, filterChildrenByDisplayName } from "../utilities/react.mjs";
-import { M as Menu } from "../__chunks__/Menu-C2F4fvhd.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-BCg7eEyP.mjs";
-import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-DUIIhF4t.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-q23ZLLi4.mjs";
 import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-CBghrvjy.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
 import { M as Menu$1 } from "../__chunks__/Menu-qMqvSorL.mjs";
 import { S as Search$1 } from "../__chunks__/Search-Cyblmqo5.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
-import { B as Button } from "../__chunks__/Button-Dexauftx.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { B as Button } from "../__chunks__/Button-JL1YQxJ5.mjs";
 const nav = "_nav_1sb0u_4";
 const desktop = "_desktop_1sb0u_16";
 const onlyLogoGroup = "_onlyLogoGroup_1sb0u_29";
@@ -64,7 +64,7 @@ const styles$7 = {
 };
 function Separator(props) {
   const { group } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: classNames(styles$7.separator, styles$7[variationName("group", group)])
   });
 }
@@ -82,14 +82,14 @@ function useInternalSearchNavContext() {
 }
 function LogoGroup(_props) {
   const { logo: logo2, title, selector } = useInternalSearchNavContext();
-  return jsxRuntimeExports.jsxs("div", {
+  return jsxs("div", {
     className: classNames(styles$6.logoGroup),
-    children: [logo2, title && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-      children: [jsxRuntimeExports.jsx(Separator, {
+    children: [logo2, title && jsxs(Fragment, {
+      children: [jsx(Separator, {
         group: "logo"
       }), title]
-    }), selector && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-      children: [jsxRuntimeExports.jsx(Separator, {
+    }), selector && jsxs(Fragment, {
+      children: [jsx(Separator, {
         group: "logo"
       }), selector]
     })]
@@ -102,7 +102,7 @@ const styles$5 = {
 };
 function Search(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: classNames(styles$5.search),
     children
   });
@@ -158,43 +158,43 @@ const styles$4 = {
 function CTAGroup(_props) {
   const { menuOverlayProps, ctaMenuSymbol, primaryCTAItem, secondaryCTAItems } = useInternalSearchNavContext();
   const totalItems = (secondaryCTAItems == null ? void 0 : secondaryCTAItems.length) || 0;
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [jsxRuntimeExports.jsxs("div", {
+  return jsxs(Fragment, {
+    children: [jsxs("div", {
       className: classNames(styles$4.ctaGroup, styles$4.ctaGroupExpanded),
       children: [secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item, index) => {
         const isLastChild = index === totalItems - 1;
         const itemEle = item;
-        return jsxRuntimeExports.jsxs(Fragment, {
-          children: [itemEle, !isLastChild && jsxRuntimeExports.jsx(Separator, {
+        return jsxs(Fragment$1, {
+          children: [itemEle, !isLastChild && jsx(Separator, {
             group: "cta"
           })]
         }, itemEle.key);
-      }), primaryCTAItem && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [jsxRuntimeExports.jsx(Separator, {
+      }), primaryCTAItem && jsxs(Fragment, {
+        children: [jsx(Separator, {
           group: "cta"
         }), primaryCTAItem]
       })]
-    }), jsxRuntimeExports.jsxs("div", {
+    }), jsxs("div", {
       className: classNames(styles$4.ctaGroup, styles$4.ctaGroupMenu),
-      children: [jsxRuntimeExports.jsxs(Menu, {
-        children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-          children: jsxRuntimeExports.jsxs(UnstyledButton, {
+      children: [jsxs(Menu, {
+        children: [jsx(Menu.Trigger, {
+          children: jsxs(UnstyledButton, {
             className: classNames(styles$4.menuBtn),
-            children: [jsxRuntimeExports.jsx(Icon, {
+            children: [jsx(Icon, {
               symbol: ctaMenuSymbol ? ctaMenuSymbol : Help
-            }), jsxRuntimeExports.jsx(Text, {
+            }), jsx(Text, {
               visuallyHidden: true,
               children: "menu"
             })]
           })
-        }), jsxRuntimeExports.jsx(Menu.Overlay, __spreadProps(__spreadValues({
+        }), jsx(Menu.Overlay, __spreadProps(__spreadValues({
           placement: "bottom right"
         }, menuOverlayProps), {
-          children: jsxRuntimeExports.jsx(Menu.Section, {
+          children: jsx(Menu.Section, {
             "aria-label": "Nav actions",
             children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
               const itemEle = item;
-              return jsxRuntimeExports.jsx(Menu.Item, {
+              return jsx(Menu.Item, {
                 href: itemEle.props.href,
                 target: itemEle.props.target,
                 children: itemEle.props.label
@@ -202,8 +202,8 @@ function CTAGroup(_props) {
             })
           })
         }))]
-      }), primaryCTAItem && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [jsxRuntimeExports.jsx(Separator, {
+      }), primaryCTAItem && jsxs(Fragment, {
+        children: [jsx(Separator, {
           group: "cta"
         }), primaryCTAItem]
       })]
@@ -217,7 +217,7 @@ const styles$3 = {
 };
 function Logo(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: classNames(styles$3.logo),
     children
   });
@@ -229,11 +229,11 @@ const styles$2 = {
 };
 function SecondaryCTAItem(props) {
   const _a = props, { symbol, label, hideLabelOnDesktop = false } = _a, restProps = __objRest(_a, ["symbol", "label", "hideLabelOnDesktop"]);
-  return jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
+  return jsxs(UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
     className: classNames(styles$2.cta),
-    children: [symbol && jsxRuntimeExports.jsx(Icon, {
+    children: [symbol && jsx(Icon, {
       symbol
-    }), hideLabelOnDesktop ? jsxRuntimeExports.jsx(Text, {
+    }), hideLabelOnDesktop ? jsx(Text, {
       visuallyHidden: true,
       children: label
     }) : label]
@@ -250,18 +250,18 @@ function SelectorTrigger(props) {
   var _a;
   const { valueProps, label } = props;
   const { triggerProps, triggerRef, selectState } = useInternalSelectContext();
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [jsxRuntimeExports.jsx($bdd25dc72710631f$export$cbd84cdb2e668835, {
+  return jsxs(Fragment, {
+    children: [jsx($bdd25dc72710631f$export$cbd84cdb2e668835, {
       state: selectState,
       triggerRef,
       label
-    }), jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+    }), jsxs(UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
       ref: triggerRef,
       className: classNames(styles$1.triggerBtn),
-      children: [jsxRuntimeExports.jsx("span", __spreadProps(__spreadValues({}, valueProps), {
+      children: [jsx("span", __spreadProps(__spreadValues({}, valueProps), {
         className: classNames(styles$1.text),
         children: (_a = selectState.selectedItem) == null ? void 0 : _a.rendered
-      })), jsxRuntimeExports.jsx(Icon, {
+      })), jsx(Icon, {
         symbol: ExpandMore400,
         size: "xs"
       })]
@@ -283,12 +283,12 @@ function Selector(props) {
       triggerWidth
     };
   }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
-  return jsxRuntimeExports.jsxs(InternalSelectContext.Provider, {
+  return jsxs(InternalSelectContext.Provider, {
     value: context,
-    children: [jsxRuntimeExports.jsx(SelectorTrigger, {
+    children: [jsx(SelectorTrigger, {
       valueProps,
       label
-    }), jsxRuntimeExports.jsx(SelectOverlay, {})]
+    }), jsx(SelectOverlay, {})]
   });
 }
 Selector.displayName = "SearchNav.Selector";
@@ -311,48 +311,48 @@ function CondensedSearchNav() {
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const { search: search2, selectorChildren, secondaryCTAItems, primaryCTAItem, selectorLabel, menuOverlayProps, condensedBehavior } = useInternalSearchNavContext();
   const hasMenuToShow = !!selectorChildren || !!secondaryCTAItems;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: classNames(styles.condensed),
-    children: isSearchOpen ? jsxRuntimeExports.jsxs("div", {
+    children: isSearchOpen ? jsxs("div", {
       className: classNames(styles.condensedSearch),
-      children: [search2, jsxRuntimeExports.jsx(UnstyledButton, {
+      children: [search2, jsx(UnstyledButton, {
         className: classNames(styles.btn),
         onPress: () => setIsSearchOpen((prev) => !prev),
-        children: jsxRuntimeExports.jsx(Icon, {
+        children: jsx(Icon, {
           symbol: Close,
           size: "xs"
         })
       })]
-    }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-      children: [condensedBehavior === "collapse-to-menu" && hasMenuToShow ? jsxRuntimeExports.jsxs(Menu, {
+    }) : jsxs(Fragment, {
+      children: [condensedBehavior === "collapse-to-menu" && hasMenuToShow ? jsxs(Menu, {
         isOpen: isMenuOpen,
         onOpenChange: setIsMenuOpen,
-        children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-          children: jsxRuntimeExports.jsxs(UnstyledButton, {
+        children: [jsx(Menu.Trigger, {
+          children: jsxs(UnstyledButton, {
             className: classNames(styles.btn, styles.menuBtn, isMenuOpen && styles.menuOpen),
-            children: [jsxRuntimeExports.jsx(Icon, {
+            children: [jsx(Icon, {
               symbol: Menu$1
-            }), jsxRuntimeExports.jsx(Text, {
+            }), jsx(Text, {
               visuallyHidden: true,
               children: "menu"
             })]
           })
-        }), jsxRuntimeExports.jsxs(Menu.Overlay, __spreadProps(__spreadValues({
+        }), jsxs(Menu.Overlay, __spreadProps(__spreadValues({
           placement: "bottom left"
         }, menuOverlayProps), {
-          children: [jsxRuntimeExports.jsx(Menu.Section, {
+          children: [jsx(Menu.Section, {
             "aria-label": selectorLabel,
             children: selectorChildren == null ? void 0 : selectorChildren.map((item) => {
               const itemEle = item;
-              return jsxRuntimeExports.jsx(Menu.Item, {
+              return jsx(Menu.Item, {
                 children: itemEle.props.children
               }, getFlattenedKey(itemEle.key));
             })
-          }), jsxRuntimeExports.jsx(Menu.Section, {
+          }), jsx(Menu.Section, {
             "aria-label": "Nav actions",
             children: secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
               const itemEle = item;
-              return jsxRuntimeExports.jsx(Menu.Item, {
+              return jsx(Menu.Item, {
                 href: itemEle.props.href,
                 target: itemEle.props.target,
                 children: itemEle.props.label
@@ -360,16 +360,16 @@ function CondensedSearchNav() {
             })
           })]
         }))]
-      }) : jsxRuntimeExports.jsx(LogoGroup, {
+      }) : jsx(LogoGroup, {
         children: null
-      }), (search2 || primaryCTAItem) && jsxRuntimeExports.jsxs(HorizontalStack, {
+      }), (search2 || primaryCTAItem) && jsxs(HorizontalStack, {
         gap: "2",
-        children: [search2 && jsxRuntimeExports.jsxs(UnstyledButton, {
+        children: [search2 && jsxs(UnstyledButton, {
           className: classNames(styles.btn, styles.searchBtn),
           onPress: () => setIsSearchOpen((prev) => !prev),
-          children: [jsxRuntimeExports.jsx(Icon, {
+          children: [jsx(Icon, {
             symbol: Search$1
-          }), jsxRuntimeExports.jsx(Text, {
+          }), jsx(Text, {
             visuallyHidden: true,
             children: "search"
           })]
@@ -380,7 +380,7 @@ function CondensedSearchNav() {
 }
 function PrimaryCTAItem(props) {
   const _a = props, { label } = _a, restProps = __objRest(_a, ["label"]);
-  return jsxRuntimeExports.jsx(Button, __spreadProps(__spreadValues({}, restProps), {
+  return jsx(Button, __spreadProps(__spreadValues({}, restProps), {
     variant: "outlined",
     size: "sm",
     color: "support",
@@ -390,7 +390,7 @@ function PrimaryCTAItem(props) {
 PrimaryCTAItem.displayName = "SearchNav.PrimaryCTAItem";
 function Title(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(Text, {
+  return jsx(Text, {
     variant: "subtitle1",
     transform: "uppercase",
     children
@@ -491,14 +491,14 @@ function SearchNav(props) {
       }
     };
   }, [children, menuOverlayProps, ctaMenuSymbol, condensedBehavior]);
-  return jsxRuntimeExports.jsx(InternalSearchNavContext.Provider, {
+  return jsx(InternalSearchNavContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsxs("nav", {
+    children: jsxs("nav", {
       className: classNames(styles$8.nav),
-      children: [jsxRuntimeExports.jsx("div", {
+      children: [jsx("div", {
         className: classNames(styles$8.desktop, onlyLogoGroup2 && styles$8.onlyLogoGroup),
         children
-      }), !onlyLogoGroup2 && jsxRuntimeExports.jsx(CondensedSearchNav, {})]
+      }), !onlyLogoGroup2 && jsx(CondensedSearchNav, {})]
     })
   });
 }