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

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-CXpjASZi.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-CnIn7VBo.js");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
+const Text = require("../__chunks__/Text-B1xglKFU.js");
+const Menu = require("../__chunks__/Menu-CivAepFq.js");
+const utilities_react = require("../utilities/react.js");
+const utilities_css = require("../utilities/css.js");
+const menuButton = "_menuButton_bdft3_4";
+const arrowButton = "_arrowButton_bdft3_8";
+const pagination = "_pagination_bdft3_36";
+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-CxE8tPx_.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-CfhKDftV.mjs";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
+import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { M as Menu } from "../__chunks__/Menu-CfHK_0Sr.mjs";
+import { getDisplayNameFromReactNode } from "../utilities/react.mjs";
+import { classNames } from "../utilities/css.mjs";
+const menuButton = "_menuButton_bdft3_4";
+const arrowButton = "_arrowButton_bdft3_8";
+const pagination = "_pagination_bdft3_36";
+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-B9WQ2to5.js");
+exports.PillGroup = PillGroup.PillGroup;
+exports.usePillListState = PillGroup.usePillListState;

package/PillGroup/index.mjs

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

package/PlanCard/PlanCard.d.ts

@@ -0,0 +1,89 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions } from "react-aria";
+import { CardProps } from "../Card";
+import { TextProps } from "../Text";
+import { UnstyledButtonProps } from "../UnstyledButton";
+type ChildrenFn = ({ isHovered }: {
+    isHovered: boolean;
+}) => ReactNode;
+export type PlanCardLinkProps = Omit<AriaLinkOptions, "children"> & {
+    /**
+     * The children of the `PlanCard.Link` element.
+     */
+    children: ChildrenFn | ReactNode;
+};
+export type PlanCardButtonProps = Omit<UnstyledButtonProps, "children"> & {
+    /**
+     * The children of the `PlanCard.Button` element.
+     */
+    children: ChildrenFn | ReactNode;
+};
+export type PlanCardProps = CardProps & {
+    /**
+     * The children of the `PlanCard` element.
+     */
+    children: ReactNode;
+};
+/**
+ * A `<PlanCard />` is a styled container designed to display and
+ * compare subscription plan information.
+ *
+ * @example
+ * ```tsx
+ * <PlanCard>
+ *   <VerticalStack gap="2">
+ *     <PlanCard.Callout>
+ *       <Badge block>Active Plan</Badge>
+ *     </PlanCard.Callout>
+ *     <PlanCard.Header>
+ *       <PlanCard.Title>Starter</PlanCard.Title>
+ *       <PlanCard.Price>$10.00</PlanCard.Price>
+ *       <PlanCard.Caption>Free Forever</PlanCard.Caption>
+ *     </PlanCard.Header>
+ *   </VerticalStack>
+ *   <PlanCard.Features>
+ *     <PlanCard.Feature>Feature 1</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 2</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 3</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 4</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 5</PlanCard.Feature>
+ *   </PlanCard.Features>
+ *   <PlanCard.Illustration>
+ *     <PlanCardStartupIllustration />
+ *   </PlanCard.Illustration>
+ * </PlanCard>
+ * ```
+ */
+export declare function PlanCard(props: PlanCardProps): React.JSX.Element;
+export declare namespace PlanCard {
+    var Button: typeof PlanCardButton;
+    var Link: typeof PlanCardLink;
+    var Header: typeof PlanCardHeader;
+    var Callout: typeof PlanCardCallout;
+    var Title: typeof PlanCardTitle;
+    var Price: typeof PlanCardPrice;
+    var Caption: typeof PlanCardCaption;
+    var Features: typeof PlanCardFeatures;
+    var Feature: typeof PlanCardFeature;
+    var Illustration: typeof PlanCardIllustration;
+}
+declare function PlanCardLink({ children, ...props }: PlanCardLinkProps): React.JSX.Element;
+declare function PlanCardButton({ children, ...props }: PlanCardButtonProps): React.JSX.Element;
+declare function PlanCardHeader({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardCallout({ children }: {
+    children?: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardTitle({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardPrice({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardCaption({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardFeatures({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardFeature({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardIllustration({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=PlanCard.d.ts.map

package/PlanCard/PlanCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.d.ts","sourceRoot":"","sources":["../../src/PlanCard/PlanCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAiC,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAIxE,KAAK,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,KAAK,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClE;;OAEG;IACH,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACxE;;OAEG;IACH,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAe5C;yBAfe,QAAQ;;;;;;;;;;;;AAiBxB,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAS9D;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAUlE;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM5D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,qBAE9D;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM3D;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAY3D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM7D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM9D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM7D;AAED,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAElE"}

package/PlanCard/PlanCard.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { PlanCard } from "./PlanCard";
+type Story = StoryObj<typeof PlanCard>;
+declare const meta: Meta<typeof PlanCard>;
+export default meta;
+export declare const Starter: Story;
+export declare const Essential: Story;
+export declare const Growth: Story;
+export declare const Premium: Story;
+export declare const Enterprise: Story;
+export declare const Static: Story;
+//# sourceMappingURL=PlanCard.stories.d.ts.map

package/PlanCard/PlanCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.stories.d.ts","sourceRoot":"","sources":["../../src/PlanCard/PlanCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC"}

package/PlanCard/PlanCard.test.d.ts

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

package/PlanCard/PlanCard.test.d.ts.map

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

package/PlanCard/illustrations/Building01/Building01.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function PlanCardIllustrationBuilding01(): React.JSX.Element;
+//# sourceMappingURL=Building01.d.ts.map

package/PlanCard/illustrations/Building01/Building01.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Building01.d.ts","sourceRoot":"","sources":["../../../../src/PlanCard/illustrations/Building01/Building01.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,8BAA8B,sBAgnB7C"}