@easypost/easy-ui 1.0.0-alpha.60 → 1.0.0-alpha.62

package/__chunks__/Spinner-BOumHc9g.js

@@ -0,0 +1,100 @@
+"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));
+const React = require("react");
+const Text = require("./Text-Bbhl1fdd.js");
+const utilities_css = require("../utilities/css.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const number = require("./number-C4N6pKyl.js");
+const useLabel = require("./useLabel-t-N6anB8.js");
+const context = require("./context-D3NeXov7.js");
+const NumberFormatter = require("./NumberFormatter-CXW1Iqpu.js");
+function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
+  let { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return React.useMemo(() => new NumberFormatter.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
+    locale,
+    options
+  ]);
+}
+function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
+  let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
+    style: "percent"
+  } } = props;
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { labelProps, fieldProps } = useLabel.$d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
+    // Progress bar is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  }));
+  value = number.$9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
+  let percentage = (value - minValue) / (maxValue - minValue);
+  let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
+  if (!isIndeterminate && !valueLabel) {
+    let valueToFormat = formatOptions.style === "percent" ? percentage : value;
+    valueLabel = formatter.format(valueToFormat);
+  }
+  return {
+    progressBarProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      "aria-valuemin": minValue,
+      "aria-valuemax": maxValue,
+      "aria-valuetext": isIndeterminate ? void 0 : valueLabel,
+      role: "progressbar"
+    })),
+    labelProps
+  };
+}
+const spinner = "_spinner_1mbke_5";
+const progress = "_progress_1mbke_16";
+const indeterminate = "_indeterminate_1mbke_25";
+const styles = {
+  spinner,
+  progress,
+  indeterminate,
+  "indeterminate-ring": "_indeterminate-ring_1mbke_1"
+};
+const Spinner = (props) => {
+  var _a, _b;
+  const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
+  const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
+    label: children
+  }));
+  const id = React.useId();
+  const degrees = !isIndeterminate && value && value * 360 / 100;
+  const style = __spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("spinner", "color", "color", color)), utilities_css.getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, utilities_css.getComponentToken("spinner", "degrees", `${degrees}deg`)));
+  return React.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
+  }), isIndeterminate ? React.createElement("div", {
+    className: styles.indeterminate
+  }, React.createElement("div", null), React.createElement("div", null), React.createElement("div", null)) : React.createElement("div", {
+    className: styles.progress
+  }), React.createElement(Text.Text, __spreadProps(__spreadValues({}, labelProps), {
+    id: (_b = labelProps.id) != null ? _b : id,
+    visuallyHidden: !children,
+    variant: "subtitle2"
+  }), children ? children : "Loading"));
+};
+exports.Spinner = Spinner;

package/__chunks__/Spinner-D5Cnx9wv.mjs

@@ -0,0 +1,101 @@
+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));
+import React__default, { useMemo, useId } from "react";
+import { T as Text } from "./Text-tpkE6IlH.mjs";
+import { getComponentThemeToken, getComponentDesignToken, getComponentToken } from "../utilities/css.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CLRm_tTs.mjs";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-D37VV43W.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
+import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-p5KNJNTT.mjs";
+function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
+  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return useMemo(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
+    locale,
+    options
+  ]);
+}
+function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
+  let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
+    style: "percent"
+  } } = props;
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
+    // Progress bar is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  }));
+  value = $9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
+  let percentage = (value - minValue) / (maxValue - minValue);
+  let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
+  if (!isIndeterminate && !valueLabel) {
+    let valueToFormat = formatOptions.style === "percent" ? percentage : value;
+    valueLabel = formatter.format(valueToFormat);
+  }
+  return {
+    progressBarProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      "aria-valuemin": minValue,
+      "aria-valuemax": maxValue,
+      "aria-valuetext": isIndeterminate ? void 0 : valueLabel,
+      role: "progressbar"
+    })),
+    labelProps
+  };
+}
+const spinner = "_spinner_1mbke_5";
+const progress = "_progress_1mbke_16";
+const indeterminate = "_indeterminate_1mbke_25";
+const styles = {
+  spinner,
+  progress,
+  indeterminate,
+  "indeterminate-ring": "_indeterminate-ring_1mbke_1"
+};
+const Spinner = (props) => {
+  var _a, _b;
+  const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
+  const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
+    label: children
+  }));
+  const id = useId();
+  const degrees = !isIndeterminate && value && value * 360 / 100;
+  const style = __spreadValues(__spreadValues(__spreadValues({}, getComponentThemeToken("spinner", "color", "color", color)), getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, getComponentToken("spinner", "degrees", `${degrees}deg`)));
+  return React__default.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
+    className: styles.spinner,
+    style,
+    role: isIndeterminate ? "status" : progressBarProps.role,
+    "aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
+  }), isIndeterminate ? React__default.createElement("div", {
+    className: styles.indeterminate
+  }, React__default.createElement("div", null), React__default.createElement("div", null), React__default.createElement("div", null)) : React__default.createElement("div", {
+    className: styles.progress
+  }), React__default.createElement(Text, __spreadProps(__spreadValues({}, labelProps), {
+    id: (_b = labelProps.id) != null ? _b : id,
+    visuallyHidden: !children,
+    variant: "subtitle2"
+  }), children ? children : "Loading"));
+};
+export {
+  Spinner as S
+};

package/__chunks__/{Stepper-B0w3sKYh.mjs → Stepper-B4VoJaxe.mjs}

@@ -30,15 +30,15 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { createContext, useContext, Children, useMemo } from "react";
-import { H as HorizontalStack } from "./HorizontalStack-Dx9zYaH0.mjs";
-import { V as VerticalStack } from "./VerticalStack-HnwP17N3.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-CdtNq_TW.mjs";
+import { V as VerticalStack } from "./VerticalStack-CeDKl8Ee.mjs";
 import { A as ArrowForwardIos } from "./ArrowForwardIos-DSeLeLhY.mjs";
 import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-B7BScs8i.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-CrSLb-W8.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { I as Icon } from "./Icon-QGDwoR1f.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BE_dgxH5.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { I as Icon } from "./Icon-BNi1LKXX.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-YOWeCHgO.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 const InternalStepperContext = createContext(null);
 function useInternalStepperContext() {
   const stepperContext = useContext(InternalStepperContext);
@@ -47,25 +47,25 @@ function useInternalStepperContext() {
   }
   return stepperContext;
 }
-const containerHorizontal = "_containerHorizontal_wnvx5_5";
-const containerVertical = "_containerVertical_wnvx5_15";
-const container = "_container_wnvx5_5";
-const colorPrimary = "_colorPrimary_wnvx5_24";
-const colorInverse = "_colorInverse_wnvx5_32";
-const StepButton$1 = "_StepButton_wnvx5_40";
-const focusVisible = "_focusVisible_wnvx5_56";
-const statusComplete = "_statusComplete_wnvx5_68";
-const statusIncomplete = "_statusIncomplete_wnvx5_72";
-const statusActive = "_statusActive_wnvx5_76";
-const orientationVertical = "_orientationVertical_wnvx5_80";
-const indicatorHorizontal = "_indicatorHorizontal_wnvx5_84";
-const indicatorVertical = "_indicatorVertical_wnvx5_88";
-const indicatorContainer = "_indicatorContainer_wnvx5_92";
-const indicatorActive = "_indicatorActive_wnvx5_96";
-const indicatorIncomplete = "_indicatorIncomplete_wnvx5_104";
-const indicator = "_indicator_wnvx5_84";
-const textHorizontal = "_textHorizontal_wnvx5_114";
-const textVertical = "_textVertical_wnvx5_123";
+const containerHorizontal = "_containerHorizontal_1gah8_5";
+const containerVertical = "_containerVertical_1gah8_15";
+const container = "_container_1gah8_5";
+const colorPrimary = "_colorPrimary_1gah8_24";
+const colorInverse = "_colorInverse_1gah8_32";
+const StepButton$1 = "_StepButton_1gah8_40";
+const focusVisible = "_focusVisible_1gah8_56";
+const statusComplete = "_statusComplete_1gah8_68";
+const statusIncomplete = "_statusIncomplete_1gah8_72";
+const statusActive = "_statusActive_1gah8_76";
+const orientationVertical = "_orientationVertical_1gah8_80";
+const indicatorHorizontal = "_indicatorHorizontal_1gah8_84";
+const indicatorVertical = "_indicatorVertical_1gah8_88";
+const indicatorContainer = "_indicatorContainer_1gah8_92";
+const indicatorActive = "_indicatorActive_1gah8_96";
+const indicatorIncomplete = "_indicatorIncomplete_1gah8_104";
+const indicator = "_indicator_1gah8_84";
+const textHorizontal = "_textHorizontal_1gah8_114";
+const textVertical = "_textVertical_1gah8_123";
 const styles$1 = {
   containerHorizontal,
   containerVertical,
@@ -108,9 +108,9 @@ function StepButton(props) {
     className: classNames(styles$1[variationName("text", orientation)])
   }, children)));
 }
-const separatorPrimary = "_separatorPrimary_14dpb_5";
-const separatorInverse = "_separatorInverse_14dpb_9";
-const separator = "_separator_14dpb_5";
+const separatorPrimary = "_separatorPrimary_19kgh_5";
+const separatorInverse = "_separatorInverse_19kgh_9";
+const separator = "_separator_19kgh_5";
 const styles = {
   separatorPrimary,
   separatorInverse,

package/__chunks__/{Stepper-Bbihngk4.js → Stepper-CZsNTl_A.js}

@@ -31,13 +31,13 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const HorizontalStack = require("./HorizontalStack-1g4N72TF.js");
-const VerticalStack = require("./VerticalStack-BTB8fX9P.js");
+const HorizontalStack = require("./HorizontalStack-D4ecxt6R.js");
+const VerticalStack = require("./VerticalStack-BkqSVZuy.js");
 const ArrowForwardIos = require("./ArrowForwardIos-DpRiDPNZ.js");
 const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
-const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
+const UnstyledButton = require("./UnstyledButton-DfjYrePV.js");
 const utilities_css = require("../utilities/css.js");
-const Icon = require("./Icon-oPEVg2C8.js");
+const Icon = require("./Icon-Pxk1cmPj.js");
 const useFocusRing = require("./useFocusRing-DFRFvht_.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const InternalStepperContext = React.createContext(null);
@@ -48,25 +48,25 @@ function useInternalStepperContext() {
   }
   return stepperContext;
 }
-const containerHorizontal = "_containerHorizontal_wnvx5_5";
-const containerVertical = "_containerVertical_wnvx5_15";
-const container = "_container_wnvx5_5";
-const colorPrimary = "_colorPrimary_wnvx5_24";
-const colorInverse = "_colorInverse_wnvx5_32";
-const StepButton$1 = "_StepButton_wnvx5_40";
-const focusVisible = "_focusVisible_wnvx5_56";
-const statusComplete = "_statusComplete_wnvx5_68";
-const statusIncomplete = "_statusIncomplete_wnvx5_72";
-const statusActive = "_statusActive_wnvx5_76";
-const orientationVertical = "_orientationVertical_wnvx5_80";
-const indicatorHorizontal = "_indicatorHorizontal_wnvx5_84";
-const indicatorVertical = "_indicatorVertical_wnvx5_88";
-const indicatorContainer = "_indicatorContainer_wnvx5_92";
-const indicatorActive = "_indicatorActive_wnvx5_96";
-const indicatorIncomplete = "_indicatorIncomplete_wnvx5_104";
-const indicator = "_indicator_wnvx5_84";
-const textHorizontal = "_textHorizontal_wnvx5_114";
-const textVertical = "_textVertical_wnvx5_123";
+const containerHorizontal = "_containerHorizontal_1gah8_5";
+const containerVertical = "_containerVertical_1gah8_15";
+const container = "_container_1gah8_5";
+const colorPrimary = "_colorPrimary_1gah8_24";
+const colorInverse = "_colorInverse_1gah8_32";
+const StepButton$1 = "_StepButton_1gah8_40";
+const focusVisible = "_focusVisible_1gah8_56";
+const statusComplete = "_statusComplete_1gah8_68";
+const statusIncomplete = "_statusIncomplete_1gah8_72";
+const statusActive = "_statusActive_1gah8_76";
+const orientationVertical = "_orientationVertical_1gah8_80";
+const indicatorHorizontal = "_indicatorHorizontal_1gah8_84";
+const indicatorVertical = "_indicatorVertical_1gah8_88";
+const indicatorContainer = "_indicatorContainer_1gah8_92";
+const indicatorActive = "_indicatorActive_1gah8_96";
+const indicatorIncomplete = "_indicatorIncomplete_1gah8_104";
+const indicator = "_indicator_1gah8_84";
+const textHorizontal = "_textHorizontal_1gah8_114";
+const textVertical = "_textVertical_1gah8_123";
 const styles$1 = {
   containerHorizontal,
   containerVertical,
@@ -109,9 +109,9 @@ function StepButton(props) {
     className: utilities_css.classNames(styles$1[utilities_css.variationName("text", orientation)])
   }, children)));
 }
-const separatorPrimary = "_separatorPrimary_14dpb_5";
-const separatorInverse = "_separatorInverse_14dpb_9";
-const separator = "_separator_14dpb_5";
+const separatorPrimary = "_separatorPrimary_19kgh_5";
+const separatorInverse = "_separatorInverse_19kgh_9";
+const separator = "_separator_19kgh_5";
 const styles = {
   separatorPrimary,
   separatorInverse,

package/__chunks__/{TabNav-2W0d3JQ0.mjs → TabNav-C0dTC1c_.mjs}

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default from "react";
-import { T as Tabs } from "./Tabs-C-D794Gi.mjs";
+import { T as Tabs } from "./Tabs-MBY9JDS4.mjs";
 function TabNavItem(props) {
   const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
   return React__default.createElement(Tabs.Item, __spreadProps(__spreadValues({

package/__chunks__/{TabNav-BHETvib0.js → TabNav-DFFWhGpM.js}

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const Tabs = require("./Tabs-9dihRp0n.js");
+const Tabs = require("./Tabs-DbfPjHiY.js");
 function TabNavItem(props) {
   const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
   return React.createElement(Tabs.Tabs.Item, __spreadProps(__spreadValues({

package/__chunks__/{Tabs-9dihRp0n.js → Tabs-DbfPjHiY.js}

@@ -31,17 +31,17 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const useEdgeInterceptors = require("./useEdgeInterceptors-BCHFmpf_.js");
+const useEdgeInterceptors = require("./useEdgeInterceptors-CnwnUfBU.js");
 const utilities_css = require("../utilities/css.js");
 const useResizeObserver = require("./useResizeObserver-BsbT3mjh.js");
 const useHover = require("./useHover-BIKwjrCT.js");
 const useFocusRing = require("./useFocusRing-DFRFvht_.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const overlayscrollbarsReact = require("./overlayscrollbars-react-D154NPCl.js");
-const Edge$1 = "_Edge_1bbc1_5";
-const sideLeft = "_sideLeft_1bbc1_21";
-const sideRight = "_sideRight_1bbc1_28";
-const activated = "_activated_1bbc1_35";
+const Edge$1 = "_Edge_gdrcl_5";
+const sideLeft = "_sideLeft_gdrcl_21";
+const sideRight = "_sideRight_gdrcl_28";
+const activated = "_activated_gdrcl_35";
 const styles$2 = {
   Edge: Edge$1,
   sideLeft,
@@ -129,13 +129,13 @@ function useScrollIntoViewIfNeeded({ isSelected, itemRef }) {
     onResize: handleScroll
   });
 }
-const TabsItem$1 = "_TabsItem_1vjiu_5";
-const tab = "_tab_1vjiu_9";
-const focusVisible = "_focusVisible_1vjiu_32";
-const text = "_text_1vjiu_44";
-const disabled = "_disabled_1vjiu_48";
-const hovered = "_hovered_1vjiu_53";
-const selected = "_selected_1vjiu_57";
+const TabsItem$1 = "_TabsItem_7hrtw_5";
+const tab = "_tab_7hrtw_9";
+const focusVisible = "_focusVisible_7hrtw_32";
+const text = "_text_7hrtw_44";
+const disabled = "_disabled_7hrtw_48";
+const hovered = "_hovered_7hrtw_53";
+const selected = "_selected_7hrtw_57";
 const styles$1 = {
   TabsItem: TabsItem$1,
   tab,
@@ -193,11 +193,11 @@ function useScrollbar({ navRef, containerRef }) {
     }
   }, [initialize, navRef, containerRef]);
 }
-const Tabs$1 = "_Tabs_dec8t_5";
-const nav = "_nav_dec8t_19";
-const listContainer = "_listContainer_dec8t_25";
-const list = "_list_dec8t_25";
-const indicator = "_indicator_dec8t_44";
+const Tabs$1 = "_Tabs_r3h5o_5";
+const nav = "_nav_r3h5o_19";
+const listContainer = "_listContainer_r3h5o_25";
+const list = "_list_r3h5o_25";
+const indicator = "_indicator_r3h5o_44";
 const styles = {
   Tabs: Tabs$1,
   nav,

package/__chunks__/{Tabs-C-D794Gi.mjs → Tabs-MBY9JDS4.mjs}

@@ -30,17 +30,17 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { createContext, useContext, useCallback, useEffect, useRef, useLayoutEffect, useState, useMemo } from "react";
-import { u as useEdgeInterceptors } from "./useEdgeInterceptors-CVxwDmQ0.mjs";
+import { u as useEdgeInterceptors } from "./useEdgeInterceptors-ax9tmtdh.mjs";
 import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-Dyb4wvuA.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BE_dgxH5.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-YOWeCHgO.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { F } from "./overlayscrollbars-react-0TIZYR5k.mjs";
-const Edge$1 = "_Edge_1bbc1_5";
-const sideLeft = "_sideLeft_1bbc1_21";
-const sideRight = "_sideRight_1bbc1_28";
-const activated = "_activated_1bbc1_35";
+const Edge$1 = "_Edge_gdrcl_5";
+const sideLeft = "_sideLeft_gdrcl_21";
+const sideRight = "_sideRight_gdrcl_28";
+const activated = "_activated_gdrcl_35";
 const styles$2 = {
   Edge: Edge$1,
   sideLeft,
@@ -128,13 +128,13 @@ function useScrollIntoViewIfNeeded({ isSelected, itemRef }) {
     onResize: handleScroll
   });
 }
-const TabsItem$1 = "_TabsItem_1vjiu_5";
-const tab = "_tab_1vjiu_9";
-const focusVisible = "_focusVisible_1vjiu_32";
-const text = "_text_1vjiu_44";
-const disabled = "_disabled_1vjiu_48";
-const hovered = "_hovered_1vjiu_53";
-const selected = "_selected_1vjiu_57";
+const TabsItem$1 = "_TabsItem_7hrtw_5";
+const tab = "_tab_7hrtw_9";
+const focusVisible = "_focusVisible_7hrtw_32";
+const text = "_text_7hrtw_44";
+const disabled = "_disabled_7hrtw_48";
+const hovered = "_hovered_7hrtw_53";
+const selected = "_selected_7hrtw_57";
 const styles$1 = {
   TabsItem: TabsItem$1,
   tab,
@@ -192,11 +192,11 @@ function useScrollbar({ navRef, containerRef }) {
     }
   }, [initialize, navRef, containerRef]);
 }
-const Tabs$1 = "_Tabs_dec8t_5";
-const nav = "_nav_dec8t_19";
-const listContainer = "_listContainer_dec8t_25";
-const list = "_list_dec8t_25";
-const indicator = "_indicator_dec8t_44";
+const Tabs$1 = "_Tabs_r3h5o_5";
+const nav = "_nav_r3h5o_19";
+const listContainer = "_listContainer_r3h5o_25";
+const list = "_list_r3h5o_25";
+const indicator = "_indicator_r3h5o_44";
 const styles = {
   Tabs: Tabs$1,
   nav,

package/__chunks__/{Text-CEI17LPu.js → Text-Bbhl1fdd.js}

@@ -17,38 +17,38 @@ var __spreadValues = (a, b) => {
 };
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const Text$1 = "_Text_4qx5p_5";
-const heading1 = "_heading1_4qx5p_13";
-const heading2 = "_heading2_4qx5p_30";
-const heading3 = "_heading3_4qx5p_47";
-const heading4 = "_heading4_4qx5p_64";
-const heading5 = "_heading5_4qx5p_72";
-const subtitle1 = "_subtitle1_4qx5p_80";
-const subtitle2 = "_subtitle2_4qx5p_88";
-const body1 = "_body1_4qx5p_96";
-const body2 = "_body2_4qx5p_104";
-const caption = "_caption_4qx5p_112";
-const caption2 = "_caption2_4qx5p_120";
-const caption3 = "_caption3_4qx5p_128";
-const overline = "_overline_4qx5p_136";
-const overline2 = "_overline2_4qx5p_144";
-const button = "_button_4qx5p_152";
-const normal = "_normal_4qx5p_168";
-const medium = "_medium_4qx5p_172";
-const semibold = "_semibold_4qx5p_176";
-const bold = "_bold_4qx5p_180";
-const truncate = "_truncate_4qx5p_184";
-const block = "_block_4qx5p_190";
-const visuallyHidden = "_visuallyHidden_4qx5p_194";
-const start = "_start_4qx5p_207";
-const center = "_center_4qx5p_211";
-const end = "_end_4qx5p_215";
-const justify = "_justify_4qx5p_219";
-const numeric = "_numeric_4qx5p_227";
-const transformNone = "_transformNone_4qx5p_231";
-const transformCapitalize = "_transformCapitalize_4qx5p_235";
-const transformUppercase = "_transformUppercase_4qx5p_239";
-const transformLowercase = "_transformLowercase_4qx5p_243";
+const Text$1 = "_Text_l5cwo_5";
+const heading1 = "_heading1_l5cwo_13";
+const heading2 = "_heading2_l5cwo_30";
+const heading3 = "_heading3_l5cwo_47";
+const heading4 = "_heading4_l5cwo_64";
+const heading5 = "_heading5_l5cwo_72";
+const subtitle1 = "_subtitle1_l5cwo_80";
+const subtitle2 = "_subtitle2_l5cwo_88";
+const body1 = "_body1_l5cwo_96";
+const body2 = "_body2_l5cwo_104";
+const caption = "_caption_l5cwo_112";
+const caption2 = "_caption2_l5cwo_120";
+const caption3 = "_caption3_l5cwo_128";
+const overline = "_overline_l5cwo_136";
+const overline2 = "_overline2_l5cwo_144";
+const button = "_button_l5cwo_152";
+const normal = "_normal_l5cwo_168";
+const medium = "_medium_l5cwo_172";
+const semibold = "_semibold_l5cwo_176";
+const bold = "_bold_l5cwo_180";
+const truncate = "_truncate_l5cwo_184";
+const block = "_block_l5cwo_190";
+const visuallyHidden = "_visuallyHidden_l5cwo_194";
+const start = "_start_l5cwo_207";
+const center = "_center_l5cwo_211";
+const end = "_end_l5cwo_215";
+const justify = "_justify_l5cwo_219";
+const numeric = "_numeric_l5cwo_227";
+const transformNone = "_transformNone_l5cwo_231";
+const transformCapitalize = "_transformCapitalize_l5cwo_235";
+const transformUppercase = "_transformUppercase_l5cwo_239";
+const transformLowercase = "_transformLowercase_l5cwo_243";
 const styles = {
   Text: Text$1,
   heading1,
@@ -66,7 +66,7 @@ const styles = {
   overline,
   overline2,
   button,
-  "small-button": "_small-button_4qx5p_160",
+  "small-button": "_small-button_l5cwo_160",
   normal,
   medium,
   semibold,
@@ -78,7 +78,7 @@ const styles = {
   center,
   end,
   justify,
-  "break": "_break_4qx5p_223",
+  "break": "_break_l5cwo_223",
   numeric,
   transformNone,
   transformCapitalize,