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

package/__chunks__/{index-d80c6f1f.mjs → Tooltip-BXRi0h4E.mjs}

@@ -17,23 +17,117 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React__default, { useRef, useEffect, useMemo, useLayoutEffect } from "react";
-import { Text } from "../Text/index.mjs";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { useMemo, useRef, useEffect, useLayoutEffect } from "react";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
 import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6, g as $f57aed4a881a3485$export$b47c3594eab58386, i as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./import-7a45b8e7.mjs";
-import { d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37 } from "./import-1f82f104.mjs";
-import { g as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, k as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./import-3306af6d.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Dkjxuk6V.mjs";
+import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, g as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-DDvp2PwR.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useFocusable-BDOoYzWB.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
+import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-DOISkEGO.mjs";
+const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
+const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
+let $8796f90736e175cb$var$tooltips = {};
+let $8796f90736e175cb$var$tooltipId = 0;
+let $8796f90736e175cb$var$globalWarmedUp = false;
+let $8796f90736e175cb$var$globalWarmUpTimeout = null;
+let $8796f90736e175cb$var$globalCooldownTimeout = null;
+function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
+  let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
+  let { isOpen, open, close } = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let id = useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
+  let closeTimeout = useRef(null);
+  let closeCallback = useRef(close);
+  let ensureTooltipEntry = () => {
+    $8796f90736e175cb$var$tooltips[id] = hideTooltip;
+  };
+  let closeOpenTooltips = () => {
+    for (let hideTooltipId in $8796f90736e175cb$var$tooltips) if (hideTooltipId !== id) {
+      $8796f90736e175cb$var$tooltips[hideTooltipId](true);
+      delete $8796f90736e175cb$var$tooltips[hideTooltipId];
+    }
+  };
+  let showTooltip = () => {
+    if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    closeTimeout.current = null;
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    $8796f90736e175cb$var$globalWarmedUp = true;
+    open();
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalCooldownTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = null;
+    }
+  };
+  let hideTooltip = (immediate) => {
+    if (immediate || closeDelay <= 0) {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      closeCallback.current();
+    } else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+      closeTimeout.current = null;
+      closeCallback.current();
+    }, closeDelay);
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalWarmedUp) {
+      if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
+        delete $8796f90736e175cb$var$tooltips[id];
+        $8796f90736e175cb$var$globalCooldownTimeout = null;
+        $8796f90736e175cb$var$globalWarmedUp = false;
+      }, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
+    }
+  };
+  let warmupTooltip = () => {
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+      $8796f90736e175cb$var$globalWarmedUp = true;
+      showTooltip();
+    }, delay);
+    else if (!isOpen) showTooltip();
+  };
+  useEffect(() => {
+    closeCallback.current = close;
+  }, [
+    close
+  ]);
+  useEffect(() => {
+    return () => {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      let tooltip = $8796f90736e175cb$var$tooltips[id];
+      if (tooltip) delete $8796f90736e175cb$var$tooltips[id];
+    };
+  }, [
+    id
+  ]);
+  return {
+    isOpen,
+    open: (immediate) => {
+      if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+      else showTooltip();
+    },
+    close: hideTooltip
+  };
+}
 function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true
   });
   let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    onHoverStart: () => {
-      return state === null || state === void 0 ? void 0 : state.open(true);
-    },
-    onHoverEnd: () => {
-      return state === null || state === void 0 ? void 0 : state.close();
-    }
+    onHoverStart: () => state === null || state === void 0 ? void 0 : state.open(true),
+    onHoverEnd: () => state === null || state === void 0 ? void 0 : state.close()
   });
   return {
     tooltipProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, {
@@ -42,17 +136,15 @@ function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
   };
 }
 function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
-  let { isDisabled, trigger } = props;
+  let { isDisabled, trigger, shouldCloseOnPress = true } = props;
   let tooltipId = $bdb11010cef70236$export$f680877a34711e37();
   let isHovered = useRef(false);
   let isFocused = useRef(false);
   let handleShow = () => {
-    if (isHovered.current || isFocused.current)
-      state.open(isFocused.current);
+    if (isHovered.current || isFocused.current) state.open(isFocused.current);
   };
   let handleHide = (immediate) => {
-    if (!isHovered.current && !isFocused.current)
-      state.close(immediate);
+    if (!isHovered.current && !isFocused.current) state.close(immediate);
   };
   useEffect(() => {
     let onKeyDown = (e) => {
@@ -74,22 +166,19 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
     state
   ]);
   let onHoverStart = () => {
-    if (trigger === "focus")
-      return;
-    if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer")
-      isHovered.current = true;
-    else
-      isHovered.current = false;
+    if (trigger === "focus") return;
+    if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") isHovered.current = true;
+    else isHovered.current = false;
     handleShow();
   };
   let onHoverEnd = () => {
-    if (trigger === "focus")
-      return;
+    if (trigger === "focus") return;
     isFocused.current = false;
     isHovered.current = false;
     handleHide();
   };
   let onPressStart = () => {
+    if (!shouldCloseOnPress) return;
     isFocused.current = false;
     isHovered.current = false;
     handleHide(true);
@@ -111,125 +200,32 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
     onHoverStart,
     onHoverEnd
   });
-  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    onPressStart
-  });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
     isDisabled,
     onFocus,
     onBlur
   }, ref);
   return {
-    triggerProps: __spreadValues({
+    triggerProps: __spreadProps(__spreadValues({
       "aria-describedby": state.isOpen ? tooltipId : void 0
-    }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)),
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
+      onPointerDown: onPressStart,
+      onKeyDown: onPressStart
+    })), {
+      tabIndex: void 0
+    }),
     tooltipProps: {
       id: tooltipId
     }
   };
 }
-const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
-const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
-let $8796f90736e175cb$var$tooltips = {};
-let $8796f90736e175cb$var$tooltipId = 0;
-let $8796f90736e175cb$var$globalWarmedUp = false;
-let $8796f90736e175cb$var$globalWarmUpTimeout = null;
-let $8796f90736e175cb$var$globalCooldownTimeout = null;
-function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
-  let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
-  let { isOpen, open, close } = $fc909762b330b746$export$61c6a8c84e605fb6(props);
-  let id = useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
-  let closeTimeout = useRef();
-  let ensureTooltipEntry = () => {
-    $8796f90736e175cb$var$tooltips[id] = hideTooltip;
-  };
-  let closeOpenTooltips = () => {
-    for (let hideTooltipId in $8796f90736e175cb$var$tooltips)
-      if (hideTooltipId !== id) {
-        $8796f90736e175cb$var$tooltips[hideTooltipId](true);
-        delete $8796f90736e175cb$var$tooltips[hideTooltipId];
-      }
-  };
-  let showTooltip = () => {
-    clearTimeout(closeTimeout.current);
-    closeTimeout.current = null;
-    closeOpenTooltips();
-    ensureTooltipEntry();
-    $8796f90736e175cb$var$globalWarmedUp = true;
-    open();
-    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
-      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
-      $8796f90736e175cb$var$globalWarmUpTimeout = null;
-    }
-    if ($8796f90736e175cb$var$globalCooldownTimeout) {
-      clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
-      $8796f90736e175cb$var$globalCooldownTimeout = null;
-    }
-  };
-  let hideTooltip = (immediate) => {
-    if (immediate || closeDelay <= 0) {
-      clearTimeout(closeTimeout.current);
-      closeTimeout.current = null;
-      close();
-    } else if (!closeTimeout.current)
-      closeTimeout.current = setTimeout(() => {
-        closeTimeout.current = null;
-        close();
-      }, closeDelay);
-    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
-      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
-      $8796f90736e175cb$var$globalWarmUpTimeout = null;
-    }
-    if ($8796f90736e175cb$var$globalWarmedUp) {
-      if ($8796f90736e175cb$var$globalCooldownTimeout)
-        clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
-      $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
-        delete $8796f90736e175cb$var$tooltips[id];
-        $8796f90736e175cb$var$globalCooldownTimeout = null;
-        $8796f90736e175cb$var$globalWarmedUp = false;
-      }, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
-    }
-  };
-  let warmupTooltip = () => {
-    closeOpenTooltips();
-    ensureTooltipEntry();
-    if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp)
-      $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
-        $8796f90736e175cb$var$globalWarmUpTimeout = null;
-        $8796f90736e175cb$var$globalWarmedUp = true;
-        showTooltip();
-      }, delay);
-    else if (!isOpen)
-      showTooltip();
-  };
-  useEffect(() => {
-    return () => {
-      clearTimeout(closeTimeout.current);
-      let tooltip = $8796f90736e175cb$var$tooltips[id];
-      if (tooltip)
-        delete $8796f90736e175cb$var$tooltips[id];
-    };
-  }, [
-    id
-  ]);
-  return {
-    isOpen,
-    open: (immediate) => {
-      if (!immediate && delay > 0 && !closeTimeout.current)
-        warmupTooltip();
-      else
-        showTooltip();
-    },
-    close: hideTooltip
-  };
-}
-const Tooltip$1 = "_Tooltip_15e0i_5";
-const text = "_text_15e0i_24";
-const arrow = "_arrow_15e0i_30";
-const top = "_top_15e0i_39";
-const bottom = "_bottom_15e0i_40";
-const left = "_left_15e0i_44";
-const right = "_right_15e0i_45";
+const Tooltip$1 = "_Tooltip_auhjt_4";
+const text = "_text_auhjt_24";
+const arrow = "_arrow_auhjt_30";
+const top = "_top_auhjt_39";
+const bottom = "_bottom_auhjt_40";
+const left = "_left_auhjt_44";
+const right = "_right_auhjt_45";
 const styles = {
   Tooltip: Tooltip$1,
   text,
@@ -254,13 +250,17 @@ function Tooltip(props) {
   });
   const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
   const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
-  return React__default.createElement(React__default.Fragment, null, React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
-    ref: triggerRef
-  })), tooltipTriggerState.isOpen && React__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, null, React__default.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
-    triggerRef,
-    tooltipPropsFromTrigger,
-    tooltipTriggerState
-  }))));
+  return jsxs(Fragment, {
+    children: [React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+      ref: triggerRef
+    })), tooltipTriggerState.isOpen && jsx($337b884510726a0d$export$c6fdb837b070b4ff, {
+      children: jsx(TooltipInner, __spreadProps(__spreadValues({}, props), {
+        triggerRef,
+        tooltipPropsFromTrigger,
+        tooltipTriggerState
+      }))
+    })]
+  });
 }
 function TooltipInner(props) {
   const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
@@ -280,19 +280,22 @@ function TooltipInner(props) {
   useLayoutEffect(() => {
     updatePosition();
   }, [content, updatePosition]);
-  return React__default.createElement("span", __spreadProps(__spreadValues({
+  return jsxs("span", __spreadProps(__spreadValues({
     ref: tooltipRef
   }, tooltipProps), {
-    className: classNames(styles.Tooltip, styles[placement]),
+    className: classNames(styles.Tooltip, placement && styles[placement]),
     "data-placement": placement,
-    style
-  }), React__default.createElement("span", {
-    className: styles.text
-  }, React__default.createElement(Text, {
-    variant: "subtitle2"
-  }, content)), React__default.createElement("span", __spreadValues({
-    className: styles.arrow
-  }, arrowProps)));
+    style,
+    children: [jsx("span", {
+      className: styles.text,
+      children: jsx(Text, {
+        variant: "subtitle2",
+        children: content
+      })
+    }), jsx("span", __spreadValues({
+      className: styles.arrow
+    }, arrowProps))]
+  }));
 }
 export {
   $8796f90736e175cb$export$4d40659c25ecb50b as $,

package/__chunks__/UnstyledButton-DW8CjaXN.js

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const mergeRefs = require("./mergeRefs-qNwPManW.js");
+const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const omit = require("./omit-CC3uE8z5.js");
+const useButton = require("./useButton-YEnc5PHl.js");
+const FILLED_BUTTON_COLORS = ["primary", "secondary", "success", "warning", "neutral", "inverse"];
+const OUTLINED_BUTTON_COLORS = ["primary", "secondary", "support", "warning", "inverse"];
+const LINK_BUTTON_COLORS = ["primary", "secondary"];
+const TEXT_BUTTON_COLORS = ["primary", "secondary"];
+function logWarningIfInvalidColorVariantCombination(color, variant) {
+  var _a;
+  const validColorVariantCombinations = {
+    filled: FILLED_BUTTON_COLORS,
+    outlined: OUTLINED_BUTTON_COLORS,
+    link: LINK_BUTTON_COLORS,
+    text: TEXT_BUTTON_COLORS
+  };
+  if (!((_a = validColorVariantCombinations[variant]) == null ? void 0 : _a.includes(color))) {
+    console.warn(`The color '${color}' is not supported with the '${variant}' variant`);
+  }
+}
+function omitReactAriaSpecificProps(props) {
+  return omit.omit(props, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "preventFocusOnPress"]);
+}
+const UnstyledButton$1 = "_UnstyledButton_175r5_1";
+const styles = {
+  UnstyledButton: UnstyledButton$1
+};
+const UnstyledButton = React.forwardRef((props, inRef) => {
+  const _a = props, { className = "", href = "", children = "Button", isDisabled = false } = _a, restProps = __objRest(_a, ["className", "href", "children", "isDisabled"]);
+  const ref = React.useRef(null);
+  const mergedRef = useObjectRef.$df56164dff5785e2$export$4338b53315abf666(mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, inRef));
+  const As = href ? "a" : "button";
+  const { buttonProps: elementProps } = useButton.$701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
+    elementType: As
+  }), ref);
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
+    disabled: isDisabled,
+    ref: mergedRef,
+    className: utilities_css.classNames(styles.UnstyledButton, className),
+    children
+  }));
+});
+UnstyledButton.displayName = "UnstyledButton";
+exports.UnstyledButton = UnstyledButton;
+exports.logWarningIfInvalidColorVariantCombination = logWarningIfInvalidColorVariantCombination;

package/__chunks__/UnstyledButton-DxJLvL-G.mjs

@@ -0,0 +1,82 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
+import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
+import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
+import { forwardRef, useRef } from "react";
+import { classNames } from "../utilities/css.mjs";
+import { o as omit } from "./omit-CYoLXTjq.mjs";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-DLOnoEAf.mjs";
+const FILLED_BUTTON_COLORS = ["primary", "secondary", "success", "warning", "neutral", "inverse"];
+const OUTLINED_BUTTON_COLORS = ["primary", "secondary", "support", "warning", "inverse"];
+const LINK_BUTTON_COLORS = ["primary", "secondary"];
+const TEXT_BUTTON_COLORS = ["primary", "secondary"];
+function logWarningIfInvalidColorVariantCombination(color, variant) {
+  var _a;
+  const validColorVariantCombinations = {
+    filled: FILLED_BUTTON_COLORS,
+    outlined: OUTLINED_BUTTON_COLORS,
+    link: LINK_BUTTON_COLORS,
+    text: TEXT_BUTTON_COLORS
+  };
+  if (!((_a = validColorVariantCombinations[variant]) == null ? void 0 : _a.includes(color))) {
+    console.warn(`The color '${color}' is not supported with the '${variant}' variant`);
+  }
+}
+function omitReactAriaSpecificProps(props) {
+  return omit(props, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "preventFocusOnPress"]);
+}
+const UnstyledButton$1 = "_UnstyledButton_175r5_1";
+const styles = {
+  UnstyledButton: UnstyledButton$1
+};
+const UnstyledButton = forwardRef((props, inRef) => {
+  const _a = props, { className = "", href = "", children = "Button", isDisabled = false } = _a, restProps = __objRest(_a, ["className", "href", "children", "isDisabled"]);
+  const ref = useRef(null);
+  const mergedRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(ref, inRef));
+  const As = href ? "a" : "button";
+  const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
+    elementType: As
+  }), ref);
+  return jsx(As, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
+    disabled: isDisabled,
+    ref: mergedRef,
+    className: classNames(styles.UnstyledButton, className),
+    children
+  }));
+});
+UnstyledButton.displayName = "UnstyledButton";
+export {
+  UnstyledButton as U,
+  logWarningIfInvalidColorVariantCombination as l
+};

package/__chunks__/VerticalStack-BHkiocKU.js

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const VerticalStack$1 = "_VerticalStack_ele7k_4";
+const listReset = "_listReset_ele7k_57";
+const fieldsetReset = "_fieldsetReset_ele7k_64";
+const styles = {
+  VerticalStack: VerticalStack$1,
+  listReset,
+  fieldsetReset
+};
+const VerticalStack = React.forwardRef((props, ref) => {
+  const _a = props, { as: As = "div", align, children, gap, inline, inlineAlign, reverseOrder = false } = _a, restProps = __objRest(_a, ["as", "align", "children", "gap", "inline", "inlineAlign", "reverseOrder"]);
+  const className = utilities_css.classNames(styles.VerticalStack, (As === "ul" || As === "ol") && styles.listReset, As === "fieldset" && styles.fieldsetReset);
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("vertical-stack", "gap", "space", gap)), utilities_css.getComponentToken("vertical-stack", "align", align)), utilities_css.getComponentToken("vertical-stack", "inline-align", inlineAlign)), utilities_css.getComponentToken("vertical-stack", "order", reverseOrder ? "column-reverse" : "column")), utilities_css.getComponentToken("vertical-stack", "display", inline ? "inline-flex" : "flex"));
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, restProps), {
+    className,
+    style: utilities_css.sanitizeCustomProperties(style),
+    ref,
+    children
+  }));
+});
+VerticalStack.displayName = "VerticalStack";
+exports.VerticalStack = VerticalStack;

package/__chunks__/VerticalStack-DoMqBfYD.mjs

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classNames, getComponentToken, getResponsiveDesignToken, sanitizeCustomProperties } from "../utilities/css.mjs";
+const VerticalStack$1 = "_VerticalStack_ele7k_4";
+const listReset = "_listReset_ele7k_57";
+const fieldsetReset = "_fieldsetReset_ele7k_64";
+const styles = {
+  VerticalStack: VerticalStack$1,
+  listReset,
+  fieldsetReset
+};
+const VerticalStack = forwardRef((props, ref) => {
+  const _a = props, { as: As = "div", align, children, gap, inline, inlineAlign, reverseOrder = false } = _a, restProps = __objRest(_a, ["as", "align", "children", "gap", "inline", "inlineAlign", "reverseOrder"]);
+  const className = classNames(styles.VerticalStack, (As === "ul" || As === "ol") && styles.listReset, As === "fieldset" && styles.fieldsetReset);
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("vertical-stack", "gap", "space", gap)), getComponentToken("vertical-stack", "align", align)), getComponentToken("vertical-stack", "inline-align", inlineAlign)), getComponentToken("vertical-stack", "order", reverseOrder ? "column-reverse" : "column")), getComponentToken("vertical-stack", "display", inline ? "inline-flex" : "flex"));
+  return jsx(As, __spreadProps(__spreadValues({}, restProps), {
+    className,
+    style: sanitizeCustomProperties(style),
+    ref,
+    children
+  }));
+});
+VerticalStack.displayName = "VerticalStack";
+export {
+  VerticalStack as V
+};