@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.90

package/__chunks__/Button-BpAgRrMP.js

@@ -0,0 +1,158 @@
+"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 utils = require("./utils-Bjpgmx8t.js");
+const React = require("react");
+const LiveAnnouncer = require("./LiveAnnouncer-CzeNwq2D.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useButton = require("./useButton-RDnDDS-w.js");
+const useFocusRing = require("./useFocusRing-Do5WdNL_.js");
+const useHover = require("./useHover-BK8LX0kX.js");
+if (typeof HTMLTemplateElement !== "undefined") {
+  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: true,
+    enumerable: true,
+    get: function() {
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
+    }
+  });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ React.createContext(false);
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+  let isHidden = React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+  if (isHidden)
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+  let children = /* @__PURE__ */ React.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+    value: true
+  }, props.children);
+  return /* @__PURE__ */ React.createElement("template", {
+    "data-react-aria-hidden": true
+  }, children);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+  let Wrapper = (props, ref) => {
+    let isHidden = React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    if (isHidden) return null;
+    return fn(props, ref);
+  };
+  Wrapper.displayName = fn.displayName || fn.name;
+  return React.forwardRef(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /* @__PURE__ */ React.createContext(null);
+const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = /* @__PURE__ */ new Set([
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "name",
+  "value"
+]);
+const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ React.createContext({});
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
+  [props, ref] = utils.$64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
+  props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
+  let ctx = props;
+  let { isPending } = ctx;
+  let { buttonProps, isPressed } = useButton.$701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
+  let { focusProps, isFocused, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  let { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(__spreadProps(__spreadValues({}, props), {
+    isDisabled: props.isDisabled || isPending
+  }));
+  let renderValues = {
+    isHovered,
+    isPressed: (ctx.isPressed || isPressed) && !isPending,
+    isFocused,
+    isFocusVisible,
+    isDisabled: props.isDisabled || false,
+    isPending: isPending !== null && isPending !== void 0 ? isPending : false
+  };
+  let renderProps = utils.$64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
+    values: renderValues,
+    defaultClassName: "react-aria-Button"
+  }));
+  let buttonId = mergeProps.$bdb11010cef70236$export$f680877a34711e37(buttonProps.id);
+  let progressId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let ariaLabelledby = buttonProps["aria-labelledby"];
+  if (isPending) {
+    if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+    else if (buttonProps["aria-label"]) ariaLabelledby = `${buttonId} ${progressId}`;
+  }
+  let wasPending = React.useRef(isPending);
+  React.useEffect(() => {
+    let message = {
+      "aria-labelledby": ariaLabelledby || buttonId
+    };
+    if (!wasPending.current && isFocused && isPending) LiveAnnouncer.$319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    else if (wasPending.current && isFocused && !isPending) LiveAnnouncer.$319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    wasPending.current = isPending;
+  }, [
+    isPending,
+    isFocused,
+    ariaLabelledby,
+    buttonId
+  ]);
+  return /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
+  })), mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps)), renderProps), {
+    type: buttonProps.type === "submit" && isPending ? "button" : buttonProps.type,
+    id: buttonId,
+    ref,
+    "aria-labelledby": ariaLabelledby,
+    slot: props.slot || void 0,
+    "aria-disabled": isPending ? "true" : buttonProps["aria-disabled"],
+    "data-disabled": props.isDisabled || void 0,
+    "data-pressed": renderValues.isPressed || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focused": isFocused || void 0,
+    "data-pending": isPending || void 0,
+    "data-focus-visible": isFocusVisible || void 0
+  }), /* @__PURE__ */ React.createElement($0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider, {
+    value: {
+      id: progressId
+    }
+  }, renderProps.children));
+});
+function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
+  if (props.isPending) {
+    props.onPress = void 0;
+    props.onPressStart = void 0;
+    props.onPressEnd = void 0;
+    props.onPressChange = void 0;
+    props.onPressUp = void 0;
+    props.onKeyDown = void 0;
+    props.onKeyUp = void 0;
+    props.onClick = void 0;
+    props.href = void 0;
+  }
+  return props;
+}
+exports.$d2b4bc8c273e7be6$export$24d547caef80ccd1 = $d2b4bc8c273e7be6$export$24d547caef80ccd1;
+exports.$d2b4bc8c273e7be6$export$353f5b6fc5456de1 = $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
+exports.$f39a9eba43920ace$export$86427a43e3e48ebb = $f39a9eba43920ace$export$86427a43e3e48ebb;
+exports.$f39a9eba43920ace$export$8dc98ba7eadeaa56 = $f39a9eba43920ace$export$8dc98ba7eadeaa56;
+exports.$f39a9eba43920ace$export$b5d7cc18bb8d2b59 = $f39a9eba43920ace$export$b5d7cc18bb8d2b59;

package/__chunks__/Button-DweJ2JfF.mjs

@@ -0,0 +1,97 @@
+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 React__default, { forwardRef } from "react";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "./UnstyledButton-CbCwVIkK.mjs";
+import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+const Button$1 = "_Button_whv7n_4";
+const colorPrimary = "_colorPrimary_whv7n_19";
+const colorSecondary = "_colorSecondary_whv7n_27";
+const colorSuccess = "_colorSuccess_whv7n_35";
+const colorWarning = "_colorWarning_whv7n_43";
+const colorNeutral = "_colorNeutral_whv7n_51";
+const colorSupport = "_colorSupport_whv7n_59";
+const colorInverse = "_colorInverse_whv7n_65";
+const variantFilled = "_variantFilled_whv7n_71";
+const variantOutlined = "_variantOutlined_whv7n_98";
+const variantLink = "_variantLink_whv7n_126";
+const variantText = "_variantText_whv7n_145";
+const sizeMd = "_sizeMd_whv7n_169";
+const sizeSm = "_sizeSm_whv7n_177";
+const block = "_block_whv7n_194";
+const iconAtStart = "_iconAtStart_whv7n_199";
+const iconAtEnd = "_iconAtEnd_whv7n_203";
+const styles = {
+  Button: Button$1,
+  colorPrimary,
+  colorSecondary,
+  colorSuccess,
+  colorWarning,
+  colorNeutral,
+  colorSupport,
+  colorInverse,
+  variantFilled,
+  variantOutlined,
+  variantLink,
+  variantText,
+  sizeMd,
+  sizeSm,
+  block,
+  iconAtStart,
+  iconAtEnd
+};
+const Button = forwardRef((props, inRef) => {
+  const _a = props, { color = "primary", variant = "filled", size = "md", isDisabled = false, isBlock = false, iconAtStart: iconAtStart2, iconAtEnd: iconAtEnd2, children = "Button", href = "" } = _a, restProps = __objRest(_a, ["color", "variant", "size", "isDisabled", "isBlock", "iconAtStart", "iconAtEnd", "children", "href"]);
+  const bothIconPropsDefined = iconAtEnd2 && iconAtStart2;
+  if (bothIconPropsDefined) {
+    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
+  }
+  const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link" && size !== "sm";
+  logWarningIfInvalidColorVariantCombination(color, variant);
+  return React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({
+    isDisabled,
+    ref: inRef,
+    href
+  }, restProps), {
+    className: classNames(styles.Button, styles[variationName("color", color)], styles[variationName("variant", variant)], styles[variationName("size", size)], isBlock && styles.block)
+  }), iconAtStart2 && canUseIcon && React__default.createElement(Icon, {
+    symbol: iconAtStart2
+  }), React__default.createElement("span", {
+    className: classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd)
+  }, children), iconAtEnd2 && canUseIcon && React__default.createElement(Icon, {
+    symbol: iconAtEnd2
+  }));
+});
+Button.displayName = "Button";
+export {
+  Button as B
+};