@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/SearchNav/SearchNav.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SearchNav } from "./SearchNav";
+type Story = StoryObj<typeof SearchNav>;
+declare const meta: Meta<typeof SearchNav>;
+export default meta;
+export declare const Simple: Story;
+export declare const Title: Story;
+export declare const Selector: Story;
+export declare const SecondaryCTA: Story;
+export declare const PrimaryCTA: Story;
+export declare const Search: Story;
+export declare const FullBar: Story;
+export declare const PreserveLogoWhenCondensed: Story;
+//# sourceMappingURL=SearchNav.stories.d.ts.map

package/SearchNav/SearchNav.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNav.stories.d.ts","sourceRoot":"","sources":["../../src/SearchNav/SearchNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAGxD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAiBxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAQhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8C1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+CxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuDrB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA8BvC,CAAC"}

package/SearchNav/SearchNav.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SearchNav.test.d.ts.map

package/SearchNav/SearchNav.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNav.test.d.ts","sourceRoot":"","sources":["../../src/SearchNav/SearchNav.test.tsx"],"names":[],"mappings":""}

package/SearchNav/SecondaryCTAItem.d.ts

@@ -0,0 +1,23 @@
+import React, { Key } from "react";
+import { CTAItemProps } from "./PrimaryCTAItem";
+import { IconSymbol } from "../types";
+export type SecondaryCTAItemProps = CTAItemProps & {
+    /**
+     * Icon symbol SVG source from @easypost/easy-ui-icons.
+     */
+    symbol?: IconSymbol;
+    /**
+     * Hides label on desktop.
+     * @default false
+     */
+    hideLabelOnDesktop?: boolean;
+    /**
+     * Key to link to <Menu.Item />
+     */
+    key: Key;
+};
+export declare function SecondaryCTAItem(props: SecondaryCTAItemProps): React.JSX.Element;
+export declare namespace SecondaryCTAItem {
+    var displayName: string;
+}
+//# sourceMappingURL=SecondaryCTAItem.d.ts.map

package/SearchNav/SecondaryCTAItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryCTAItem.d.ts","sourceRoot":"","sources":["../../src/SearchNav/SecondaryCTAItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,GAAG,EAAE,GAAG,CAAC;CACV,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAS5D;yBATe,gBAAgB"}

package/SearchNav/Selector.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { AriaSelectProps } from "react-aria";
+import { BaseSelectProps } from "../Select";
+export type SelectorProps<T> = AriaSelectProps<T> & BaseSelectProps<T> & {
+    /**
+     * aria-label that applies to expanded <SearchNav.Select> and
+     * to <Menu.Section> when <SearchNav> collapses.
+     */
+    "aria-label": string;
+};
+export declare function Selector<T extends object>(props: SelectorProps<T>): React.JSX.Element;
+export declare namespace Selector {
+    var displayName: string;
+}
+//# sourceMappingURL=Selector.d.ts.map

package/SearchNav/Selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../src/SearchNav/Selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM5C,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC/C,eAAe,CAAC,CAAC,CAAC,GAAG;IACnB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEJ,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,qBA6BjE;yBA7Be,QAAQ"}

package/SearchNav/SelectorTrigger.d.ts

@@ -0,0 +1,14 @@
+import React, { DOMAttributes } from "react";
+import { FocusableElement } from "@react-types/shared";
+export type SelectorTriggerProps = {
+    /**
+     * Field value props.
+     */
+    valueProps?: DOMAttributes<FocusableElement>;
+    /**
+     * Label to apply to <HiddenSelect>.
+     */
+    label: string;
+};
+export declare function SelectorTrigger(props: SelectorTriggerProps): React.JSX.Element;
+//# sourceMappingURL=SelectorTrigger.d.ts.map

package/SearchNav/SelectorTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorTrigger.d.ts","sourceRoot":"","sources":["../../src/SearchNav/SelectorTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAoB1D"}

package/SearchNav/Separator.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type SeparatorProps = {
+    /**
+     * Group separator between items.
+     */
+    group: "logo" | "cta";
+};
+export declare function Separator(props: SeparatorProps): React.JSX.Element;
+//# sourceMappingURL=Separator.d.ts.map

package/SearchNav/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/SearchNav/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAW9C"}

package/SearchNav/Title.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+export type TitleProps = {
+    /**
+     * Text content to display.
+     */
+    children: ReactNode;
+};
+export declare function Title(props: TitleProps): React.JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+//# sourceMappingURL=Title.d.ts.map

package/SearchNav/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../src/SearchNav/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAQtC;yBARe,KAAK"}

package/SearchNav/context.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import type { SearchNavOverlayMenuProps, SearchNavProps } from "./SearchNav";
+import { IconSymbol } from "../types";
+type InternalSearchNavContextType = {
+    logo: ReactNode;
+    title?: ReactNode;
+    selector?: ReactNode;
+    selectorChildren?: ReactNode[];
+    primaryCTAItem?: ReactNode;
+    secondaryCTAItems?: ReactNode[];
+    search?: ReactNode;
+    menuOverlayProps?: SearchNavOverlayMenuProps<object>;
+    selectorLabel?: string;
+    ctaMenuSymbol?: IconSymbol;
+    condensedBehavior?: SearchNavProps<object>["condensedBehavior"];
+};
+export declare const InternalSearchNavContext: import("react").Context<InternalSearchNavContextType | null>;
+export declare function useInternalSearchNavContext(): InternalSearchNavContextType;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/SearchNav/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/SearchNav/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,iBAAiB,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,wBAAwB,8DACqB,CAAC;AAE3D,wBAAgB,2BAA2B,iCAQ1C"}

package/SearchNav/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SearchNav";
+//# sourceMappingURL=index.d.ts.map

package/SearchNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SearchNav/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/SearchNav/index.js

@@ -0,0 +1,476 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const utilities_react = require("../utilities/react.js");
+const Menu = require("../__chunks__/Menu-CxptqDZf.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DaRYVyfB.js");
+const SelectOverlay = require("../__chunks__/SelectOverlay-yK4x3ME5.js");
+const useTriggerWidth = require("../__chunks__/useTriggerWidth-B-IM2wNY.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-CXpjASZi.js");
+const Button = require("../__chunks__/Button--4bR8jiH.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const nav = "_nav_1sb0u_4";
+const desktop = "_desktop_1sb0u_16";
+const onlyLogoGroup = "_onlyLogoGroup_1sb0u_29";
+const styles$8 = {
+  nav,
+  desktop,
+  onlyLogoGroup
+};
+const separator = "_separator_1spkk_4";
+const groupLogo = "_groupLogo_1spkk_14";
+const groupCta = "_groupCta_1spkk_18";
+const styles$7 = {
+  separator,
+  groupLogo,
+  groupCta
+};
+function Separator(props) {
+  const { group } = props;
+  return React.createElement("div", {
+    className: utilities_css.classNames(styles$7.separator, styles$7[utilities_css.variationName("group", group)])
+  });
+}
+const logoGroup = "_logoGroup_9weid_4";
+const styles$6 = {
+  logoGroup
+};
+const InternalSearchNavContext = React.createContext(null);
+function useInternalSearchNavContext() {
+  const searchNavContext = React.useContext(InternalSearchNavContext);
+  if (!searchNavContext) {
+    throw new Error("InternalSearchNavContext must be used inside a <SearchNav />");
+  }
+  return searchNavContext;
+}
+function LogoGroup(_props) {
+  const { logo: logo2, title, selector } = useInternalSearchNavContext();
+  return React.createElement("div", {
+    className: utilities_css.classNames(styles$6.logoGroup)
+  }, logo2, title && React.createElement(React.Fragment, null, React.createElement(Separator, {
+    group: "logo"
+  }), title), selector && React.createElement(React.Fragment, null, React.createElement(Separator, {
+    group: "logo"
+  }), selector));
+}
+LogoGroup.displayName = "SearchNav.LogoGroup";
+const search = "_search_nexql_4";
+const styles$5 = {
+  search
+};
+function Search(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: utilities_css.classNames(styles$5.search)
+  }, children);
+}
+Search.displayName = "SearchNav.Search";
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Help = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M484.02-260.46q13.29 0 22.56-9.49 9.27-9.48 9.27-22.76 0-12.91-9.3-22.37-9.29-9.46-22.57-9.46-13.29 0-22.75 9.48-9.46 9.49-9.46 22.39 0 13.28 9.48 22.75 9.49 9.46 22.77 9.46ZM456.31-398h45.54q.38-24.46 7.65-44.04 7.27-19.58 37.04-44.88 29.84-26.39 42.46-49.85 12.61-23.46 12.61-51.66 0-49.42-32.34-79.88-32.35-30.46-83.65-30.46-44.39 0-78.62 22.77-34.23 22.77-50.46 59.62l41.84 16.15q11.39-26.85 32.43-41.77 21.04-14.92 51.81-14.92 36.69 0 57.3 20.04 20.62 20.03 20.62 49.42 0 21.61-12.23 40.15T513-508.92q-29.23 26-42.96 51.3-13.73 25.31-13.73 59.62Zm23.76 298q-78.22 0-147.4-29.92t-120.99-81.71q-51.81-51.79-81.75-120.94Q100-401.71 100-479.93q0-78.84 29.92-148.21t81.71-120.68q51.79-51.31 120.94-81.25Q401.71-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.22-29.92 147.4t-81.21 120.99q-51.29 51.81-120.63 81.75Q558.9-100 480.07-100Zm-.07-45.39q139.69 0 237.15-97.76 97.46-97.77 97.46-236.85 0-139.69-97.46-237.15-97.46-97.46-237.15-97.46-139.08 0-236.85 97.46-97.76 97.46-97.76 237.15 0 139.08 97.76 236.85 97.77 97.76 236.85 97.76ZM480-480Z"
+  }));
+};
+const ctaGroup = "_ctaGroup_1ct9y_4";
+const ctaGroupMenu = "_ctaGroupMenu_1ct9y_14";
+const ctaGroupExpanded = "_ctaGroupExpanded_1ct9y_23";
+const menuBtn$1 = "_menuBtn_1ct9y_32";
+const styles$4 = {
+  ctaGroup,
+  ctaGroupMenu,
+  ctaGroupExpanded,
+  menuBtn: menuBtn$1
+};
+function CTAGroup(_props) {
+  const { menuOverlayProps, ctaMenuSymbol, primaryCTAItem, secondaryCTAItems } = useInternalSearchNavContext();
+  const totalItems = (secondaryCTAItems == null ? void 0 : secondaryCTAItems.length) || 0;
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: utilities_css.classNames(styles$4.ctaGroup, styles$4.ctaGroupExpanded)
+  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item, index) => {
+    const isLastChild = index === totalItems - 1;
+    const itemEle = item;
+    return React.createElement(React.Fragment, {
+      key: itemEle.key
+    }, itemEle, !isLastChild && React.createElement(Separator, {
+      group: "cta"
+    }));
+  }), primaryCTAItem && React.createElement(React.Fragment, null, React.createElement(Separator, {
+    group: "cta"
+  }), primaryCTAItem)), React.createElement("div", {
+    className: utilities_css.classNames(styles$4.ctaGroup, styles$4.ctaGroupMenu)
+  }, React.createElement(Menu.Menu, null, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledButton.UnstyledButton, {
+    className: utilities_css.classNames(styles$4.menuBtn)
+  }, React.createElement(Icon.Icon, {
+    symbol: ctaMenuSymbol ? ctaMenuSymbol : Help
+  }), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, "menu"))), React.createElement(Menu.Menu.Overlay, __spreadValues({
+    placement: "bottom right"
+  }, menuOverlayProps), React.createElement(Menu.Menu.Section, {
+    "aria-label": "Nav actions"
+  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
+    const itemEle = item;
+    return React.createElement(Menu.Menu.Item, {
+      key: utilities_react.getFlattenedKey(itemEle.key),
+      href: itemEle.props.href,
+      target: itemEle.props.target
+    }, itemEle.props.label);
+  })))), primaryCTAItem && React.createElement(React.Fragment, null, React.createElement(Separator, {
+    group: "cta"
+  }), primaryCTAItem)));
+}
+CTAGroup.displayName = "SearchNav.CTAGroup";
+const logo = "_logo_fsmuh_4";
+const styles$3 = {
+  logo
+};
+function Logo(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: utilities_css.classNames(styles$3.logo)
+  }, children);
+}
+Logo.displayName = "SearchNav.Logo";
+const cta = "_cta_zvykh_4";
+const styles$2 = {
+  cta
+};
+function SecondaryCTAItem(props) {
+  const _a = props, { symbol, label, hideLabelOnDesktop = false } = _a, restProps = __objRest(_a, ["symbol", "label", "hideLabelOnDesktop"]);
+  return React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restProps), {
+    className: utilities_css.classNames(styles$2.cta)
+  }), symbol && React.createElement(Icon.Icon, {
+    symbol
+  }), hideLabelOnDesktop ? React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, label) : label);
+}
+SecondaryCTAItem.displayName = "SearchNav.SecondaryCTAItem";
+const triggerBtn = "_triggerBtn_4u60u_4";
+const text = "_text_4u60u_16";
+const styles$1 = {
+  triggerBtn,
+  text
+};
+function SelectorTrigger(props) {
+  var _a;
+  const { valueProps, label } = props;
+  const { triggerProps, triggerRef, selectState } = SelectOverlay.useInternalSelectContext();
+  return React.createElement(React.Fragment, null, React.createElement(SelectOverlay.$bdd25dc72710631f$export$cbd84cdb2e668835, {
+    state: selectState,
+    triggerRef,
+    label
+  }), React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, triggerProps), {
+    ref: triggerRef,
+    className: utilities_css.classNames(styles$1.triggerBtn)
+  }), React.createElement("span", __spreadProps(__spreadValues({}, valueProps), {
+    className: utilities_css.classNames(styles$1.text)
+  }), (_a = selectState.selectedItem) == null ? void 0 : _a.rendered), React.createElement(Icon.Icon, {
+    symbol: ExpandMore400.ExpandMore400,
+    size: "xs"
+  })));
+}
+function Selector(props) {
+  const triggerRef = React.useRef(null);
+  const selectState = SelectOverlay.$2bc3a590c5373a4e$export$5159ec8b34d4ec12(props);
+  const { "aria-label": label } = props;
+  const { valueProps, triggerProps, menuProps: listBoxPropsFromSelect } = SelectOverlay.$58aed456727eb0f3$export$e64b2f635402ca43(props, selectState, triggerRef);
+  const triggerWidth = useTriggerWidth.useTriggerWidth(triggerRef);
+  const context = React.useMemo(() => {
+    return {
+      triggerProps,
+      listBoxPropsFromSelect,
+      triggerRef,
+      selectState,
+      triggerWidth
+    };
+  }, [triggerProps, listBoxPropsFromSelect, selectState, triggerWidth]);
+  return React.createElement(SelectOverlay.InternalSelectContext.Provider, {
+    value: context
+  }, React.createElement(SelectorTrigger, {
+    valueProps,
+    label
+  }), React.createElement(SelectOverlay.SelectOverlay, null));
+}
+Selector.displayName = "SearchNav.Selector";
+const condensed = "_condensed_1rv4g_4";
+const btn = "_btn_1rv4g_16";
+const menuBtn = "_menuBtn_1rv4g_22";
+const menuOpen = "_menuOpen_1rv4g_26";
+const searchBtn = "_searchBtn_1rv4g_30";
+const condensedSearch = "_condensedSearch_1rv4g_34";
+const styles = {
+  condensed,
+  btn,
+  menuBtn,
+  menuOpen,
+  searchBtn,
+  condensedSearch
+};
+function CondensedSearchNav() {
+  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+  const [isSearchOpen, setIsSearchOpen] = React.useState(false);
+  const { search: search2, selectorChildren, secondaryCTAItems, primaryCTAItem, selectorLabel, menuOverlayProps, condensedBehavior } = useInternalSearchNavContext();
+  const hasMenuToShow = !!selectorChildren || !!secondaryCTAItems;
+  return React.createElement("div", {
+    className: utilities_css.classNames(styles.condensed)
+  }, isSearchOpen ? React.createElement("div", {
+    className: utilities_css.classNames(styles.condensedSearch)
+  }, search2, React.createElement(UnstyledButton.UnstyledButton, {
+    className: utilities_css.classNames(styles.btn),
+    onPress: () => setIsSearchOpen((prev) => !prev)
+  }, React.createElement(Icon.Icon, {
+    symbol: Close.Close,
+    size: "xs"
+  }))) : React.createElement(React.Fragment, null, condensedBehavior === "collapse-to-menu" && hasMenuToShow ? React.createElement(Menu.Menu, {
+    isOpen: isMenuOpen,
+    onOpenChange: setIsMenuOpen
+  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledButton.UnstyledButton, {
+    className: utilities_css.classNames(styles.btn, styles.menuBtn, isMenuOpen && styles.menuOpen)
+  }, React.createElement(Icon.Icon, {
+    symbol: Menu$1.Menu
+  }), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, "menu"))), React.createElement(Menu.Menu.Overlay, __spreadValues({
+    placement: "bottom left"
+  }, menuOverlayProps), React.createElement(Menu.Menu.Section, {
+    "aria-label": selectorLabel
+  }, selectorChildren == null ? void 0 : selectorChildren.map((item) => {
+    const itemEle = item;
+    return React.createElement(Menu.Menu.Item, {
+      key: utilities_react.getFlattenedKey(itemEle.key)
+    }, itemEle.props.children);
+  })), React.createElement(Menu.Menu.Section, {
+    "aria-label": "Nav actions"
+  }, secondaryCTAItems == null ? void 0 : secondaryCTAItems.map((item) => {
+    const itemEle = item;
+    return React.createElement(Menu.Menu.Item, {
+      key: utilities_react.getFlattenedKey(itemEle.key),
+      href: itemEle.props.href,
+      target: itemEle.props.target
+    }, itemEle.props.label);
+  })))) : React.createElement(LogoGroup, null, null), (search2 || primaryCTAItem) && React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "2"
+  }, search2 && React.createElement(UnstyledButton.UnstyledButton, {
+    className: utilities_css.classNames(styles.btn, styles.searchBtn),
+    onPress: () => setIsSearchOpen((prev) => !prev)
+  }, React.createElement(Icon.Icon, {
+    symbol: Search$1.Search
+  }), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, "search")), primaryCTAItem)));
+}
+function PrimaryCTAItem(props) {
+  const _a = props, { label } = _a, restProps = __objRest(_a, ["label"]);
+  return React.createElement(Button.Button, __spreadProps(__spreadValues({}, restProps), {
+    variant: "outlined",
+    size: "sm",
+    color: "support"
+  }), label);
+}
+PrimaryCTAItem.displayName = "SearchNav.PrimaryCTAItem";
+function Title(props) {
+  const { children } = props;
+  return React.createElement(Text.Text, {
+    variant: "subtitle1",
+    transform: "uppercase"
+  }, children);
+}
+Title.displayName = "SearchNav.Title";
+function getLogoGroupChildren(logoGroup2) {
+  const logoGroupDisplayName = utilities_react.getDisplayNameFromReactNode(logoGroup2);
+  if (logoGroupDisplayName !== "SearchNav.LogoGroup") {
+    throw new Error("SearchNav must contain SearchNav.LogoGroup.");
+  }
+  const logoGroupElement = logoGroup2;
+  const logoGroupChildren = utilities_react.flattenChildren(logoGroupElement.props.children);
+  const logoDisplayName = utilities_react.getDisplayNameFromReactNode(logoGroupChildren[0]);
+  if (logoDisplayName !== "SearchNav.Logo") {
+    throw new Error("SearchNav.LogoGroup must contain SearchNav.Logo.");
+  }
+  const logo2 = logoGroupChildren[0];
+  let title;
+  if (logoGroupChildren.length > 1 && utilities_react.getDisplayNameFromReactNode(logoGroupChildren[1]) === "SearchNav.Title") {
+    title = logoGroupChildren[1];
+  }
+  let selector;
+  let selectorChildren;
+  if (logoGroupChildren.length > 1 && utilities_react.getDisplayNameFromReactNode(logoGroupChildren[logoGroupChildren.length - 1]) === "SearchNav.Selector") {
+    selector = logoGroupChildren[logoGroupChildren.length - 1];
+    const selectorElem = selector;
+    selectorChildren = utilities_react.flattenChildren(selectorElem.props.children);
+  }
+  return {
+    logo: logo2,
+    title,
+    selector,
+    selectorChildren
+  };
+}
+function getSearchChildren(searchParent) {
+  let search2;
+  if (utilities_react.getDisplayNameFromReactNode(searchParent) === "SearchNav.Search") {
+    const searchChildren = utilities_react.flattenChildren(searchParent);
+    if (searchChildren.length === 1) {
+      search2 = searchChildren[0];
+    }
+  }
+  return search2;
+}
+function getCTAGroupChildren(ctaGroup2) {
+  let secondaryCTAItems;
+  let primaryCTAItem;
+  if (utilities_react.getDisplayNameFromReactNode(ctaGroup2) === "SearchNav.CTAGroup") {
+    const ctaGroupElement = ctaGroup2;
+    secondaryCTAItems = utilities_react.filterChildrenByDisplayName(ctaGroupElement.props.children, "SearchNav.SecondaryCTAItem");
+    const primaryCTAItemArr = utilities_react.filterChildrenByDisplayName(ctaGroupElement.props.children, "SearchNav.PrimaryCTAItem");
+    if (primaryCTAItemArr.length > 1) {
+      throw new Error("SearchNav.CTAGroup can support at most one SearchNav.PrimaryCTAItem.");
+    }
+    if (primaryCTAItemArr.length !== 0) {
+      primaryCTAItem = primaryCTAItemArr[0];
+    }
+  }
+  return {
+    secondaryCTAItems,
+    primaryCTAItem
+  };
+}
+function getSelectorLabel(selector) {
+  let selectorLabel;
+  if (selector) {
+    const selectorElem = selector;
+    const { "aria-label": label } = selectorElem.props;
+    selectorLabel = label;
+  }
+  return selectorLabel;
+}
+function SearchNav(props) {
+  const { menuOverlayProps, ctaMenuSymbol, children, condensedBehavior = "collapse-to-menu" } = props;
+  const { onlyLogoGroup: onlyLogoGroup2, context } = React.useMemo(() => {
+    const topLevelChildren = utilities_react.flattenChildren(children);
+    const { logo: logo2, title, selector, selectorChildren } = getLogoGroupChildren(topLevelChildren[0]);
+    const selectorLabel = getSelectorLabel(selector);
+    const search2 = topLevelChildren.length > 1 ? getSearchChildren(topLevelChildren[1]) : void 0;
+    const { secondaryCTAItems, primaryCTAItem } = getCTAGroupChildren(topLevelChildren[topLevelChildren.length - 1]);
+    const onlyLogoGroup22 = secondaryCTAItems === void 0 && primaryCTAItem === void 0 && search2 === void 0;
+    return {
+      onlyLogoGroup: onlyLogoGroup22,
+      context: {
+        logo: logo2,
+        title,
+        selector,
+        selectorChildren,
+        secondaryCTAItems,
+        primaryCTAItem,
+        search: search2,
+        menuOverlayProps,
+        selectorLabel,
+        ctaMenuSymbol,
+        condensedBehavior
+      }
+    };
+  }, [children, menuOverlayProps, ctaMenuSymbol, condensedBehavior]);
+  return React.createElement(InternalSearchNavContext.Provider, {
+    value: context
+  }, React.createElement("nav", {
+    className: utilities_css.classNames(styles$8.nav)
+  }, React.createElement("div", {
+    className: utilities_css.classNames(styles$8.desktop, onlyLogoGroup2 && styles$8.onlyLogoGroup)
+  }, children), !onlyLogoGroup2 && React.createElement(CondensedSearchNav, null)));
+}
+SearchNav.LogoGroup = LogoGroup;
+SearchNav.Logo = Logo;
+SearchNav.Title = Title;
+SearchNav.Selector = Selector;
+SearchNav.Option = SelectOverlay.SelectOption;
+SearchNav.Search = Search;
+SearchNav.CTAGroup = CTAGroup;
+SearchNav.PrimaryCTAItem = PrimaryCTAItem;
+SearchNav.SecondaryCTAItem = SecondaryCTAItem;
+exports.SearchNav = SearchNav;