@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71

package/CodeBlock/index.js

@@ -17,27 +17,19 @@ var __spreadValues = (a, b) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const CodeSnippet_index = require("../__chunks__/index-a7b6b429.js");
-const HorizontalStack_index = require("../HorizontalStack/index.js");
-const Text_index = require("../Text/index.js");
+const CodeSnippet = require("../__chunks__/CodeSnippet--gFmAN9i.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-4-woUNq_.js");
 const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
-const omit = require("../__chunks__/omit-fca26542.js");
-const Icon_index = require("../Icon/index.js");
-const Tooltip_index = require("../__chunks__/index-affe5510.js");
-const _import = require("../__chunks__/import-26676303.js");
-const _import$1 = require("../__chunks__/import-a1e0f814.js");
-const ExpandMore400 = require("../__chunks__/ExpandMore400-92646971.js");
-const Menu_index = require("../Menu/index.js");
-const UnstyledButton_index = require("../__chunks__/index-5f429325.js");
-require("../Card/index.js");
-require("../__chunks__/tokens-ad06cd2c.js");
-require("../__chunks__/overlayscrollbars-react.es-f2a0bcff.js");
-require("../__chunks__/import-0f8555a4.js");
-require("react-dom");
-require("../__chunks__/import-dea5a24d.js");
-require("../__chunks__/real-module-e36b1436.js");
-require("../__chunks__/useTriggerWidth-e11bf6d6.js");
+const Icon = require("../__chunks__/Icon-YEBBOjcK.js");
+const Text = require("../__chunks__/Text-DKSomTmh.js");
+const Tooltip = require("../__chunks__/Tooltip-5lz6tVdi.js");
+const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
+const useFocus = require("../__chunks__/useFocus-l6ZlVMHW.js");
+const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
+const Menu = require("../__chunks__/Menu-BR1eZSkl.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-yd6ZL2Yi.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -66,26 +58,18 @@ var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
   value
 }) : obj[key] = value;
 var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
-    }
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
   return a;
 };
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source)
-    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
-        target[prop] = source[prop];
-    }
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
   return target;
 };
 const ContentCopy = (_a) => {
@@ -97,129 +81,149 @@ const ContentCopy = (_a) => {
   }, props), title ? React__namespace.createElement("title", {
     id: titleId
   }, title) : null, React__namespace.createElement("path", {
-    d: "M215.387-108.31q-23.529 0-40.61-17.081-17.082-17.082-17.082-40.611v-539.149h45.384v539.149q0 4.616 3.846 8.462 3.846 3.847 8.462 3.847h412.457v45.383H215.387Zm110.769-110.768q-23.529 0-40.611-17.082-17.081-17.082-17.081-40.61v-513.843q0-23.529 17.081-40.611 17.082-17.081 40.611-17.081h393.843q23.528 0 40.61 17.081 17.082 17.082 17.082 40.611v513.843q0 23.528-17.082 40.61t-40.61 17.082H326.156Zm0-45.384h393.843q4.615 0 8.462-3.846 3.846-3.847 3.846-8.462v-513.843q0-4.616-3.846-8.462-3.847-3.847-8.462-3.847H326.156q-4.616 0-8.462 3.847-3.847 3.846-3.847 8.462v513.843q0 4.615 3.847 8.462 3.846 3.846 8.462 3.846Zm-12.309 0v-538.46 538.46Z"
+    d: "M318.46-230.77q-23.53 0-40.61-17.08t-17.08-40.61v-513.85q0-23.53 17.08-40.61T318.46-860h393.85q23.52 0 40.61 17.08Q770-825.84 770-802.31v513.85q0 23.53-17.08 40.61-17.09 17.08-40.61 17.08H318.46Zm0-45.39h393.85q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46v-513.85q0-4.61-3.84-8.46-3.85-3.84-8.46-3.84H318.46q-4.61 0-8.46 3.84-3.85 3.85-3.85 8.46v513.85q0 4.61 3.85 8.46 3.85 3.84 8.46 3.84ZM207.69-120q-23.52 0-40.61-17.08Q150-154.17 150-177.7v-559.22h45.39v559.22q0 4.62 3.84 8.47 3.85 3.84 8.46 3.84h439.23V-120H207.69Zm98.46-156.16v-538.45 538.45Z"
   }));
 };
 var dist = {};
 /*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-var clipboardCopy_1 = clipboardCopy;
-function clipboardCopy(text) {
-  if (navigator.clipboard) {
-    return navigator.clipboard.writeText(text).catch(function(err) {
-      throw err !== void 0 ? err : new DOMException("The request is not allowed", "NotAllowedError");
-    });
-  }
-  var span = document.createElement("span");
-  span.textContent = text;
-  span.style.whiteSpace = "pre";
-  span.style.webkitUserSelect = "auto";
-  span.style.userSelect = "all";
-  document.body.appendChild(span);
-  var selection = window.getSelection();
-  var range = window.document.createRange();
-  selection.removeAllRanges();
-  range.selectNode(span);
-  selection.addRange(range);
-  var success = false;
-  try {
-    success = window.document.execCommand("copy");
-  } catch (err) {
-    console.log("error", err);
+var clipboardCopy_1;
+var hasRequiredClipboardCopy;
+function requireClipboardCopy() {
+  if (hasRequiredClipboardCopy) return clipboardCopy_1;
+  hasRequiredClipboardCopy = 1;
+  clipboardCopy_1 = clipboardCopy;
+  function clipboardCopy(text) {
+    if (navigator.clipboard) {
+      return navigator.clipboard.writeText(text).catch(function(err) {
+        throw err !== void 0 ? err : new DOMException("The request is not allowed", "NotAllowedError");
+      });
+    }
+    var span = document.createElement("span");
+    span.textContent = text;
+    span.style.whiteSpace = "pre";
+    span.style.webkitUserSelect = "auto";
+    span.style.userSelect = "all";
+    document.body.appendChild(span);
+    var selection = window.getSelection();
+    var range = window.document.createRange();
+    selection.removeAllRanges();
+    range.selectNode(span);
+    selection.addRange(range);
+    var success = false;
+    try {
+      success = window.document.execCommand("copy");
+    } catch (err) {
+      console.log("error", err);
+    }
+    selection.removeAllRanges();
+    window.document.body.removeChild(span);
+    return success ? Promise.resolve() : Promise.reject(new DOMException("The request is not allowed", "NotAllowedError"));
   }
-  selection.removeAllRanges();
-  window.document.body.removeChild(span);
-  return success ? Promise.resolve() : Promise.reject(new DOMException("The request is not allowed", "NotAllowedError"));
+  return clipboardCopy_1;
 }
-var useTimedToggle$1 = {};
-Object.defineProperty(useTimedToggle$1, "__esModule", { value: true });
-useTimedToggle$1.useTimedToggle = void 0;
-var react_1$1 = React;
-function useTimedToggle(initialValue) {
-  var _a = react_1$1.useState(false), value = _a[0], setValue = _a[1];
-  var timeoutRef = react_1$1.useRef();
-  var initialValueRef = react_1$1.useRef(initialValue);
-  var toggleValue = function(timeout) {
-    clearTimeout(timeoutRef.current);
-    setValue(!initialValueRef.current);
-    timeoutRef.current = window.setTimeout(function() {
-      return setValue(initialValueRef.current);
-    }, timeout);
-  };
-  react_1$1.useEffect(function() {
-    return function() {
-      return clearTimeout(timeoutRef.current);
+var useTimedToggle = {};
+var hasRequiredUseTimedToggle;
+function requireUseTimedToggle() {
+  if (hasRequiredUseTimedToggle) return useTimedToggle;
+  hasRequiredUseTimedToggle = 1;
+  Object.defineProperty(useTimedToggle, "__esModule", { value: true });
+  useTimedToggle.useTimedToggle = void 0;
+  var react_1 = React;
+  function useTimedToggle$1(initialValue) {
+    var _a = react_1.useState(false), value = _a[0], setValue = _a[1];
+    var timeoutRef = react_1.useRef();
+    var initialValueRef = react_1.useRef(initialValue);
+    var toggleValue = function(timeout) {
+      clearTimeout(timeoutRef.current);
+      setValue(!initialValueRef.current);
+      timeoutRef.current = window.setTimeout(function() {
+        return setValue(initialValueRef.current);
+      }, timeout);
     };
-  }, []);
-  return [value, toggleValue];
-}
-useTimedToggle$1.useTimedToggle = useTimedToggle;
-var __importDefault = omit.commonjsGlobal && omit.commonjsGlobal.__importDefault || function(mod) {
-  return mod && mod.__esModule ? mod : { "default": mod };
-};
-Object.defineProperty(dist, "__esModule", { value: true });
-var useClipboard_1 = dist.useClipboard = void 0;
-var clipboard_copy_1 = __importDefault(clipboardCopy_1);
-var react_1 = React;
-var useTimedToggle_1 = useTimedToggle$1;
-function isInputLike(node) {
-  return node && (node.nodeName === "TEXTAREA" || node.nodeName === "INPUT");
-}
-function useClipboard(options) {
-  if (options === void 0) {
-    options = {};
+    react_1.useEffect(function() {
+      return function() {
+        return clearTimeout(timeoutRef.current);
+      };
+    }, []);
+    return [value, toggleValue];
   }
-  var _a = useTimedToggle_1.useTimedToggle(false), copied = _a[0], toggleCopied = _a[1];
-  var targetRef = react_1.useRef(null);
-  var optionsRef = react_1.useRef(options);
-  optionsRef.current = options;
-  function isSupported() {
-    return !!navigator.clipboard || typeof document.execCommand === "function" && typeof document.queryCommandSupported === "function" && document.queryCommandSupported("copy");
+  useTimedToggle.useTimedToggle = useTimedToggle$1;
+  return useTimedToggle;
+}
+var hasRequiredDist;
+function requireDist() {
+  if (hasRequiredDist) return dist;
+  hasRequiredDist = 1;
+  var __importDefault = dist && dist.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  Object.defineProperty(dist, "__esModule", { value: true });
+  dist.useClipboard = void 0;
+  var clipboard_copy_1 = __importDefault(requireClipboardCopy());
+  var react_1 = React;
+  var useTimedToggle_1 = requireUseTimedToggle();
+  function isInputLike(node) {
+    return node && (node.nodeName === "TEXTAREA" || node.nodeName === "INPUT");
   }
-  var copyHandler = react_1.useCallback(function(text) {
-    var opts = optionsRef.current;
-    var target = targetRef.current;
-    function handleSuccess() {
-      if (opts.onSuccess) {
-        opts.onSuccess();
-      }
-      if (opts.copiedTimeout) {
-        toggleCopied(opts.copiedTimeout);
+  function useClipboard(options) {
+    if (options === void 0) {
+      options = {};
+    }
+    var _a = useTimedToggle_1.useTimedToggle(false), copied = _a[0], toggleCopied = _a[1];
+    var targetRef = react_1.useRef(null);
+    var optionsRef = react_1.useRef(options);
+    optionsRef.current = options;
+    function isSupported() {
+      return !!navigator.clipboard || typeof document.execCommand === "function" && typeof document.queryCommandSupported === "function" && document.queryCommandSupported("copy");
+    }
+    var copyHandler = react_1.useCallback(function(text) {
+      var opts = optionsRef.current;
+      var target = targetRef.current;
+      function handleSuccess() {
+        if (opts.onSuccess) {
+          opts.onSuccess();
+        }
+        if (opts.copiedTimeout) {
+          toggleCopied(opts.copiedTimeout);
+        }
+        if (opts.selectOnCopy && isInputLike(target)) {
+          target.select();
+        }
       }
-      if (opts.selectOnCopy && isInputLike(target)) {
-        target.select();
+      function handleError() {
+        if (opts.onError) {
+          opts.onError();
+        }
+        if (opts.selectOnError !== false && isInputLike(target)) {
+          target.select();
+        }
       }
-    }
-    function handleError() {
-      if (opts.onError) {
-        opts.onError();
+      function copy(value) {
+        clipboard_copy_1.default(value).then(handleSuccess).catch(handleError);
       }
-      if (opts.selectOnError !== false && isInputLike(target)) {
-        target.select();
+      if (typeof text === "string") {
+        copy(text);
+      } else if (target) {
+        copy(target.value);
       }
-    }
-    function copy(value) {
-      clipboard_copy_1.default(value).then(handleSuccess).catch(handleError);
-    }
-    if (typeof text === "string") {
-      copy(text);
-    } else if (target) {
-      copy(target.value);
-    }
-  }, []);
-  return {
-    copied,
-    copy: copyHandler,
-    isSupported,
-    target: targetRef
-  };
+    }, []);
+    return {
+      copied,
+      copy: copyHandler,
+      isSupported,
+      target: targetRef
+    };
+  }
+  dist.useClipboard = useClipboard;
+  return dist;
 }
-useClipboard_1 = dist.useClipboard = useClipboard;
-const CopyButton$1 = "_CopyButton_ystcj_5";
-const styles$2 = {
+var distExports = requireDist();
+const CopyButton$1 = "_CopyButton_1ekyw_5";
+const styles$1 = {
   CopyButton: CopyButton$1
 };
 function CopyButton({ text }) {
-  const clipboard = useClipboard_1({
+  const clipboard = distExports.useClipboard({
     copiedTimeout: 2e3
   });
   const { tooltipState, triggerProps } = useCopyButtonTooltipState();
@@ -228,105 +232,101 @@ function CopyButton({ text }) {
     tooltipState.close();
   }, [clipboard, text, tooltipState]);
   const content = clipboard.copied ? "Copied!" : "Copy code block";
-  return React.createElement(Tooltip_index.Tooltip, {
+  return React.createElement(Tooltip.Tooltip, {
     key: content,
     isOpen: tooltipState.isOpen || clipboard.copied,
     content
   }, React.createElement("button", __spreadValues({
-    className: styles$2.CopyButton,
+    className: styles$1.CopyButton,
     onClick: handlePress
-  }, triggerProps), React.createElement(Text_index.Text, {
+  }, triggerProps), React.createElement(Text.Text, {
     visuallyHidden: true
-  }, "Copy code"), React.createElement(Icon_index.Icon, {
+  }, "Copy code"), React.createElement(Icon.Icon, {
     symbol: ContentCopy
   })));
 }
 CopyButton.displayName = "CopyButton";
 function useCopyButtonTooltipState() {
-  const tooltipState = Tooltip_index.$8796f90736e175cb$export$4d40659c25ecb50b();
-  const { hoverProps } = _import.$6179b936705e76d3$export$ae780daf29e6d456({
+  const tooltipState = Tooltip.$8796f90736e175cb$export$4d40659c25ecb50b();
+  const { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
     onHoverChange(isHovering) {
       tooltipState[isHovering ? "open" : "close"]();
     }
   });
-  const { focusProps } = _import.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+  const { focusProps } = useFocus.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
     onFocusChange(isFocused) {
       tooltipState[isFocused ? "open" : "close"]();
     }
   });
   return {
-    triggerProps: _import$1.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps),
+    triggerProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps),
     tooltipState
   };
 }
-const button = "_button_1s0vk_5";
-const styles$1 = {
-  button
-};
 function LanguageMenu(props) {
   const { languages, language, onChange } = props;
   const handleMenuAction = React.useCallback((key) => {
     const language2 = key;
     onChange(language2);
   }, [onChange]);
-  return React.createElement(Menu_index.Menu, null, React.createElement(Menu_index.Menu.Trigger, null, React.createElement(UnstyledButton_index.UnstyledButton, {
-    className: styles$1.button
-  }, React.createElement(HorizontalStack_index.HorizontalStack, {
+  return React.createElement(Menu.Menu, null, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledButton.UnstyledButton, null, React.createElement(HorizontalStack.HorizontalStack, {
     blockAlign: "center",
     gap: "1",
     wrap: false
-  }, React.createElement(Text_index.Text, {
+  }, React.createElement(Text.Text, {
     variant: "body1"
-  }, CodeSnippet_index.friendlySnippetLanguageNames[language]), React.createElement(Icon_index.Icon, {
+  }, CodeSnippet.friendlySnippetLanguageNames[language]), React.createElement(Icon.Icon, {
     symbol: ExpandMore400.ExpandMore400
-  })))), React.createElement(Menu_index.Menu.Overlay, {
+  })))), React.createElement(Menu.Menu.Overlay, {
     maxItemsUntilScroll: Infinity,
     onAction: handleMenuAction
-  }, languages.map((language2) => React.createElement(Menu_index.Menu.Item, {
+  }, languages.map((language2) => React.createElement(Menu.Menu.Item, {
     key: language2
-  }, CodeSnippet_index.friendlySnippetLanguageNames[language2]))));
+  }, CodeSnippet.friendlySnippetLanguageNames[language2]))));
 }
-const CodeBlock$1 = "_CodeBlock_1h9vh_5";
-const header = "_header_1h9vh_13";
-const divider = "_divider_1h9vh_20";
-const colorPrimary = "_colorPrimary_1h9vh_27";
-const colorSecondary = "_colorSecondary_1h9vh_32";
+const CodeBlock$1 = "_CodeBlock_1ih11_5";
+const header = "_header_1ih11_13";
+const headerTitle = "_headerTitle_1ih11_20";
+const divider = "_divider_1ih11_29";
+const colorPrimary = "_colorPrimary_1ih11_36";
+const colorSecondary = "_colorSecondary_1ih11_41";
 const styles = {
   CodeBlock: CodeBlock$1,
   header,
+  headerTitle,
   divider,
   colorPrimary,
   colorSecondary
 };
 function CodeBlockHeader(props) {
-  const { children, color = "neutral" } = props;
-  const { snippet, languages, language, onLanguageChange } = CodeSnippet_index.useCodeBlock();
+  const { children, color = "neutral", hideCopy = false } = props;
+  const { snippet, languages, language, onLanguageChange } = CodeSnippet.useCodeBlock();
   const className = utilities_css.classNames(styles.header, styles[utilities_css.variationName("color", color)]);
   return React.createElement("div", {
     className
-  }, React.createElement(HorizontalStack_index.HorizontalStack, {
+  }, React.createElement(HorizontalStack.HorizontalStack, {
     align: "space-between",
     gap: "2",
     wrap: false,
     blockAlign: "start"
-  }, React.createElement(Text_index.Text, {
-    variant: "subtitle1"
-  }, children), React.createElement(HorizontalStack_index.HorizontalStack, {
+  }, React.createElement("span", {
+    className: styles.headerTitle
+  }, children), React.createElement(HorizontalStack.HorizontalStack, {
     gap: "2",
     wrap: false
-  }, languages.length > 1 && React.createElement(React.Fragment, null, React.createElement(LanguageMenu, {
+  }, languages.length > 1 && React.createElement(LanguageMenu, {
     languages,
     language,
     onChange: onLanguageChange
-  }), React.createElement("span", {
+  }), languages.length > 1 && !hideCopy && React.createElement("span", {
     className: styles.divider
-  })), React.createElement(CopyButton, {
+  }), !hideCopy && React.createElement(CopyButton, {
     text: snippet.props.code
   }))));
 }
 CodeBlockHeader.displayName = "CodeBlock.Header";
 function CodeBlockSnippet(props) {
-  return React.createElement(CodeSnippet_index.CodeSnippet, __spreadValues({}, props));
+  return React.createElement(CodeSnippet.CodeSnippet, __spreadValues({}, props));
 }
 CodeBlockSnippet.displayName = "CodeBlock.Snippet";
 function CodeBlock(props) {
@@ -359,7 +359,7 @@ function CodeBlock(props) {
       onLanguageChange
     };
   }, [languages, snippet, language, onLanguageChange]);
-  return React.createElement(CodeSnippet_index.CodeBlockContext.Provider, {
+  return React.createElement(CodeSnippet.CodeBlockContext.Provider, {
     value: context
   }, React.createElement("div", {
     className: styles.CodeBlock