@easypost/easy-ui 1.0.0-alpha.105 → 1.0.0-alpha.107

package/Button/index.js

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

package/Button/index.mjs

@@ -1,4 +1,4 @@
-import { B } from "../__chunks__/Button-CrxnBltN.mjs";
+import { B } from "../__chunks__/Button-3JBVarcb.mjs";
 export {
   B as Button
 };

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.107
+
+### Patch Changes
+
+- Updated dependencies [8890c0b]
+  - @easypost/easy-ui-icons@1.0.0-alpha.51
+
+## 1.0.0-alpha.106
+
+### Minor Changes
+
+- bb59dde: feat: Add ColorPicker
+
 ## 1.0.0-alpha.105
 
 ### Patch Changes

package/Calendar/index.js

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

package/Calendar/index.mjs

@@ -1,4 +1,4 @@
-import { C } from "../__chunks__/Calendar-nSyM8KQV.mjs";
+import { C } from "../__chunks__/Calendar-xdLl8B9Y.mjs";
 export {
   C as Calendar
 };

package/CheckableCard/index.js

@@ -33,7 +33,7 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Card = require("../__chunks__/Card-BM2DKiVA.js");
-const Checkbox = require("../__chunks__/Checkbox-p03OfhWu.js");
+const Checkbox = require("../__chunks__/Checkbox-B5xgmEuv.js");
 const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
 const Text = require("../__chunks__/Text-CSESKR_s.js");
 const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");

package/CheckableCard/index.mjs

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import React__default from "react";
 import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-CUbMTdLO.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-arV23qqP.mjs";
 import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
 import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
 import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";

package/Checkbox/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Checkbox = require("../__chunks__/Checkbox-p03OfhWu.js");
+const Checkbox = require("../__chunks__/Checkbox-B5xgmEuv.js");
 exports.Checkbox = Checkbox.Checkbox;
 exports.DEFAULT_SIZE = Checkbox.DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -1,4 +1,4 @@
-import { C, D } from "../__chunks__/Checkbox-CUbMTdLO.mjs";
+import { C, D } from "../__chunks__/Checkbox-arV23qqP.mjs";
 export {
   C as Checkbox,
   D as DEFAULT_SIZE

package/CodeBlock/index.js

@@ -23,13 +23,13 @@ const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Text = require("../__chunks__/Text-CSESKR_s.js");
-const Tooltip = require("../__chunks__/Tooltip-TheOW-6l.js");
-const useHover = require("../__chunks__/useHover-BK8LX0kX.js");
-const useFocus = require("../__chunks__/useFocus-r5im5eX7.js");
-const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const Tooltip = require("../__chunks__/Tooltip-CbK3uQ5T.js");
+const useHover = require("../__chunks__/useHover-Dr5CnymD.js");
+const useFocus = require("../__chunks__/useFocus-CQtieKZK.js");
+const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const Menu = require("../__chunks__/Menu-BFNwZ7A2.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-DaRYVyfB.js");
+const Menu = require("../__chunks__/Menu-BK5o87mL.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-lgUfYl5E.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/CodeBlock/index.mjs

@@ -22,13 +22,13 @@ import { classNames, variationName } from "../utilities/css.mjs";
 import { filterChildrenByDisplayName } from "../utilities/react.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-u1R4gJYA.mjs";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
-import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/useFocus-QhB_LR_6.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-Dr-FKOOp.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CZ9hM3fn.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/useFocus-C5QquI-M.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { M as Menu } from "../__chunks__/Menu-B7MOBXwT.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-CbCwVIkK.mjs";
+import { M as Menu } from "../__chunks__/Menu-C_esjNVZ.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-_yBHsWE6.mjs";
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;

package/ColorPicker/ColorArea.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ColorAreaProps } from "react-aria-components";
+export declare function ColorArea(props: ColorAreaProps): React.JSX.Element;
+//# sourceMappingURL=ColorArea.d.ts.map

package/ColorPicker/ColorArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorArea.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,cAAc,EACf,MAAM,uBAAuB,CAAC;AAK/B,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAM9C"}

package/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { ColorPickerProps as AriaColorPickerProps, Color as AriaColor } from "react-aria-components";
+export type Color = AriaColor;
+export type ColorPickerProps = {
+    /** The current value (controlled). */
+    value?: AriaColorPickerProps["value"];
+    /** The default value (uncontrolled). */
+    defaultValue?: AriaColorPickerProps["defaultValue"];
+    /** Handler that is called when the value changes. */
+    onChange?: AriaColorPickerProps["onChange"];
+    /** The children of the component. A function may be provided to alter the children based on component state. */
+    children: AriaColorPickerProps["children"];
+};
+/**
+ * A `<ColorPicker />` allows users to select a color with a color picker.
+ *
+ * @example
+ * <ColorPicker>
+ *   <ColorPickerTrigger>
+ *     <Button>Pick a color</Button>
+ *   </ColorPickerTrigger>
+ * </ColorPicker>
+ */
+export declare function ColorPicker(props: ColorPickerProps): React.JSX.Element;
+export declare namespace ColorPicker {
+    var Trigger: typeof ColorPickerTrigger;
+}
+declare function ColorPickerTrigger({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * Returns the internal state of the nearest `<ColorPicker />` component.
+ */
+export declare function useColorPickerState(): import("react-aria-components").ColorPickerState;
+export {};
+//# sourceMappingURL=ColorPicker.d.ts.map

package/ColorPicker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,gBAAgB,IAAI,oBAAoB,EACxC,KAAK,IAAI,SAAS,EAInB,MAAM,uBAAuB,CAAC;AAM/B,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,wCAAwC;IACxC,YAAY,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACpD,qDAAqD;IACrD,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,gHAAgH;IAChH,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;CAC5C,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD;yBAFe,WAAW;;;AAI3B,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBActE;AAOD;;GAEG;AACH,wBAAgB,mBAAmB,qDAQlC"}

package/ColorPicker/ColorPicker.stories.d.ts

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

package/ColorPicker/ColorPicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKvD,OAAO,EAAE,WAAW,EAAuB,MAAM,eAAe,CAAC;AAEjE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CASlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC"}

package/ColorPicker/ColorPicker.test.d.ts

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

package/ColorPicker/ColorPicker.test.d.ts.map

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

package/ColorPicker/ColorPickerInputField.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+import { ColorFieldProps } from "react-aria-components";
+import { InputFieldProps, InputSize } from "../InputField";
+import { ColorPickerProps } from "./ColorPicker";
+export type ColorPickerInputFieldProps = Omit<ColorPickerProps, "children"> & {
+    /**
+     * Size affects the overall size of the input, but it also influences the size of
+     * iconAtStart and iconAtEnd.
+     * @default md
+     */
+    size?: InputSize;
+    /** The content to display as the label. */
+    label?: InputFieldProps["label"];
+    /**
+     * Label text displays with emphasis.
+     * @default false
+     */
+    isLabelEmphasized?: InputFieldProps["isLabelEmphasized"];
+    /** Helper text that appears below input. */
+    helperText?: InputFieldProps["helperText"];
+    /** Error text that appears below input. */
+    errorText?: InputFieldProps["errorText"];
+    /**
+     * Whether the input should display its "valid" or "invalid" visual styling.
+     * @default valid
+     */
+    validationState?: InputFieldProps["validationState"];
+    /**
+     * Whether the input is disabled.
+     * @default false
+     */
+    isDisabled?: InputFieldProps["isDisabled"];
+    /**
+     * Whether the input is readonly.
+     * @default false
+     */
+    isReadOnly?: InputFieldProps["isReadOnly"];
+    /**
+     * Whether user input is required on the input before form submission.
+     * @default false
+     */
+    isRequired?: InputFieldProps["isRequired"];
+    /**
+     * Whether the element should receive focus on render.
+     * @default false
+     */
+    autoFocus?: boolean;
+    /** Temporary text that occupies the text input when it is empty. */
+    placeholder?: InputFieldProps["placeholder"];
+    /**
+     * Accessibility label for input field.
+     */
+    "aria-label"?: ColorFieldProps["aria-label"];
+    /**
+     * Accessibility label identifier for input field.
+     */
+    "aria-labelledby"?: ColorFieldProps["aria-labelledby"];
+};
+/**
+ * A `<ColorPickerInputField />` allows users to select a color with a color
+ * picker or text input.
+ *
+ * @example
+ * <ColorPickerInputField
+ *   defaultValue="#ff0000"
+ *   helperText="Select a primary color"
+ *   label={<>Primary color</>}
+ *   onChange={() => {}}
+ * />
+ */
+export declare function ColorPickerInputField(props: ColorPickerInputFieldProps): React.JSX.Element;
+//# sourceMappingURL=ColorPickerInputField.d.ts.map

package/ColorPicker/ColorPickerInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInputField.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPickerInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,eAAe,EAEhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI3D,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAI9D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAC5E;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CACxD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAqEtE"}

package/ColorPicker/ColorPickerInputField.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { ColorPickerInputField } from "./ColorPickerInputField";
+type Story = StoryObj<typeof ColorPickerInputField>;
+declare const meta: Meta<typeof ColorPickerInputField>;
+export default meta;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Required: Story;
+export declare const AutoFocus: Story;
+export declare const Error: Story;
+export declare const EmphasizedLabel: Story;
+export declare const VisuallyHiddenLabel: Story;
+//# sourceMappingURL=ColorPickerInputField.stories.d.ts.map

package/ColorPicker/ColorPickerInputField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInputField.stories.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPickerInputField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EACL,qBAAqB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAMpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAS5C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC"}

package/ColorPicker/ColorPickerInputField.test.d.ts

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

package/ColorPicker/ColorPickerInputField.test.d.ts.map

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

package/ColorPicker/ColorSlider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ColorSliderProps } from "react-aria-components";
+export declare function ColorSlider(props: ColorSliderProps): React.JSX.Element;
+//# sourceMappingURL=ColorSlider.d.ts.map

package/ColorPicker/ColorSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,gBAAgB,EAEjB,MAAM,uBAAuB,CAAC;AAK/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAiBlD"}

package/ColorPicker/ColorThumb.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ColorThumbProps } from "react-aria-components";
+export declare function ColorThumb(props: Omit<ColorThumbProps, "className"> & {
+    className?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=ColorThumb.d.ts.map

package/ColorPicker/ColorThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorThumb.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorThumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAK/B,wBAAgB,UAAU,CACxB,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAQnE"}

package/CustomerPortalLayout/index.js

@@ -36,14 +36,14 @@ const EasyPostLogo = require("../__chunks__/EasyPostLogo-DQt5KlFX.js");
 const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
 const Text = require("../__chunks__/Text-CSESKR_s.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Button = require("../__chunks__/Button-BpAgRrMP.js");
-const Menu = require("../__chunks__/Menu-BFNwZ7A2.js");
+const Button = require("../__chunks__/Button-Std0qnXW.js");
+const Menu = require("../__chunks__/Menu-BK5o87mL.js");
 const utilities_css = require("../utilities/css.js");
-const useFocusRing = require("../__chunks__/useFocusRing-Do5WdNL_.js");
-const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
-const useHover = require("../__chunks__/useHover-BK8LX0kX.js");
-const usePress = require("../__chunks__/usePress-BbU41fvX.js");
-const useLink = require("../__chunks__/useLink-rHGI96g9.js");
+const useFocusRing = require("../__chunks__/useFocusRing-Bz6Vvea6.js");
+const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
+const useHover = require("../__chunks__/useHover-Dr5CnymD.js");
+const usePress = require("../__chunks__/usePress-BlncZlLY.js");
+const useLink = require("../__chunks__/useLink-CkYSKaTt.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/CustomerPortalLayout/index.mjs

@@ -35,14 +35,14 @@ import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-B3Um5vvS.mjs";
 import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
 import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B9eOc3oY.mjs";
-import { M as Menu } from "../__chunks__/Menu-B7MOBXwT.mjs";
+import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-Bmcr29ff.mjs";
+import { M as Menu } from "../__chunks__/Menu-C_esjNVZ.mjs";
 import { classNames } from "../utilities/css.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-I6O2iIqT.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-tJX1Ngpm.mjs";
-import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-hFVDzAjm.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-DmBw4B3k.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CZ9hM3fn.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-BBw2CQ4E.mjs";
+import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-Cckz4JUl.mjs";
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;

package/DataGrid/index.js

@@ -69,37 +69,37 @@ var __yieldStar = (value) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Menu = require("../__chunks__/Menu-BFNwZ7A2.js");
+const Menu = require("../__chunks__/Menu-BK5o87mL.js");
 const Text = require("../__chunks__/Text-CSESKR_s.js");
-const KebabButton = require("../__chunks__/KebabButton-Bw2ebFxM.js");
+const KebabButton = require("../__chunks__/KebabButton-DHuQU8Vi.js");
 const utilities_css = require("../utilities/css.js");
-const usePress = require("../__chunks__/usePress-BbU41fvX.js");
+const usePress = require("../__chunks__/usePress-BlncZlLY.js");
 const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
-const Checkbox = require("../__chunks__/Checkbox-p03OfhWu.js");
-const useFocusVisible = require("../__chunks__/useFocusVisible-CbSS3hxW.js");
-const focusSafely = require("../__chunks__/focusSafely-DGwTMyzw.js");
-const FocusScope = require("../__chunks__/FocusScope-Beno1SIx.js");
-const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const Checkbox = require("../__chunks__/Checkbox-B5xgmEuv.js");
+const useFocusVisible = require("../__chunks__/useFocusVisible-CeqgwP5X.js");
+const focusSafely = require("../__chunks__/focusSafely-BVnyqGnt.js");
+const FocusScope = require("../__chunks__/FocusScope-CQUQiI_e.js");
+const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const getScrollParent = require("../__chunks__/getScrollParent-DNz2ReWu.js");
-const scrollIntoView = require("../__chunks__/scrollIntoView-DrxAy81g.js");
-const context = require("../__chunks__/context-Dxz9OXQY.js");
-const useSelectableItem = require("../__chunks__/useSelectableItem-CHrk6m3n.js");
-const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-2e9FDFKT.js");
-const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-X4sjSzZt.js");
-const useFocusRing = require("../__chunks__/useFocusRing-Do5WdNL_.js");
-const useFocusable = require("../__chunks__/useFocusable-CztLmeBQ.js");
-const VisuallyHidden = require("../__chunks__/VisuallyHidden-xO9zYcmX.js");
-const SelectionManager = require("../__chunks__/SelectionManager-BZ_5U5QP.js");
-const useHover = require("../__chunks__/useHover-BK8LX0kX.js");
+const scrollIntoView = require("../__chunks__/scrollIntoView-Dc7KrfAg.js");
+const context = require("../__chunks__/context-DJdNiOsb.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-BgTDOpZS.js");
+const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-ByCeRs7B.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-DxxEMHfO.js");
+const useFocusRing = require("../__chunks__/useFocusRing-Bz6Vvea6.js");
+const useFocusable = require("../__chunks__/useFocusable-DRGc8nSp.js");
+const VisuallyHidden = require("../__chunks__/VisuallyHidden-CHDtqgdF.js");
+const SelectionManager = require("../__chunks__/SelectionManager-CFPcxpAj.js");
+const useHover = require("../__chunks__/useHover-Dr5CnymD.js");
 const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-Ihk8NfjJ.js");
-const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
-const Spinner = require("../__chunks__/Spinner-CbeN_XA8.js");
-const useSelectableList = require("../__chunks__/useSelectableList-CdgAPdCe.js");
+const useResizeObserver = require("../__chunks__/useResizeObserver-_nCloLKK.js");
+const Spinner = require("../__chunks__/Spinner-D3v3tZCb.js");
+const useSelectableList = require("../__chunks__/useSelectableList-k9r5Y6nm.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
-const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
-const useCollator = require("../__chunks__/useCollator-Bbw6GMg7.js");
-const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-Bq9mFdfm.js");
-const useUpdateEffect = require("../__chunks__/useUpdateEffect-BII0W8Ne.js");
+const filterDOMProps = require("../__chunks__/filterDOMProps-p6wKN-SS.js");
+const useCollator = require("../__chunks__/useCollator-ClAv0Zlw.js");
+const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-DTSUgxUv.js");
+const useUpdateEffect = require("../__chunks__/useUpdateEffect-BCXmNjFG.js");
 function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
   let { collection, focusMode } = props;
   let selectionState = props.UNSAFE_selectionState || SelectionManager.$7af3f5b51489e0b5$export$253fe78d46329472(props);
@@ -1033,7 +1033,8 @@ class $d1c300d9c497e402$export$de9feff04fda126e {
     this.collator = options.collator;
     if (!options.layout && !options.ref) throw new Error("Either a layout or a ref must be specified.");
     this.layoutDelegate = options.layoutDelegate || (options.layout ? new $d1c300d9c497e402$var$DeprecatedLayoutDelegate(options.layout) : new useSelectableList.$657e4dc4a6e88df0$export$8f5ed9ff9f511381(options.ref));
-    this.focusMode = options.focusMode || "row";
+    var _options_focusMode;
+    this.focusMode = (_options_focusMode = options.focusMode) !== null && _options_focusMode !== void 0 ? _options_focusMode : "row";
   }
 }
 class $d1c300d9c497e402$var$DeprecatedLayoutDelegate {
@@ -2011,7 +2012,7 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     focusMode: "child"
   }), state, ref);
   let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
-  let { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+  let { pressProps, isPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
     isDisabled: !allowsSorting2 || isSelectionCellDisabled,
     onPress() {
       state.sort(node.key);
@@ -2053,7 +2054,8 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
       id: $2140fb2337097f2d$export$37cd4213f2ad742e(state, node.key),
       "aria-colspan": node.colSpan && node.colSpan > 1 ? node.colSpan : void 0,
       "aria-sort": ariaSort
-    })
+    }),
+    isPressed
   };
 }
 const $b2db214c022798eb$var$EXPANSION_KEYS = {
@@ -2096,7 +2098,7 @@ function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
       };
     }
   }
-  let syntheticLinkProps = usePress.$ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(node.props);
+  let syntheticLinkProps = useFocusVisible.$ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(node.props);
   let linkProps = states.hasAction ? syntheticLinkProps : {};
   return __spreadValues({
     rowProps: __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, treeGridRowProps, linkProps)), {

package/DataGrid/index.mjs

@@ -67,37 +67,37 @@ var __yieldStar = (value) => {
 };
 import React__default, { useMemo, useRef, useEffect, useState, useCallback, forwardRef, createContext, useContext, useLayoutEffect } from "react";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { M as Menu } from "../__chunks__/Menu-B7MOBXwT.mjs";
+import { M as Menu } from "../__chunks__/Menu-C_esjNVZ.mjs";
 import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { K as KebabButton } from "../__chunks__/KebabButton-B_ynhNCC.mjs";
+import { K as KebabButton } from "../__chunks__/KebabButton-_-3t8qxM.mjs";
 import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, f as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/usePress-tJX1Ngpm.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-BBw2CQ4E.mjs";
 import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-CUbMTdLO.mjs";
-import { f as $507fabe10e71c6fb$export$b9b3dfddab17db27, C as $f4e2df6bd15f8569$export$1b00cb14a96194e6, p as $c87311424ea30a05$export$a11b0059900ceec8 } from "../__chunks__/useFocusVisible-S02S36Aj.mjs";
-import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "../__chunks__/focusSafely-D4cM_C4U.mjs";
-import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-DHbxxtYV.mjs";
-import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-arV23qqP.mjs";
+import { g as $507fabe10e71c6fb$export$b9b3dfddab17db27, H as $f4e2df6bd15f8569$export$1b00cb14a96194e6, t as $c87311424ea30a05$export$a11b0059900ceec8, G as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/useFocusVisible-DzPQG-93.mjs";
+import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "../__chunks__/focusSafely-C-0RjYrV.mjs";
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-CWr3uYjx.mjs";
+import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "../__chunks__/getScrollParent-B5CCP-yO.mjs";
-import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-BY1C_8w5.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BEoWr5Bw.mjs";
-import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-DeMnuLRU.mjs";
-import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-Dpnx4leb.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-D-qKpkp4.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-I6O2iIqT.mjs";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-YWcLWvwY.mjs";
-import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-CEixEKmF.mjs";
-import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, c as $c5a24bc478652b5f$export$1005530eda016c13, d as $c5a24bc478652b5f$export$7475b2c64539e4cf, e as $c5a24bc478652b5f$export$fbdeaa6a76694f71, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, a as $7613b1592d41b092$export$6cd28814d92fa9c9, f as $c5a24bc478652b5f$export$5f3398f8733f90e2 } from "../__chunks__/SelectionManager-VOfe5ZyB.mjs";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
+import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-C4mf6apy.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-5UR8ToA1.mjs";
+import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-CgYolFF1.mjs";
+import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-D4Im4ExL.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-DWQ_olZl.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-DmBw4B3k.mjs";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-Da-gpiy7.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-I6r_q20_.mjs";
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, c as $c5a24bc478652b5f$export$1005530eda016c13, d as $c5a24bc478652b5f$export$7475b2c64539e4cf, e as $c5a24bc478652b5f$export$fbdeaa6a76694f71, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, a as $7613b1592d41b092$export$6cd28814d92fa9c9, f as $c5a24bc478652b5f$export$5f3398f8733f90e2 } from "../__chunks__/SelectionManager-QKdFux5L.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CZ9hM3fn.mjs";
 import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-D_DARZZd.mjs";
-import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
-import { S as Spinner } from "../__chunks__/Spinner-Op1vpeVw.mjs";
-import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-By73z8mx.mjs";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-DKB-lw6M.mjs";
+import { S as Spinner } from "../__chunks__/Spinner--o1eQ07o.mjs";
+import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-DoHmNul7.mjs";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
-import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-D97tqUbx.mjs";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-CCkpUWx6.mjs";
-import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-C9amKlvd.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-eGTqWSTd.mjs";
+import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-BR9eXLiM.mjs";
+import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-UM_JXIEU.mjs";
+import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-C79Zp70R.mjs";
 function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
   let { collection, focusMode } = props;
   let selectionState = props.UNSAFE_selectionState || $7af3f5b51489e0b5$export$253fe78d46329472(props);
@@ -1031,7 +1031,8 @@ class $d1c300d9c497e402$export$de9feff04fda126e {
     this.collator = options.collator;
     if (!options.layout && !options.ref) throw new Error("Either a layout or a ref must be specified.");
     this.layoutDelegate = options.layoutDelegate || (options.layout ? new $d1c300d9c497e402$var$DeprecatedLayoutDelegate(options.layout) : new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(options.ref));
-    this.focusMode = options.focusMode || "row";
+    var _options_focusMode;
+    this.focusMode = (_options_focusMode = options.focusMode) !== null && _options_focusMode !== void 0 ? _options_focusMode : "row";
   }
 }
 class $d1c300d9c497e402$var$DeprecatedLayoutDelegate {
@@ -2009,7 +2010,7 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     focusMode: "child"
   }), state, ref);
   let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
-  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
     isDisabled: !allowsSorting2 || isSelectionCellDisabled,
     onPress() {
       state.sort(node.key);
@@ -2051,7 +2052,8 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
       id: $2140fb2337097f2d$export$37cd4213f2ad742e(state, node.key),
       "aria-colspan": node.colSpan && node.colSpan > 1 ? node.colSpan : void 0,
       "aria-sort": ariaSort
-    })
+    }),
+    isPressed
   };
 }
 const $b2db214c022798eb$var$EXPANSION_KEYS = {