@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6

package/Provider/index.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Theme = require("../__chunks__/Theme-751e5575.js");
-const Notification = require("../__chunks__/Notification-c5b34eb3.js");
+const Theme_index = require("../Theme/index.js");
+const Notification_index = require("../Notification/index.js");
 require("../__chunks__/tokens-e696ca96.js");
 require("../utilities/tokens.js");
 require("../utilities/css.js");
-require("../__chunks__/import-63bf0645.js");
-require("../__chunks__/import-0d1b4d93.js");
-require("../__chunks__/real-module-ae2a4342.js");
+require("../__chunks__/import-a1e0f814.js");
+require("../__chunks__/import-2b302763.js");
+require("../__chunks__/real-module-e36b1436.js");
 require("react-dom");
-require("../__chunks__/Icon-3d00481a.js");
-require("../__chunks__/Text-1ae70c19.js");
-require("../__chunks__/UnstyledButton-96172ec0.js");
+require("../Icon/index.js");
+require("../Text/index.js");
+require("../__chunks__/index-3985350a.js");
 require("../__chunks__/omit-fca26542.js");
 const global = "";
-function Provider({
-  children,
-  theme,
-  colorScheme,
-  notificationPlacement
-}) {
-  return /* @__PURE__ */ React.createElement(Theme.ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React.createElement(Notification.NotificationProvider, { notificationPlacement }, children));
+function Provider({ children, theme, colorScheme, notificationPlacement }) {
+  return React.createElement(Theme_index.ThemeProvider, {
+    theme,
+    colorScheme
+  }, React.createElement(Notification_index.NotificationProvider, {
+    notificationPlacement
+  }, children));
 }
 exports.Provider = Provider;

package/Provider/index.mjs

@@ -1,25 +1,25 @@
 import React__default from "react";
-import { T as ThemeProvider } from "../__chunks__/Theme-4e498252.mjs";
-import { N as NotificationProvider } from "../__chunks__/Notification-b8eafec6.mjs";
+import { ThemeProvider } from "../Theme/index.mjs";
+import { NotificationProvider } from "../Notification/index.mjs";
 import "../__chunks__/tokens-6be8e137.mjs";
 import "../utilities/tokens.mjs";
 import "../utilities/css.mjs";
-import "../__chunks__/import-b7971a11.mjs";
-import "../__chunks__/import-ab878fb6.mjs";
-import "../__chunks__/real-module-e4cd2301.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
+import "../__chunks__/import-3d962a94.mjs";
+import "../__chunks__/real-module-515df21d.mjs";
 import "react-dom";
-import "../__chunks__/Icon-a75b5201.mjs";
-import "../__chunks__/Text-4ae50d5c.mjs";
-import "../__chunks__/UnstyledButton-883f0c6c.mjs";
+import "../Icon/index.mjs";
+import "../Text/index.mjs";
+import "../__chunks__/index-29d7bca9.mjs";
 import "../__chunks__/omit-f17deb8f.mjs";
 const global = "";
-function Provider({
-  children,
-  theme,
-  colorScheme,
-  notificationPlacement
-}) {
-  return /* @__PURE__ */ React__default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React__default.createElement(NotificationProvider, { notificationPlacement }, children));
+function Provider({ children, theme, colorScheme, notificationPlacement }) {
+  return React__default.createElement(ThemeProvider, {
+    theme,
+    colorScheme
+  }, React__default.createElement(NotificationProvider, {
+    notificationPlacement
+  }, children));
 }
 export {
   Provider

package/RadioGroup/index.js

@@ -32,18 +32,18 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Text = require("../__chunks__/Text-1ae70c19.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-a862839b.js");
-const SelectorErrorTooltip = require("../__chunks__/SelectorErrorTooltip-43c5e29e.js");
+const Text_index = require("../Text/index.js");
+const HorizontalStack_index = require("../HorizontalStack/index.js");
+const SelectorErrorTooltip_index = require("../SelectorErrorTooltip/index.js");
 const utilities_css = require("../utilities/css.js");
-const _import$1 = require("../__chunks__/import-63bf0645.js");
-const _import = require("../__chunks__/import-0d1b4d93.js");
-const _import$2 = require("../__chunks__/import-01299af6.js");
-const realModule = require("../__chunks__/real-module-ae2a4342.js");
-const _import$3 = require("../__chunks__/import-76076ca6.js");
-require("../__chunks__/Icon-3d00481a.js");
-require("../__chunks__/Tooltip-bd55165e.js");
-require("../__chunks__/import-3ab42f86.js");
+const _import$1 = require("../__chunks__/import-a1e0f814.js");
+const _import = require("../__chunks__/import-2b302763.js");
+const _import$2 = require("../__chunks__/import-24a482e1.js");
+const realModule = require("../__chunks__/real-module-e36b1436.js");
+const _import$3 = require("../__chunks__/import-dea5a24d.js");
+require("../Icon/index.js");
+require("../Tooltip/index.js");
+require("../__chunks__/import-a2023d8f.js");
 require("react-dom");
 const $884aeceb3d67f00f$export$3b7b268d09480394 = /* @__PURE__ */ new WeakMap();
 const $884aeceb3d67f00f$export$8e8b214e06dd397d = /* @__PURE__ */ new WeakMap();
@@ -201,9 +201,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
     validationState: props.validationState || null
   };
 }
-const RadioGroupContext = React.createContext(
-  null
-);
+const RadioGroupContext = React.createContext(null);
 const useRadioGroupContext = () => {
   const radioGroupContext = React.useContext(RadioGroupContext);
   if (!radioGroupContext) {
@@ -211,16 +209,16 @@ const useRadioGroupContext = () => {
   }
   return radioGroupContext;
 };
-const RadioGroupItem$1 = "_RadioGroupItem_7eiih_5";
-const label = "_label_7eiih_11";
-const radioOuter = "_radioOuter_7eiih_28";
-const radioInner = "_radioInner_7eiih_29";
-const focusVisible = "_focusVisible_7eiih_43";
-const selected = "_selected_7eiih_62";
-const invalid = "_invalid_7eiih_66";
-const disabled = "_disabled_7eiih_70";
-const hovered = "_hovered_7eiih_82";
-const readOnly = "_readOnly_7eiih_82";
+const RadioGroupItem$1 = "_RadioGroupItem_1yery_5";
+const label = "_label_1yery_11";
+const radioOuter = "_radioOuter_1yery_28";
+const radioInner = "_radioInner_1yery_29";
+const focusVisible = "_focusVisible_1yery_43";
+const selected = "_selected_1yery_62";
+const invalid = "_invalid_1yery_66";
+const disabled = "_disabled_1yery_70";
+const hovered = "_hovered_1yery_82";
+const readOnly = "_readOnly_1yery_82";
 const styles$1 = {
   RadioGroupItem: RadioGroupItem$1,
   label,
@@ -240,37 +238,37 @@ function RadioGroupItem(props) {
   const { inputProps, isSelected, isDisabled } = $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref);
   const { isFocusVisible, focusProps } = _import.$f7dceffc5ad7768b$export$4e328f61c538687f();
   const { isHovered, hoverProps } = _import.$6179b936705e76d3$export$ae780daf29e6d456(props);
-  const className = utilities_css.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 className = utilities_css.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 /* @__PURE__ */ React.createElement("div", { className, "data-testid": "root" }, /* @__PURE__ */ React.createElement(HorizontalStack.HorizontalStack, { gap: "1", blockAlign: "center" }, /* @__PURE__ */ React.createElement("label", { className: styles$1.label }, /* @__PURE__ */ React.createElement(
-    HorizontalStack.HorizontalStack,
-    __spreadValues({
-      blockAlign: "start",
-      gap: "1",
-      wrap: false
-    }, hoverProps),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues({
-        "aria-invalid": validationState === "invalid"
-      }, inputProps), focusProps), {
-        className: styles$1.input,
-        ref
-      })
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: styles$1.radioOuter }, /* @__PURE__ */ React.createElement("span", { className: styles$1.radioInner })),
-    /* @__PURE__ */ React.createElement(Text.Text, { variant: "body1", color: textColor }, children)
-  )), validationState === "invalid" && errorText && /* @__PURE__ */ React.createElement(SelectorErrorTooltip.SelectorErrorTooltip, { content: errorText })));
+  return React.createElement("div", {
+    className
+  }, React.createElement(HorizontalStack_index.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React.createElement("label", {
+    className: styles$1.label
+  }, React.createElement(HorizontalStack_index.HorizontalStack, __spreadValues({
+    blockAlign: "start",
+    gap: "1",
+    wrap: false
+  }, hoverProps), React.createElement("input", __spreadProps(__spreadValues(__spreadValues({
+    "aria-invalid": validationState === "invalid"
+  }, inputProps), focusProps), {
+    className: styles$1.input,
+    ref
+  })), React.createElement("span", {
+    className: styles$1.radioOuter
+  }, React.createElement("span", {
+    className: styles$1.radioInner
+  })), React.createElement(Text_index.Text, {
+    variant: "body1",
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip_index.SelectorErrorTooltip, {
+    content: errorText
+  })));
 }
-const RadioGroup$1 = "_RadioGroup_1712u_5";
-const list = "_list_1712u_14";
+const RadioGroup$1 = "_RadioGroup_57hp1_5";
+const list = "_list_57hp1_14";
 const styles = {
   RadioGroup: RadioGroup$1,
   list
@@ -279,19 +277,21 @@ function RadioGroupContainer(props) {
   const { children, label: label2 } = props;
   const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
   const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
-  return /* @__PURE__ */ React.createElement("fieldset", __spreadValues({ className: styles.RadioGroup }, radioGroupProps), label2 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Text.Text,
-    __spreadValues({
-      as: "legend",
-      variant: "subtitle1",
-      color: "gray.bold"
-    }, labelProps),
-    label2
-  )), /* @__PURE__ */ React.createElement(RadioGroupContext.Provider, { value: state }, children));
+  return React.createElement("fieldset", __spreadValues({
+    className: styles.RadioGroup
+  }, radioGroupProps), label2 && React.createElement("div", null, React.createElement(Text_index.Text, __spreadValues({
+    as: "legend",
+    variant: "subtitle1",
+    color: "gray.bold"
+  }, labelProps), label2)), React.createElement(RadioGroupContext.Provider, {
+    value: state
+  }, children));
 }
 function RadioGroup(props) {
   const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ React.createElement(RadioGroupContainer, __spreadValues({}, containerProps), /* @__PURE__ */ React.createElement("div", { className: styles.list }, children));
+  return React.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React.createElement("div", {
+    className: styles.list
+  }, children));
 }
 RadioGroup.Container = RadioGroupContainer;
 RadioGroup.Item = RadioGroupItem;

package/RadioGroup/index.mjs

@@ -30,18 +30,18 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { useMemo, useState, useContext } from "react";
-import { T as Text } from "../__chunks__/Text-4ae50d5c.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-a441c63f.mjs";
-import { S as SelectorErrorTooltip } from "../__chunks__/SelectorErrorTooltip-b6204987.mjs";
+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 { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, b as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/import-b7971a11.mjs";
-import { b as $f6c31cce2adf654f$export$45712eceda6fad21, c as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $9bf71ea28793e738$export$2d6ec8fc375ceafa, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, a as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-ab878fb6.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/import-baa3cd0c.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/real-module-e4cd2301.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/import-86330a7c.mjs";
-import "../__chunks__/Icon-a75b5201.mjs";
-import "../__chunks__/Tooltip-f7e67b21.mjs";
-import "../__chunks__/import-856e0385.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-3d962a94.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 "../Tooltip/index.mjs";
+import "../__chunks__/import-f1f4792a.mjs";
 import "react-dom";
 const $884aeceb3d67f00f$export$3b7b268d09480394 = /* @__PURE__ */ new WeakMap();
 const $884aeceb3d67f00f$export$8e8b214e06dd397d = /* @__PURE__ */ new WeakMap();
@@ -199,9 +199,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
     validationState: props.validationState || null
   };
 }
-const RadioGroupContext = React__default.createContext(
-  null
-);
+const RadioGroupContext = React__default.createContext(null);
 const useRadioGroupContext = () => {
   const radioGroupContext = useContext(RadioGroupContext);
   if (!radioGroupContext) {
@@ -209,16 +207,16 @@ const useRadioGroupContext = () => {
   }
   return radioGroupContext;
 };
-const RadioGroupItem$1 = "_RadioGroupItem_7eiih_5";
-const label = "_label_7eiih_11";
-const radioOuter = "_radioOuter_7eiih_28";
-const radioInner = "_radioInner_7eiih_29";
-const focusVisible = "_focusVisible_7eiih_43";
-const selected = "_selected_7eiih_62";
-const invalid = "_invalid_7eiih_66";
-const disabled = "_disabled_7eiih_70";
-const hovered = "_hovered_7eiih_82";
-const readOnly = "_readOnly_7eiih_82";
+const RadioGroupItem$1 = "_RadioGroupItem_1yery_5";
+const label = "_label_1yery_11";
+const radioOuter = "_radioOuter_1yery_28";
+const radioInner = "_radioInner_1yery_29";
+const focusVisible = "_focusVisible_1yery_43";
+const selected = "_selected_1yery_62";
+const invalid = "_invalid_1yery_66";
+const disabled = "_disabled_1yery_70";
+const hovered = "_hovered_1yery_82";
+const readOnly = "_readOnly_1yery_82";
 const styles$1 = {
   RadioGroupItem: RadioGroupItem$1,
   label,
@@ -238,37 +236,37 @@ function RadioGroupItem(props) {
   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 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 /* @__PURE__ */ React__default.createElement("div", { className, "data-testid": "root" }, /* @__PURE__ */ React__default.createElement(HorizontalStack, { gap: "1", blockAlign: "center" }, /* @__PURE__ */ React__default.createElement("label", { className: styles$1.label }, /* @__PURE__ */ React__default.createElement(
-    HorizontalStack,
-    __spreadValues({
-      blockAlign: "start",
-      gap: "1",
-      wrap: false
-    }, hoverProps),
-    /* @__PURE__ */ React__default.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues({
-        "aria-invalid": validationState === "invalid"
-      }, inputProps), focusProps), {
-        className: styles$1.input,
-        ref
-      })
-    ),
-    /* @__PURE__ */ React__default.createElement("span", { className: styles$1.radioOuter }, /* @__PURE__ */ React__default.createElement("span", { className: styles$1.radioInner })),
-    /* @__PURE__ */ React__default.createElement(Text, { variant: "body1", color: textColor }, children)
-  )), validationState === "invalid" && errorText && /* @__PURE__ */ React__default.createElement(SelectorErrorTooltip, { content: errorText })));
+  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_1712u_5";
-const list = "_list_1712u_14";
+const RadioGroup$1 = "_RadioGroup_57hp1_5";
+const list = "_list_57hp1_14";
 const styles = {
   RadioGroup: RadioGroup$1,
   list
@@ -277,19 +275,21 @@ function RadioGroupContainer(props) {
   const { children, label: label2 } = props;
   const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
   const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
-  return /* @__PURE__ */ React__default.createElement("fieldset", __spreadValues({ className: styles.RadioGroup }, radioGroupProps), label2 && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
-    Text,
-    __spreadValues({
-      as: "legend",
-      variant: "subtitle1",
-      color: "gray.bold"
-    }, labelProps),
-    label2
-  )), /* @__PURE__ */ React__default.createElement(RadioGroupContext.Provider, { value: state }, children));
+  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 /* @__PURE__ */ React__default.createElement(RadioGroupContainer, __spreadValues({}, containerProps), /* @__PURE__ */ React__default.createElement("div", { className: styles.list }, children));
+  return React__default.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React__default.createElement("div", {
+    className: styles.list
+  }, children));
 }
 RadioGroup.Container = RadioGroupContainer;
 RadioGroup.Item = RadioGroupItem;

package/Select/Select.d.ts

@@ -0,0 +1,88 @@
+import React, { Key } from "react";
+import { CollectionChildren } from "@react-types/shared";
+import { AriaSelectProps } from "react-aria";
+import { BaseSelectFieldProps } from "./SelectField";
+import { SelectOption } from "./SelectOption";
+import { SelectSection } from "./SelectSection";
+export type SelectProps<T> = AriaSelectProps<T> & BaseSelectFieldProps & {
+    /** Method that is called when the open state of the select field changes. */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Sets the open state of the select field. */
+    isOpen?: boolean;
+    /** The currently selected key in the collection (controlled). */
+    selectedKey?: Key | null;
+    /** The initial selected key in the collection (uncontrolled). */
+    defaultSelectedKey?: Key;
+    /** Handler that is called when the selection changes. */
+    onSelectionChange?: (key: Key) => void;
+    /** The contents of the collection. */
+    children: CollectionChildren<T>;
+    /** The option keys that are disabled. These options cannot be selected, focused, or otherwise interacted with. */
+    disabledKeys?: Iterable<Key>;
+};
+/**
+ * The `<Select />` component allows users to select a value from a set of options.
+ *
+ * @remarks
+ * A common use-case for this component is to be used on forms as a traditional
+ * select.
+ *
+ * @example
+ * _Simple controlled selection:_
+*```tsx
+* import { Select } from "@easypost/easy-ui/Select";
+*
+* export function Component() {
+*  const [selectedOption, setSelectedOption] = React.useState("Option 1");
+*
+*  return (
+*    <Select
+*      label="Label"
+*      selectedKey={selectedOption}
+*      onSelectionChange={(selected) => setSelectedOption(selected)}
+*      helperText="Helper text"
+*    >
+*      <Select.Option key="Option 1">Option 1</Select.Option>
+*      <Select.Option key="Option 2">Option 2</Select.Option>
+*      <Select.Option key="Option 3">Option 3</Select.Option>
+*    </Select>
+*  );
+* }
+```
+*
+* @example
+* _Simple controlled selection with separator:_
+*```tsx
+* import { Select } from "@easypost/easy-ui/Select";
+*
+* export function Component() {
+*  const [selectedOption, setSelectedOption] = React.useState("Option 1");
+*
+*  return (
+*    <Select
+*      label="Label"
+*      selectedKey={selectedOption}
+*      onSelectionChange={(selected) => setSelectedOption(selected)}
+*      helperText="Helper text"
+*    >
+*      <Select.Section aria-label="Primary options">
+*       <Select.Option key="Option 1">Option 1</Select.Option>
+*       <Select.Option key="Option 2">Option 2</Select.Option>
+*       <Select.Option key="Option 3">Option 3</Select.Option>
+*       </Select.Section>
+*      <Select.Section aria-label="Secondary options">
+*       <Select.Option key="Option 4">Option 4</Select.Option>
+*       <Select.Option key="Option 5">Option 5</Select.Option>
+*       <Select.Option key="Option 6">Option 6</Select.Option>
+*       </Select.Section>
+*    </Select>
+*  );
+* }
+```
+ */
+export declare function Select<T extends object>(props: SelectProps<T>): React.JSX.Element;
+export declare namespace Select {
+    var Section: typeof SelectSection;
+    var Option: typeof SelectOption;
+}
+//# sourceMappingURL=Select.d.ts.map

package/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AAExD,OAAO,EAAe,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,oBAAoB,GAAG;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAChC,kHAAkH;IAClH,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,qBA2D7D;yBA3De,MAAM"}

package/Select/Select.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Select } from "./Select";
+type Story = StoryObj<typeof Select>;
+declare const meta: Meta<typeof Select>;
+export default meta;
+export declare const Standard: Story;
+export declare const Icon: Story;
+export declare const SmallSelect: Story;
+export declare const LargeSelect: Story;
+export declare const LabelWithEmphasis: Story;
+export declare const Error: Story;
+export declare const VisuallyHiddenLabel: Story;
+export declare const WithSeparator: Story;
+export declare const ControlledSelection: Story;
+export declare const DisabledOptions: Story;
+export declare const DisabledSelect: Story;
+//# sourceMappingURL=Select.stories.d.ts.map

package/Select/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAYrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAS7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}

package/Select/Select.test.d.ts

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

package/Select/Select.test.d.ts.map

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

package/Select/SelectContext.d.ts

@@ -0,0 +1,14 @@
+import { MutableRefObject } from "react";
+import { SelectState } from "react-stately";
+import { AriaButtonProps, AriaListBoxOptions } from "react-aria";
+type InternalSelectContextType = {
+    triggerProps: AriaButtonProps;
+    listBoxPropsFromSelect: AriaListBoxOptions<unknown>;
+    triggerRef: MutableRefObject<null>;
+    selectState: SelectState<unknown>;
+    triggerWidth: number | null;
+};
+export declare const InternalSelectContext: import("react").Context<InternalSelectContextType | null>;
+export declare function useInternalSelectContext(): InternalSelectContextType;
+export {};
+//# sourceMappingURL=SelectContext.d.ts.map

package/Select/SelectContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../src/Select/SelectContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA6B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEjE,KAAK,yBAAyB,GAAG;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,sBAAsB,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpD,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,2DACqB,CAAC;AAExD,wBAAgB,wBAAwB,8BAMvC"}

package/Select/SelectField.d.ts

@@ -0,0 +1,62 @@
+import React, { ReactNode, DOMAttributes } from "react";
+import { FocusableElement } from "@react-types/shared";
+import { IconSymbol } from "../types";
+export type SelectFieldSize = "sm" | "md" | "lg";
+export type ValidationState = "valid" | "invalid";
+export type BaseSelectFieldProps = {
+    /**
+     * Visually hides the label, but keeps it accessible.
+     * @default false
+     */
+    isLabelVisuallyHidden?: boolean;
+    /**
+     * Whether the select field is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether user input is required on the select field before form submission.
+     * @default false
+     */
+    isRequired?: boolean;
+    /**
+     * Whether the input should display its "valid" or "invalid" visual styling.
+     * @default valid
+     */
+    validationState?: ValidationState;
+    /**
+     * Label text displays with emphasis.
+     * @default false
+     */
+    isLabelEmphasized?: boolean;
+    /**
+     * Size affects the overall size of the select field, but it also influences
+     * the size of iconAtStart.
+     * @default md
+     */
+    size?: SelectFieldSize;
+    /** The content to display as the label. */
+    label: ReactNode;
+    /** Error text that appears below select field. */
+    errorText?: ReactNode;
+    /** Helper text that appears below select field. */
+    helperText?: ReactNode;
+    /** Temporary text that occupies select field when it is empty. */
+    placeholder?: string;
+    /** Left aligned icon on the select field. */
+    iconAtStart?: IconSymbol;
+};
+type SelectFieldAttributeProps = {
+    /** Label props associated with field. */
+    labelProps?: DOMAttributes<FocusableElement>;
+    /** Helper text props associated with field. */
+    helperTextProps?: DOMAttributes<FocusableElement>;
+    /** Error text props associated with field. */
+    errorTextProps?: DOMAttributes<FocusableElement>;
+    /** Field value props. */
+    valueProps?: DOMAttributes<FocusableElement>;
+};
+type SelectFieldProps = BaseSelectFieldProps & SelectFieldAttributeProps;
+export declare function SelectField(props: SelectFieldProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SelectField.d.ts.map

package/Select/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/Select/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,UAAU,CAAC;CAC1B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,yCAAyC;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,+CAA+C;IAC/C,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,yBAAyB;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,yBAAyB,CAAC;AAEzE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAiElD"}