@easypost/easy-ui 1.0.0-alpha.8 → 1.0.0-alpha.80

package/RadioGroup/index.mjs

@@ -1,299 +1,5 @@
-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;
-};
-import React__default, { useMemo, useState, useContext } from "react";
-import { Text } from "../Text/index.mjs";
-import { HorizontalStack } from "../HorizontalStack/index.mjs";
-import { SelectorErrorTooltip } from "../SelectorErrorTooltip/index.mjs";
-import { classNames } from "../utilities/css.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, b as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/import-19bc38ac.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, b as $9ab94262bd0047c7$export$420e68273165f4ec, g as $9bf71ea28793e738$export$2d6ec8fc375ceafa, e as $f7dceffc5ad7768b$export$4e328f61c538687f, f as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-3faba3a6.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/import-29af6941.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/real-module-515df21d.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/import-6a831ca1.mjs";
-import "../Icon/index.mjs";
-import "../__chunks__/index-766f8373.mjs";
-import "../__chunks__/import-c4caaddf.mjs";
-import "react-dom";
-const $884aeceb3d67f00f$export$3b7b268d09480394 = /* @__PURE__ */ new WeakMap();
-const $884aeceb3d67f00f$export$8e8b214e06dd397d = /* @__PURE__ */ new WeakMap();
-const $884aeceb3d67f00f$export$61c8d3f0151e21b2 = /* @__PURE__ */ new WeakMap();
-function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
-  let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
-  const isDisabled = props.isDisabled || state.isDisabled;
-  let hasChildren = children != null;
-  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
-  if (!hasChildren && !hasAriaLabel)
-    console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let checked = state.selectedValue === value;
-  let onChange = (e) => {
-    e.stopPropagation();
-    state.setSelectedValue(value);
-  };
-  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    isDisabled
-  });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(props, {
-    onFocus: () => state.setLastFocusedValue(value)
-  }), ref);
-  let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let tabIndex = state.lastFocusedValue === value || state.lastFocusedValue == null ? 0 : -1;
-  if (isDisabled)
-    tabIndex = void 0;
-  return {
-    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, interactions), {
-      type: "radio",
-      name: $884aeceb3d67f00f$export$3b7b268d09480394.get(state),
-      tabIndex,
-      disabled: isDisabled,
-      checked,
-      value,
-      onChange,
-      "aria-describedby": [
-        state.validationState === "invalid" ? $884aeceb3d67f00f$export$61c8d3f0151e21b2.get(state) : null,
-        $884aeceb3d67f00f$export$8e8b214e06dd397d.get(state)
-      ].filter(Boolean).join(" ") || void 0
-    })),
-    isDisabled,
-    isSelected: checked,
-    isPressed
-  };
-}
-function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
-  let { name, validationState, isReadOnly, isRequired, isDisabled, orientation = "vertical" } = props;
-  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
-    // Radio group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span"
-  }));
-  $884aeceb3d67f00f$export$8e8b214e06dd397d.set(state, descriptionProps.id);
-  $884aeceb3d67f00f$export$61c8d3f0151e21b2.set(state, errorMessageProps.id);
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onBlurWithin() {
-      if (!state.selectedValue)
-        state.setLastFocusedValue(null);
-    }
-  });
-  let onKeyDown = (e) => {
-    let nextDir;
-    switch (e.key) {
-      case "ArrowRight":
-        if (direction === "rtl" && orientation !== "vertical")
-          nextDir = "prev";
-        else
-          nextDir = "next";
-        break;
-      case "ArrowLeft":
-        if (direction === "rtl" && orientation !== "vertical")
-          nextDir = "next";
-        else
-          nextDir = "prev";
-        break;
-      case "ArrowDown":
-        nextDir = "next";
-        break;
-      case "ArrowUp":
-        nextDir = "prev";
-        break;
-      default:
-        return;
-    }
-    e.preventDefault();
-    let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
-      from: e.target
-    });
-    let nextElem;
-    if (nextDir === "next") {
-      nextElem = walker.nextNode();
-      if (!nextElem) {
-        walker.currentNode = e.currentTarget;
-        nextElem = walker.firstChild();
-      }
-    } else {
-      nextElem = walker.previousNode();
-      if (!nextElem) {
-        walker.currentNode = e.currentTarget;
-        nextElem = walker.lastChild();
-      }
-    }
-    if (nextElem) {
-      nextElem.focus();
-      state.setSelectedValue(nextElem.value);
-    }
-  };
-  let groupName = $bdb11010cef70236$export$f680877a34711e37(name);
-  $884aeceb3d67f00f$export$3b7b268d09480394.set(state, groupName);
-  return {
-    radioGroupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadValues(__spreadValues({
-      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
-      role: "radiogroup",
-      onKeyDown,
-      "aria-invalid": validationState === "invalid" || void 0,
-      "aria-errormessage": props["aria-errormessage"],
-      "aria-readonly": isReadOnly || void 0,
-      "aria-required": isRequired || void 0,
-      "aria-disabled": isDisabled || void 0,
-      "aria-orientation": orientation
-    }, fieldProps), focusWithinProps)),
-    labelProps,
-    descriptionProps,
-    errorMessageProps
-  };
-}
-let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
-let $a54cdc5c1942b639$var$i = 0;
-function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
-  let name = useMemo(() => props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [
-    props.name
-  ]);
-  let [selectedValue, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue, props.onChange);
-  let [lastFocusedValue, setLastFocusedValue] = useState(null);
-  let setSelectedValue = (value) => {
-    if (!props.isReadOnly && !props.isDisabled)
-      setSelected(value);
-  };
-  return {
-    name,
-    selectedValue,
-    setSelectedValue,
-    lastFocusedValue,
-    setLastFocusedValue,
-    isDisabled: props.isDisabled || false,
-    isReadOnly: props.isReadOnly || false,
-    isRequired: props.isRequired || false,
-    validationState: props.validationState || null
-  };
-}
-const RadioGroupContext = React__default.createContext(null);
-const useRadioGroupContext = () => {
-  const radioGroupContext = useContext(RadioGroupContext);
-  if (!radioGroupContext) {
-    throw new Error("Must be within a RadioGroup");
-  }
-  return radioGroupContext;
-};
-const RadioGroupItem$1 = "_RadioGroupItem_upu3k_5";
-const label = "_label_upu3k_11";
-const radioOuter = "_radioOuter_upu3k_29";
-const radioInner = "_radioInner_upu3k_30";
-const focusVisible = "_focusVisible_upu3k_44";
-const selected = "_selected_upu3k_63";
-const invalid = "_invalid_upu3k_67";
-const disabled = "_disabled_upu3k_71";
-const hovered = "_hovered_upu3k_83";
-const readOnly = "_readOnly_upu3k_83";
-const styles$1 = {
-  RadioGroupItem: RadioGroupItem$1,
-  label,
-  radioOuter,
-  radioInner,
-  focusVisible,
-  selected,
-  invalid,
-  disabled,
-  hovered,
-  readOnly
-};
-function RadioGroupItem(props) {
-  const { children, errorText, validationState } = props;
-  const ref = React__default.useRef(null);
-  const state = useRadioGroupContext();
-  const { inputProps, isSelected, isDisabled } = $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref);
-  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
-  const className = classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
-  const textColor = isDisabled ? "disabled" : validationState === "invalid" ? "danger" : "primary";
-  return React__default.createElement("div", {
-    className
-  }, React__default.createElement(HorizontalStack, {
-    gap: "1",
-    blockAlign: "center"
-  }, React__default.createElement("label", {
-    className: styles$1.label
-  }, React__default.createElement(HorizontalStack, __spreadValues({
-    blockAlign: "start",
-    gap: "1",
-    wrap: false
-  }, hoverProps), React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({
-    "aria-invalid": validationState === "invalid"
-  }, inputProps), focusProps), {
-    className: styles$1.input,
-    ref
-  })), React__default.createElement("span", {
-    className: styles$1.radioOuter
-  }, React__default.createElement("span", {
-    className: styles$1.radioInner
-  })), React__default.createElement(Text, {
-    variant: "body1",
-    color: textColor
-  }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
-    content: errorText
-  })));
-}
-const RadioGroup$1 = "_RadioGroup_1ww36_5";
-const list = "_list_1ww36_14";
-const styles = {
-  RadioGroup: RadioGroup$1,
-  list
-};
-function RadioGroupContainer(props) {
-  const { children, label: label2 } = props;
-  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
-  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
-  return React__default.createElement("fieldset", __spreadValues({
-    className: styles.RadioGroup
-  }, radioGroupProps), label2 && React__default.createElement("div", null, React__default.createElement(Text, __spreadValues({
-    as: "legend",
-    variant: "subtitle1",
-    color: "gray.bold"
-  }, labelProps), label2)), React__default.createElement(RadioGroupContext.Provider, {
-    value: state
-  }, children));
-}
-function RadioGroup(props) {
-  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
-  return React__default.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React__default.createElement("div", {
-    className: styles.list
-  }, children));
-}
-RadioGroup.Container = RadioGroupContainer;
-RadioGroup.Item = RadioGroupItem;
+import { R, u } from "../__chunks__/RadioGroup-B5o5aPT-.mjs";
 export {
-  RadioGroup,
-  useRadioGroupContext
+  R as RadioGroup,
+  u as useRadioGroupContext
 };

package/RangeCalendar/RangeCalendar.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { RangeValue } from "@react-types/shared";
+import { DateValue, MappedDateValue, DateRange } from "@react-types/calendar";
+import { CalendarBaseStateProps } from "../Calendar/CalendarBase";
+export type RangeCalendarProps = CalendarBaseStateProps & {
+    /**
+     * The current value (controlled).
+     */
+    value?: DateRange | null;
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: DateRange | null;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: (value: RangeValue<MappedDateValue<DateValue>>) => void;
+};
+/**
+ *
+ * A `RangeCalendar` displays a grid of days and allows users to select a range of dates.
+ *
+ * @example
+ * _Default Value:_
+ * ```tsx
+ * <Calendar
+ *   defaultValue={{
+ *     start: new CalendarDate(2024, 7, 15),
+ *     end: new CalendarDate(2024, 7, 25),
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * _Set limited available dates:_
+ * ```tsx
+ * <RangeCalendar
+ *  minValue={new CalendarDate(2024, 7, 24)}
+ *  maxValue={new CalendarDate(2024, 8, 5)}
+ * />
+ * ```
+ *
+ * @example
+ * _Date availability:_
+ * ```tsx
+ * <RangeCalendar
+ *  isDateUnavailable={(date: DateValue) =>
+ *    today(getLocalTimeZone()).compare(date) > 0
+ *  }
+ * />
+ * ```
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * const [date, setDate] = React.useState({
+ *   start: today(getLocalTimeZone()).subtract({ days: 7 }),
+ *   end: today(getLocalTimeZone()),
+ * });
+ *
+ * <RangeCalendar
+ *  value={date}
+ *  onChange={setDate}
+ * />
+ * ```
+ */
+export declare function RangeCalendar(props: RangeCalendarProps): React.JSX.Element;
+export declare namespace RangeCalendar {
+    var displayName: string;
+}
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/RangeCalendar/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAgB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEhF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GAAG;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkBtD;yBAlBe,aAAa"}

package/RangeCalendar/RangeCalendar.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { RangeCalendar } from "./RangeCalendar";
+type Story = StoryObj<typeof RangeCalendar>;
+declare const meta: Meta<typeof RangeCalendar>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultValue: Story;
+export declare const LimitAvailableDates: Story;
+export declare const DatesAvailability: Story;
+export declare const ShowDaysOutsideCurrentMonth: Story;
+export declare const ControlledSelection: Story;
+export declare const InvalidSelection: Story;
+export declare const DisabledCalendar: Story;
+export declare const ReadonlyCalendar: Story;
+//# sourceMappingURL=RangeCalendar.stories.d.ts.map

package/RangeCalendar/RangeCalendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.stories.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAEpE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAqBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAKzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/RangeCalendar/RangeCalendar.test.d.ts

@@ -0,0 +1,3 @@
+import { UserEvent } from "@testing-library/user-event/dist/types/setup/setup";
+export declare function clickElement(user: UserEvent, el: HTMLElement): Promise<void>;
+//# sourceMappingURL=RangeCalendar.test.d.ts.map

package/RangeCalendar/RangeCalendar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.test.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.test.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AA6G/E,wBAAsB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,iBAElE"}

package/RangeCalendar/index.d.ts

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

package/RangeCalendar/index.d.ts.map

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

package/RangeCalendar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const RangeCalendar = require("../__chunks__/RangeCalendar-BgB6xU9q.js");
+exports.RangeCalendar = RangeCalendar.RangeCalendar;

package/RangeCalendar/index.mjs

@@ -0,0 +1,4 @@
+import { R } from "../__chunks__/RangeCalendar-CNLF6YQu.mjs";
+export {
+  R as RangeCalendar
+};

package/SearchNav/CTAGroup.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export type CTAGroupProps = {
+    /**
+     * The children of the <SearchNav.CTAGroup> element. Should include <SearchNav.SecondaryCTAItem>
+     * elements and <SearchNav.PrimaryCTAItem>
+     */
+    children: ReactNode;
+};
+/**
+ *
+ * @privateRemarks
+ * This component doesn't directly use children and instead
+ * reads the nodes it renders from context. This is so we can
+ * efficiently share the same data across various configurations.
+ *
+ */
+export declare function CTAGroup(_props: CTAGroupProps): React.JSX.Element;
+export declare namespace CTAGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=CTAGroup.d.ts.map

package/SearchNav/CTAGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTAGroup.d.ts","sourceRoot":"","sources":["../../src/SearchNav/CTAGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;AAajE,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,aAAa,qBA4D7C;yBA5De,QAAQ"}

package/SearchNav/CondensedSearchNav.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * @privateRemarks
+ * Renders a left aligned menu button and right aligned search button.
+ * The menu options come from `<SearchNav.Selector>` and `<SearchNav.CTAGroup>`.
+ * On small screens, this effectively replaces `<SearchNav>`.
+ */
+export declare function CondensedSearchNav(): React.JSX.Element;
+//# sourceMappingURL=CondensedSearchNav.d.ts.map

package/SearchNav/CondensedSearchNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CondensedSearchNav.d.ts","sourceRoot":"","sources":["../../src/SearchNav/CondensedSearchNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAgBtD;;;;;GAKG;AACH,wBAAgB,kBAAkB,sBA4FjC"}

package/SearchNav/Logo.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+export type LogoProps = {
+    /**
+     * The children of the <SearchNav.Logo> element. Should render passed in content from
+     * user. Although it is content agnostic, it should be passed a logo or similar branding asset.
+     */
+    children: ReactNode;
+};
+export declare function Logo(props: LogoProps): React.JSX.Element;
+export declare namespace Logo {
+    var displayName: string;
+}
+//# sourceMappingURL=Logo.d.ts.map

package/SearchNav/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/SearchNav/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBAIpC;yBAJe,IAAI"}

package/SearchNav/LogoGroup.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export type LogoGroupProps = {
+    /**
+     * The children of the <SearchNav.LogoGroup> element. Should render `<SearchNav.Logo>`
+     * and `<SearchNav.Select>`
+     */
+    children: ReactNode;
+};
+/**
+ *
+ * @privateRemarks
+ * This component doesn't directly use children and instead
+ * reads the nodes it renders from context. This is so we can
+ * efficiently share the same data across various configurations.
+ *
+ */
+export declare function LogoGroup(_props: LogoGroupProps): React.JSX.Element;
+export declare namespace LogoGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=LogoGroup.d.ts.map

package/SearchNav/LogoGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoGroup.d.ts","sourceRoot":"","sources":["../../src/SearchNav/LogoGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,cAAc,qBAoB/C;yBApBe,SAAS"}

package/SearchNav/PrimaryCTAItem.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { AriaButtonProps } from "react-aria";
+export type CTAItemProps = AriaButtonProps<"button"> & {
+    /**
+     * Text content to display.
+     */
+    label: string;
+};
+export type PrimaryCTAItemProps = CTAItemProps;
+export declare function PrimaryCTAItem(props: PrimaryCTAItemProps): React.JSX.Element;
+export declare namespace PrimaryCTAItem {
+    var displayName: string;
+}
+//# sourceMappingURL=PrimaryCTAItem.d.ts.map

package/SearchNav/PrimaryCTAItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryCTAItem.d.ts","sourceRoot":"","sources":["../../src/SearchNav/PrimaryCTAItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAE/C,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAQxD;yBARe,cAAc"}

package/SearchNav/Search.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+export type SearchProps = {
+    /**
+     * The children of the <SearchNav.Search> element. Should render
+     * a search component.
+     */
+    children: ReactNode;
+};
+export declare function Search(props: SearchProps): React.JSX.Element;
+export declare namespace Search {
+    var displayName: string;
+}
+//# sourceMappingURL=Search.d.ts.map

package/SearchNav/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/SearchNav/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAIxC;yBAJe,MAAM"}

package/SearchNav/SearchNav.d.ts

@@ -0,0 +1,105 @@
+import React, { ReactNode } from "react";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+import { SelectOption } from "../Select/SelectOption";
+import { IconSymbol } from "../types";
+export type SearchNavOverlayMenuProps<T> = Omit<MenuOverlayProps<T>, "children" | "maxItemsUntilScroll" | "placement" | "width">;
+export type SearchNavProps<T> = {
+    /**
+     * Overlay props that apply to condensed menu configurations. Note that
+     * the keys defined in <SearchNav> will be preserved.
+     */
+    menuOverlayProps?: SearchNavOverlayMenuProps<T>;
+    /**
+     * Symbol for collapsed CTA menu, symbol SVG source from @easypost/easy-ui-icons.
+     */
+    ctaMenuSymbol?: IconSymbol;
+    /**
+     * The children of the <SearchNav> element. Should render `<SearchNav.LogoGroup>`,
+     * `<SearchNav.Search>`, and `<SearchNav.CTAGroup>`
+     */
+    children: ReactNode;
+    /**
+     * Defines the behavior in which the menu condenses on mobile screens.
+     *
+     * @default collapse-to-menu
+     */
+    condensedBehavior?: "collapse-to-menu" | "preserve-logo";
+};
+/**
+ * The `<SearchNav />` component is a navigation bar focused on handling dense information interactions.
+ *
+ * @remarks
+ * Use on a docs page where users can leverage a dropdown, a seach input, and CTAs to find information.
+ * `<SearchNav.LogoGroup />` and `<SearchNav.Logo />` are required.
+ *
+ * @example
+ * _Full nav bar:_
+*```tsx
+* import { SearchComponent } from "library";
+* import { SearchNav } from "@easypost/easy-ui/SearchNav";
+* import Campaign from "@easypost/easy-ui-icons/Campaign";
+* import Help from "@easypost/easy-ui-icons/Help";
+* import Brightness5 from "@easypost/easy-ui-icons/Brightness5";
+* import React from "react";
+*
+* function App() {
+* const [selectedOption, setSelectedOption] = React.useState("V1.0");
+*
+*  return (
+*    <SearchNav
+*      menuOverlayProps={{
+*        onAction: (key) => {},
+*        disabledKeys: ["V99.99"],
+*      }}
+*    >
+*      <SearchNav.LogoGroup>
+*        <SearchNav.Logo>
+*          <img alt="some logo" />
+*        </SearchNav.Logo>
+*        <SearchNav.Title>Docs</SearchNav.Title>
+*        <SearchNav.Selector
+*          label="docs version"
+*          defaultSelectedKey="V1.0"
+*          disabledKeys={["V99.99"]}
+*          selectedKey={selectedOption}
+*          onSelectionChange={(selected) => setSelectedOption(selected)}
+*        >
+*          <SearchNav.Option key="V1.0">V1.0</SearchNav.Option>
+*          <SearchNav.Option key="V1.1">V1.1</SearchNav.Option>
+*          <SearchNav.Option key="V99.99">V99.99</SearchNav.Option>
+*        </SearchNav.Selector>
+*      </SearchNav.LogoGroup>
+*      <SearchNav.Search>
+*        <SearchComponent />
+*      </SearchNav.Search>
+*      <SearchNav.CTAGroup>
+*        <SearchNav.SecondaryCTAItem symbol={Campaign} key="Campaign" label="Optional" />
+*        <SearchNav.SecondaryCTAItem symbol={Help} key="Help" label="Optional" />
+*        <SearchNav.SecondaryCTAItem
+*          symbol={Brightness5}
+*          key="Brightness"
+*          label="Toggle theme"
+*          hideLabelOnDesktop
+*        />
+*        <SearchNav.PrimaryCTAItem
+*          label="Sign up"
+*        />
+*      </SearchNav.CTAGroup>
+*    </SearchNav>
+*  );
+* }
+```
+ */
+export declare function SearchNav<T>(props: SearchNavProps<T>): React.JSX.Element;
+export declare namespace SearchNav {
+    var LogoGroup: typeof import("./LogoGroup").LogoGroup;
+    var Logo: typeof import("./Logo").Logo;
+    var Title: typeof import("./Title").Title;
+    var Selector: typeof import("./Selector").Selector;
+    var Option: typeof SelectOption;
+    var Search: typeof import("./Search").Search;
+    var CTAGroup: typeof import("./CTAGroup").CTAGroup;
+    var PrimaryCTAItem: typeof import("./PrimaryCTAItem").PrimaryCTAItem;
+    var SecondaryCTAItem: typeof import("./SecondaryCTAItem").SecondaryCTAItem;
+}
+//# sourceMappingURL=SearchNav.d.ts.map

package/SearchNav/SearchNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNav.d.ts","sourceRoot":"","sources":["../../src/SearchNav/SearchNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAUlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAUtC,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,IAAI,CAC7C,gBAAgB,CAAC,CAAC,CAAC,EACnB,UAAU,GAAG,qBAAqB,GAAG,WAAW,GAAG,OAAO,CAC3D,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,kBAAkB,GAAG,eAAe,CAAC;CAC1D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,qBAkEpD;yBAlEe,SAAS"}