@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.70

package/Pagination/Pagination.d.ts

@@ -0,0 +1,81 @@
+import React, { ReactElement } from "react";
+import { PaginationDropdown, PaginationDropdownProps } from "./PaginationDropdown";
+export type PaginationProps = {
+    /**
+     * Whether there is a previous page to show.
+     * @default false
+     */
+    hasPrevious?: boolean;
+    /**
+     * Whether there is a next page to show.
+     * @default false
+     */
+    hasNext?: boolean;
+    /**
+     * Callback when previous button is clicked.
+     */
+    onPrevious?: () => void;
+    /**
+     * Callback when next button is clicked.
+     */
+    onNext?: () => void;
+    /**
+     * Accessible label for Pagination, used for aria-label.
+     */
+    label: string;
+    /**
+     * Whether the Pagination component should be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * The children of `<Pagination />` component only
+     * accept `<Pagination.Dropdown />`.
+     */
+    children?: ReactElement<PaginationDropdownProps>;
+};
+/**
+ * A `<Pagination />` component enabled the user to
+ * divide large amounts of content into multiple pages,
+ * and navigate between pages.
+ *
+ * @example
+ * _Basic:_
+ * ```tsx
+ * <Pagination
+ *  label="Example Basic"
+ *  onPrevious={handlePrevious}
+ *  onNext={handleNext}
+ *  hasPrevious
+ *  hasNext
+ * />
+ * ```
+ *
+ * @example
+ * _With Dropdown:_
+ * ```tsx
+ * <Pagination
+ *  label="Example with Dripdown"
+ *  onPrevious={handlePrevious}
+ *  onNext={handleNext}
+ *  hasPrevious
+ *  hasNext
+ * >
+ *  <Pagination.Dropdown
+ *    count={10}
+ *    page={4}
+ *    onSelect={handleSelect}
+ *  />
+ * </Pagination>
+ * ```
+ *
+ * @example
+ * _Disabled:_
+ * ```tsx
+ * <Pagination label="Example Disabled" isDisabled />
+ * ```
+ */
+export declare function Pagination(props: PaginationProps): React.JSX.Element;
+export declare namespace Pagination {
+    var Dropdown: typeof PaginationDropdown;
+}
+//# sourceMappingURL=Pagination.d.ts.map

package/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAK1D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAyChD;yBAzCe,UAAU"}

package/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Pagination } from "./Pagination";
+type Story = StoryObj<typeof Pagination>;
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+export declare const Default: Story;
+export declare const WithPageDropdown: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Pagination.stories.d.ts.map

package/Pagination/Pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyB9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC"}

package/Pagination/Pagination.test.d.ts

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

package/Pagination/Pagination.test.d.ts.map

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

package/Pagination/PaginationButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { UnstyledButtonProps } from "../UnstyledButton";
+import { IconSymbol } from "../types";
+type PaginationButtonProps = UnstyledButtonProps & {
+    symbol: IconSymbol;
+};
+export declare function PaginationButton(props: PaginationButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PaginationButton.d.ts.map

package/Pagination/PaginationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../src/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAO5D"}

package/Pagination/PaginationDropdown.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type PaginationDropdownProps = {
+    /**
+     * The current page.
+     */
+    page: number;
+    /**
+     * The total number of pages.
+     */
+    count: number;
+    /**
+     * Callback when select page from dropdown.
+     */
+    onSelect: (key: number) => void;
+    /**
+     * Whether the PaginationDropdown should be disabled.
+     */
+    isDisabled?: boolean;
+};
+export declare function PaginationDropdown(props: PaginationDropdownProps): React.JSX.Element;
+export declare namespace PaginationDropdown {
+    var displayName: string;
+}
+//# sourceMappingURL=PaginationDropdown.d.ts.map

package/Pagination/PaginationDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDropdown.d.ts","sourceRoot":"","sources":["../../src/Pagination/PaginationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA6BhE;yBA7Be,kBAAkB"}

package/Pagination/index.d.ts

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

package/Pagination/index.d.ts.map

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

package/Pagination/index.js

@@ -0,0 +1,119 @@
+"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 KeyboardDoubleArrowRight = require("../__chunks__/KeyboardDoubleArrowRight-Ber8mUIO.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-ClWTvZqM.js");
+const Icon = require("../__chunks__/Icon-BlcrcY3U.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-yd6ZL2Yi.js");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
+const Text = require("../__chunks__/Text-C6DuTMMj.js");
+const Menu = require("../__chunks__/Menu-ChrJLF1b.js");
+const utilities_react = require("../utilities/react.js");
+const utilities_css = require("../utilities/css.js");
+const menuButton = "_menuButton_1h9ns_5";
+const arrowButton = "_arrowButton_1h9ns_9";
+const pagination = "_pagination_1h9ns_37";
+const styles = {
+  menuButton,
+  arrowButton,
+  pagination
+};
+function PaginationButton(props) {
+  const _a = props, { symbol } = _a, buttonProps = __objRest(_a, ["symbol"]);
+  return React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+    className: styles.arrowButton
+  }), React.createElement(Icon.Icon, {
+    symbol,
+    size: "md"
+  }));
+}
+function PaginationDropdown(props) {
+  const { page, count, onSelect, isDisabled } = props;
+  return React.createElement(Menu.Menu, {
+    isDisabled
+  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledButton.UnstyledButton, {
+    "aria-label": "dropdown",
+    className: styles.menuButton,
+    isDisabled
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    blockAlign: "center",
+    wrap: false
+  }, React.createElement(Text.Text, {
+    variant: "body2"
+  }, `${page} of ${count}`), React.createElement(Icon.Icon, {
+    symbol: ExpandMore400.ExpandMore400,
+    size: "2xs"
+  })))), React.createElement(Menu.Menu.Overlay, {
+    onAction: (key) => onSelect(Number(key))
+  }, numberToArray(count).map((pageNumber) => React.createElement(Menu.Menu.Item, {
+    key: pageNumber,
+    "aria-label": `${pageNumber} of ${count}`
+  }, React.createElement(Text.Text, {
+    variant: "body2",
+    color: "neutral.900"
+  }, `${pageNumber} of ${count}`)))));
+}
+function numberToArray(num) {
+  return Array.from({
+    length: num
+  }, (_, i) => i + 1);
+}
+PaginationDropdown.displayName = "Pagination.Dropdown";
+function Pagination(props) {
+  const { hasPrevious = false, hasNext = false, onPrevious, onNext, label, isDisabled, children } = props;
+  const className = utilities_css.classNames(styles.pagination, isDisabled && styles.disabled);
+  if (children && utilities_react.getDisplayNameFromReactNode(children) !== PaginationDropdown.displayName) {
+    throw new Error(`children must be ${PaginationDropdown.displayName}`);
+  }
+  return React.createElement("nav", {
+    "aria-label": label,
+    className
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    wrap: false
+  }, React.createElement(PaginationButton, {
+    "aria-label": "Previous",
+    onPress: onPrevious,
+    isDisabled: !hasPrevious || isDisabled,
+    symbol: KeyboardDoubleArrowRight.KeyboardDoubleArrowLeft
+  }), children && React.cloneElement(children, {
+    isDisabled
+  }), React.createElement(PaginationButton, {
+    "aria-label": "Next",
+    onPress: onNext,
+    isDisabled: !hasNext || isDisabled,
+    symbol: KeyboardDoubleArrowRight.KeyboardDoubleArrowRight
+  })));
+}
+Pagination.Dropdown = PaginationDropdown;
+exports.Pagination = Pagination;

package/Pagination/index.mjs

@@ -0,0 +1,119 @@
+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, { cloneElement } from "react";
+import { K as KeyboardDoubleArrowLeft, a as KeyboardDoubleArrowRight } from "../__chunks__/KeyboardDoubleArrowRight-AAMLvGk-.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-ycH41R6u.mjs";
+import { I as Icon } from "../__chunks__/Icon-CQ73-QIg.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-D_DzFe67.mjs";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
+import { T as Text } from "../__chunks__/Text-BY4p1xZ-.mjs";
+import { M as Menu } from "../__chunks__/Menu-DZBO3sp5.mjs";
+import { getDisplayNameFromReactNode } from "../utilities/react.mjs";
+import { classNames } from "../utilities/css.mjs";
+const menuButton = "_menuButton_1h9ns_5";
+const arrowButton = "_arrowButton_1h9ns_9";
+const pagination = "_pagination_1h9ns_37";
+const styles = {
+  menuButton,
+  arrowButton,
+  pagination
+};
+function PaginationButton(props) {
+  const _a = props, { symbol } = _a, buttonProps = __objRest(_a, ["symbol"]);
+  return React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+    className: styles.arrowButton
+  }), React__default.createElement(Icon, {
+    symbol,
+    size: "md"
+  }));
+}
+function PaginationDropdown(props) {
+  const { page, count, onSelect, isDisabled } = props;
+  return React__default.createElement(Menu, {
+    isDisabled
+  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(UnstyledButton, {
+    "aria-label": "dropdown",
+    className: styles.menuButton,
+    isDisabled
+  }, React__default.createElement(HorizontalStack, {
+    blockAlign: "center",
+    wrap: false
+  }, React__default.createElement(Text, {
+    variant: "body2"
+  }, `${page} of ${count}`), React__default.createElement(Icon, {
+    symbol: ExpandMore400,
+    size: "2xs"
+  })))), React__default.createElement(Menu.Overlay, {
+    onAction: (key) => onSelect(Number(key))
+  }, numberToArray(count).map((pageNumber) => React__default.createElement(Menu.Item, {
+    key: pageNumber,
+    "aria-label": `${pageNumber} of ${count}`
+  }, React__default.createElement(Text, {
+    variant: "body2",
+    color: "neutral.900"
+  }, `${pageNumber} of ${count}`)))));
+}
+function numberToArray(num) {
+  return Array.from({
+    length: num
+  }, (_, i) => i + 1);
+}
+PaginationDropdown.displayName = "Pagination.Dropdown";
+function Pagination(props) {
+  const { hasPrevious = false, hasNext = false, onPrevious, onNext, label, isDisabled, children } = props;
+  const className = classNames(styles.pagination, isDisabled && styles.disabled);
+  if (children && getDisplayNameFromReactNode(children) !== PaginationDropdown.displayName) {
+    throw new Error(`children must be ${PaginationDropdown.displayName}`);
+  }
+  return React__default.createElement("nav", {
+    "aria-label": label,
+    className
+  }, React__default.createElement(HorizontalStack, {
+    wrap: false
+  }, React__default.createElement(PaginationButton, {
+    "aria-label": "Previous",
+    onPress: onPrevious,
+    isDisabled: !hasPrevious || isDisabled,
+    symbol: KeyboardDoubleArrowLeft
+  }), children && cloneElement(children, {
+    isDisabled
+  }), React__default.createElement(PaginationButton, {
+    "aria-label": "Next",
+    onPress: onNext,
+    isDisabled: !hasNext || isDisabled,
+    symbol: KeyboardDoubleArrowRight
+  })));
+}
+Pagination.Dropdown = PaginationDropdown;
+export {
+  Pagination
+};

package/PillGroup/PillGroup.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import type { TagGroupProps, TagListProps } from "react-aria-components";
+import { IconSymbol } from "../types";
+import { HorizontalStackProps } from "../HorizontalStack";
+/**
+ * Assists in managing state for list data for `<PillGroup />`
+ *
+ * @param initialItems Initial items in list
+ * @returns List state with items including methods for efficient updates
+ */
+export declare function usePillListState<T>(initialItems: T[]): import("react-stately").ListData<T>;
+export type PillGroupProps<T> = Pick<TagGroupProps, "onRemove"> & Pick<TagListProps<T>, "items" | "children"> & {
+    /** Label for grouping */
+    label: string;
+    /** HorizontalStack props except children and as */
+    horizontalStackContainerProps?: Omit<HorizontalStackProps, "children" | "as">;
+};
+/**
+ * A `<PillGroup />` displays a focusable list of labels, categories, keywords, or
+ * filters; individual pills can be dismissed as well as accompanied by an icon.
+ *
+ * @remarks
+ * Supports removal via `onRemove` prop (applied to `<PillGroup />` ) and icons
+ * via `icons` prop (applied to `<PillGroup.Pill />`). To assist with efficient
+ * removal, use `usePillListState`.
+ *
+ * @example
+ * ```tsx
+ * <PillGroup label="Categories">
+ *   <PillGroup.Pill label="First" />
+ *   <PillGroup.Pill label="Second" />
+ *   <PillGroup.Pill label="Third" />
+ * </PillGroup >
+ * ```
+ *
+ * @example
+ * _With icon:_
+ * ```tsx
+ * <PillGroup label="Categories">
+ *   <PillGroup.Pill label="First" icon={SettingsIcon} />
+ *   <PillGroup.Pill label="Second" icon={SettingsIcon} />
+ *   <PillGroup.Pill label="Third" icon={SettingsIcon} />
+ * </PillGroup >
+ * ```
+ *
+ * @example
+ * _Removal:_
+ * ```tsx
+ * const list = usePillListState([
+ *  { id: 1, name: "Food" },
+ *  { id: 2, name: "Travel" },
+ *  { id: 3, name: "Gaming" },
+ *  { id: 4, name: "Shopping" },
+ * ]);
+ *
+ * return (
+ *  <PillGroup
+ *    items={list.items}
+ *    horizontalStackContainerProps={{
+ *      gap: "2",
+ *    }}
+ *    onRemove={(keys) => list.remove(...keys)}
+ *    label="News Categories"
+ *  >
+ *    {(item) => <PillGroup.Pill label={item.name} />}
+ *  </PillGroup>
+ *);
+ * ```
+ */
+export declare function PillGroup<T extends object>(props: PillGroupProps<T>): React.JSX.Element;
+export declare namespace PillGroup {
+    var Pill: (props: PillProps) => React.JSX.Element;
+}
+export type PillProps = {
+    /** Left aligned icon */
+    icon?: IconSymbol;
+    /** Visual label for individual pill */
+    label: string;
+};
+//# sourceMappingURL=PillGroup.d.ts.map

package/PillGroup/PillGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillGroup.d.ts","sourceRoot":"","sources":["../../src/PillGroup/PillGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,uCAEpD;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GAC7D,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC5C,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,6BAA6B,CAAC,EAAE,IAAI,CAClC,oBAAoB,EACpB,UAAU,GAAG,IAAI,CAClB,CAAC;CACH,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,qBA+BnE;yBA/Be,SAAS;sBAwCJ,SAAS;;AAP9B,MAAM,MAAM,SAAS,GAAG;IACtB,wBAAwB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/PillGroup/PillGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { PillGroup } from "./PillGroup";
+type Story = StoryObj<typeof PillGroup>;
+declare const meta: Meta<typeof PillGroup>;
+export default meta;
+export declare const Default: Story;
+export declare const StandardIconSymbol: Story;
+export declare const ImageSymbol: Story;
+export declare const Positioning: Story;
+export declare const Removal: Story;
+//# sourceMappingURL=PillGroup.stories.d.ts.map

package/PillGroup/PillGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillGroup.stories.d.ts","sourceRoot":"","sources":["../../src/PillGroup/PillGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAoC,MAAM,aAAa,CAAC;AAE1E,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAOxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC"}

package/PillGroup/PillGroup.test.d.ts

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

package/PillGroup/PillGroup.test.d.ts.map

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

package/PillGroup/index.d.ts

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

package/PillGroup/index.d.ts.map

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

package/PillGroup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PillGroup = require("../__chunks__/PillGroup-6MG9UkFs.js");
+exports.PillGroup = PillGroup.PillGroup;
+exports.usePillListState = PillGroup.usePillListState;

package/PillGroup/index.mjs

@@ -0,0 +1,5 @@
+import { P, u } from "../__chunks__/PillGroup-3zK1GHRU.mjs";
+export {
+  P as PillGroup,
+  u as usePillListState
+};

package/ProductLayout/HelpMenu.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+export type HelpMenuProps = {
+    items: MenuOverlayProps<object>["children"];
+    onAction?: MenuOverlayProps<object>["onAction"];
+};
+export declare function HelpMenu(props: HelpMenuProps): React.JSX.Element;
+//# sourceMappingURL=HelpMenu.d.ts.map

package/ProductLayout/HelpMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/HelpMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAoB5C"}

package/ProductLayout/LayoutScreenSizeRenderer.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export type LayoutScreenSizeRendererProps = {
+    onChange?: (isDesktop: boolean) => void;
+    renderOnLargeScreen: () => ReactNode;
+    renderOnSmallScreen: () => ReactNode;
+};
+/**
+ * SSR-compatible way to render different component trees whether the product
+ * layout is on a small screen or a large screen.
+ *
+ * It does this by rendering both component trees and using media queries
+ * through CSS to remove the applicable tree from the user agent (using
+ * display: none).
+ *
+ * Provides a change listener for adjusting component state as needed.
+ *
+ * @private
+ * @ignore
+ */
+export declare function LayoutScreenSizeRenderer(props: LayoutScreenSizeRendererProps): React.JSX.Element;
+//# sourceMappingURL=LayoutScreenSizeRenderer.d.ts.map

package/ProductLayout/LayoutScreenSizeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutScreenSizeRenderer.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/LayoutScreenSizeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,mBAAmB,EAAE,MAAM,SAAS,CAAC;IACrC,mBAAmB,EAAE,MAAM,SAAS,CAAC;CACtC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwB5E"}

package/ProductLayout/ProductLayout.d.ts

@@ -0,0 +1,75 @@
+import React, { ReactNode } from "react";
+import { ProductLayoutContent } from "./ProductLayoutContent";
+import { ProductLayoutHeader } from "./ProductLayoutHeader";
+import { ProductLayoutSidebar } from "./ProductLayoutSidebar";
+import { ProductLayoutTabbedContent } from "./ProductLayoutTabbedContent";
+export type ProductLayoutProps = {
+    /**
+     * The main content for the product layout. Should contain a
+     * `<ProductLayout.Content />` or `<ProductLayout.TabbedContent />`
+     * component as children.
+     */
+    content: ReactNode;
+    /**
+     * The sidebar for the product layout. Should contain a
+     * `<ProductLayout.Sidebar />` component as children.
+     */
+    sidebar: ReactNode;
+    /**
+     * The header for the product layout. Should contain a
+     * `<ProductLayout.Header />` component as children.
+     */
+    header: ReactNode;
+};
+/**
+ * `ProductLayout` defines the header, sidebar, and main areas of a
+ * product page.
+ *
+ * @example
+ * ```tsx
+ * <ProductLayout
+ *   sidebar={
+ *     <ProductLayout.Sidebar>
+ *       <div />
+ *     </ProductLayout.Sidebar>
+ *   }
+ *   header={
+ *     <ProductLayout.Header
+ *       renderSmallScreenLogo={() => <EasyPostLogoMark />}
+ *       title="Page title"
+ *       helpMenuItems={[
+ *         <Menu.Item
+ *           key="1"
+ *           href="https://www.easypost.com/docs/api"
+ *           target="_blank"
+ *           rel="noopener"
+ *         >
+ *           Documentation
+ *         </Menu.Item>
+ *       ]}
+ *       primaryAction={{
+ *         content: "CTA 1",
+ *         onAction: () => {},
+ *       }}
+ *       secondaryAction={{
+ *         content: "CTA 2",
+ *         onAction: () => {},
+ *       }}
+ *     />
+ *   }
+ *   content={
+ *     <ProductLayout.Content>
+ *       <div>Content</div>
+ *     </ProductLayout.Content>
+ *   }
+ * />
+ * ```
+ */
+export declare function ProductLayout(props: ProductLayoutProps): React.JSX.Element;
+export declare namespace ProductLayout {
+    var Sidebar: typeof ProductLayoutSidebar;
+    var Header: typeof ProductLayoutHeader;
+    var Content: typeof ProductLayoutContent;
+    var TabbedContent: typeof ProductLayoutTabbedContent;
+}
+//# sourceMappingURL=ProductLayout.d.ts.map

package/ProductLayout/ProductLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayout.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAK1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA2BtD;yBA3Be,aAAa"}

package/ProductLayout/ProductLayout.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ProductLayout } from "./ProductLayout";
+type Story = StoryObj<typeof ProductLayout>;
+declare const meta: Meta<typeof ProductLayout>;
+export default meta;
+export declare const EmptyContent: Story;
+export declare const TabbedContent: Story;
+//# sourceMappingURL=ProductLayout.stories.d.ts.map

package/ProductLayout/ProductLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLayout.stories.d.ts","sourceRoot":"","sources":["../../src/ProductLayout/ProductLayout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAUpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuE3B,CAAC"}