@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

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-vite";
+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,uBAAuB,CAAC;AAEvD,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,131 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const KeyboardDoubleArrowRight = require("../__chunks__/KeyboardDoubleArrowRight-Ber8mUIO.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.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 jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+    className: styles.arrowButton,
+    children: jsxRuntime.jsx(Icon.Icon, {
+      symbol,
+      size: "md"
+    })
+  }));
+}
+function PaginationDropdown(props) {
+  const { page, count, onSelect, isDisabled } = props;
+  return jsxRuntime.jsxs(Menu.Menu, {
+    isDisabled,
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsx(UnstyledButton.UnstyledButton, {
+        "aria-label": "dropdown",
+        className: styles.menuButton,
+        isDisabled,
+        children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
+          blockAlign: "center",
+          wrap: false,
+          children: [jsxRuntime.jsx(Text.Text, {
+            variant: "body2",
+            children: `${page} of ${count}`
+          }), jsxRuntime.jsx(Icon.Icon, {
+            symbol: ExpandMore400.ExpandMore400,
+            size: "2xs"
+          })]
+        })
+      })
+    }), jsxRuntime.jsx(Menu.Menu.Overlay, {
+      onAction: (key) => onSelect(Number(key)),
+      children: numberToArray(count).map((pageNumber) => jsxRuntime.jsx(Menu.Menu.Item, {
+        "aria-label": `${pageNumber} of ${count}`,
+        children: jsxRuntime.jsx(Text.Text, {
+          variant: "body2",
+          color: "neutral.900",
+          children: `${pageNumber} of ${count}`
+        })
+      }, pageNumber))
+    })]
+  });
+}
+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 jsxRuntime.jsx("nav", {
+    "aria-label": label,
+    className,
+    children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
+      wrap: false,
+      children: [jsxRuntime.jsx(PaginationButton, {
+        "aria-label": "Previous",
+        onPress: onPrevious,
+        isDisabled: !hasPrevious || isDisabled,
+        symbol: KeyboardDoubleArrowRight.KeyboardDoubleArrowLeft
+      }), children && React.cloneElement(children, {
+        isDisabled
+      }), jsxRuntime.jsx(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,131 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { K as KeyboardDoubleArrowLeft, a as KeyboardDoubleArrowRight } from "../__chunks__/KeyboardDoubleArrowRight-AAMLvGk-.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.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 jsx(UnstyledButton, __spreadProps(__spreadValues({}, buttonProps), {
+    className: styles.arrowButton,
+    children: jsx(Icon, {
+      symbol,
+      size: "md"
+    })
+  }));
+}
+function PaginationDropdown(props) {
+  const { page, count, onSelect, isDisabled } = props;
+  return jsxs(Menu, {
+    isDisabled,
+    children: [jsx(Menu.Trigger, {
+      children: jsx(UnstyledButton, {
+        "aria-label": "dropdown",
+        className: styles.menuButton,
+        isDisabled,
+        children: jsxs(HorizontalStack, {
+          blockAlign: "center",
+          wrap: false,
+          children: [jsx(Text, {
+            variant: "body2",
+            children: `${page} of ${count}`
+          }), jsx(Icon, {
+            symbol: ExpandMore400,
+            size: "2xs"
+          })]
+        })
+      })
+    }), jsx(Menu.Overlay, {
+      onAction: (key) => onSelect(Number(key)),
+      children: numberToArray(count).map((pageNumber) => jsx(Menu.Item, {
+        "aria-label": `${pageNumber} of ${count}`,
+        children: jsx(Text, {
+          variant: "body2",
+          color: "neutral.900",
+          children: `${pageNumber} of ${count}`
+        })
+      }, pageNumber))
+    })]
+  });
+}
+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 jsx("nav", {
+    "aria-label": label,
+    className,
+    children: jsxs(HorizontalStack, {
+      wrap: false,
+      children: [jsx(PaginationButton, {
+        "aria-label": "Previous",
+        onPress: onPrevious,
+        isDisabled: !hasPrevious || isDisabled,
+        symbol: KeyboardDoubleArrowLeft
+      }), children && cloneElement(children, {
+        isDisabled
+      }), jsx(PaginationButton, {
+        "aria-label": "Next",
+        onPress: onNext,
+        isDisabled: !hasNext || isDisabled,
+        symbol: KeyboardDoubleArrowRight
+      })]
+    })
+  });
+}
+Pagination.Dropdown = PaginationDropdown;
+export {
+  Pagination
+};

package/PillGroup/PillGroup.d.ts

@@ -0,0 +1,89 @@
+import React from "react";
+import type { TagGroupProps, TagListProps } from "react-aria-components";
+import { IconSymbol, ThemeTokenNamespace } from "../types";
+import { HorizontalStackProps } from "../HorizontalStack";
+export type PillBackground = ThemeTokenNamespace<"color">;
+/**
+ * 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">;
+    /** The background of individual pills. Maps to token theme colors. */
+    background?: PillBackground;
+    /**
+     * Whether or not individual pills have a border.
+     *
+     * @default false
+     */
+    isBorderless?: boolean;
+};
+/**
+ * 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,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAY3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAC,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;IACF,sEAAsE;IACtE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,qBA+CnE;yBA/Ce,SAAS;sBAwDJ,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,13 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+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;
+export declare const Background: Story;
+export declare const Border: 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,uBAAuB,CAAC;AAGvD,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;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAwBpB,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/PillGroupContext.d.ts

@@ -0,0 +1,9 @@
+import { PillBackground } from "./PillGroup";
+type InternalPillGroupContextType = {
+    background: PillBackground;
+    isBorderless: boolean;
+};
+export declare const InternalPillGroupContext: import("react").Context<InternalPillGroupContextType | null>;
+export declare function useInternalPillGroupContext(): InternalPillGroupContextType;
+export {};
+//# sourceMappingURL=PillGroupContext.d.ts.map

package/PillGroup/PillGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillGroupContext.d.ts","sourceRoot":"","sources":["../../src/PillGroup/PillGroupContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,4BAA4B,GAAG;IAClC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,8DACqB,CAAC;AAE3D,wBAAgB,2BAA2B,iCAQ1C"}

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-BK8VCf3B.js");
+exports.PillGroup = PillGroup.PillGroup;
+exports.usePillListState = PillGroup.usePillListState;

package/PillGroup/index.mjs

@@ -0,0 +1,5 @@
+import { P, u } from "../__chunks__/PillGroup-DN72MPhg.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