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

package/Checkbox/index.js

@@ -1,233 +1,5 @@
 "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));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Icon_index = require("../Icon/index.js");
-const SelectorErrorTooltip_index = require("../SelectorErrorTooltip/index.js");
-const Text_index = require("../Text/index.js");
-const utilities_css = require("../utilities/css.js");
-const _import = require("../__chunks__/import-8b6c0bc7.js");
-const _import$1 = require("../__chunks__/import-2b302763.js");
-require("../Tooltip/index.js");
-require("../__chunks__/import-a2023d8f.js");
-require("../__chunks__/import-a1e0f814.js");
-require("react-dom");
-require("../__chunks__/import-dea5a24d.js");
-require("../__chunks__/real-module-e36b1436.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
-  let { inputProps, isSelected, isPressed, isDisabled, isReadOnly } = _import.$d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, inputRef);
-  let { isIndeterminate } = props;
-  React.useEffect(() => {
-    if (inputRef.current)
-      inputRef.current.indeterminate = isIndeterminate;
-  });
-  return {
-    inputProps: __spreadProps(__spreadValues({}, inputProps), {
-      checked: isSelected
-    }),
-    isSelected,
-    isPressed,
-    isDisabled,
-    isReadOnly
-  };
-}
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Check600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
-  return React__namespace.createElement("svg", __spreadValues$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React__namespace.createElement("title", {
-    id: titleId
-  }, title) : null, React__namespace.createElement("path", {
-    d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z"
-  }));
-};
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  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]);
-    }
-  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];
-    }
-  return target;
-};
-const Remove600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
-  return React__namespace.createElement("svg", __spreadValues2({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React__namespace.createElement("title", {
-    id: titleId
-  }, title) : null, React__namespace.createElement("path", {
-    d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z"
-  }));
-};
-const Checkbox$1 = "_Checkbox_1r930_5";
-const label = "_label_1r930_17";
-const box = "_box_1r930_40";
-const check = "_check_1r930_41";
-const focusVisible = "_focusVisible_1r930_56";
-const text = "_text_1r930_72";
-const indeterminateSvg = "_indeterminateSvg_1r930_77";
-const nested = "_nested_1r930_81";
-const sizeLg = "_sizeLg_1r930_85";
-const invalid = "_invalid_1r930_91";
-const disabled = "_disabled_1r930_95";
-const indeterminate = "_indeterminate_1r930_77";
-const selected = "_selected_1r930_100";
-const hovered = "_hovered_1r930_116";
-const readOnly = "_readOnly_1r930_116";
-const styles = {
-  Checkbox: Checkbox$1,
-  label,
-  box,
-  check,
-  focusVisible,
-  text,
-  indeterminateSvg,
-  nested,
-  sizeLg,
-  invalid,
-  disabled,
-  indeterminate,
-  selected,
-  hovered,
-  readOnly
-};
-const DEFAULT_SIZE = "md";
-function Checkbox(props) {
-  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
-  const ref = React.useRef(null);
-  const state = _import.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
-  const { inputProps } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
-  const { isFocusVisible, focusProps } = _import$1.$f7dceffc5ad7768b$export$4e328f61c538687f();
-  const { isHovered, hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456(props);
-  const isSelected = state.isSelected && !isIndeterminate;
-  const className = utilities_css.classNames(styles.Checkbox, isIndeterminate && styles.indeterminate, isSelected && styles.selected, isDisabled && styles.disabled, isReadOnly && styles.readOnly, isNested && styles.nested, isFocusVisible && styles.focusVisible, isHovered && styles.hovered, styles[utilities_css.variationName("size", size)], validationState === "invalid" && styles.invalid);
-  const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
-  const textColor = isDisabled ? "disabled" : validationState === "invalid" ? "danger" : "primary";
-  if (size === "lg" && isNested) {
-    console.warn("isNested is incompatible with lg Checkbox");
-  }
-  return React.createElement("span", {
-    className
-  }, React.createElement("label", __spreadValues({
-    className: styles.label
-  }, hoverProps), React.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
-    className: styles.input,
-    ref
-  })), React.createElement("span", {
-    className: styles.box
-  }, (isIndeterminate || isSelected) && React.createElement("span", {
-    className: styles.check
-  }, isIndeterminate ? React.createElement(Icon_index.Icon, {
-    symbol: Remove600,
-    size: size === "lg" ? "md" : "xs"
-  }) : React.createElement(Icon_index.Icon, {
-    symbol: Check600,
-    size: size === "lg" ? "md" : "xs"
-  }))), React.createElement("span", {
-    className: styles.text
-  }, React.createElement(Text_index.Text, {
-    variant: textVariant,
-    color: textColor
-  }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip_index.SelectorErrorTooltip, {
-    content: errorText
-  }));
-}
-exports.Checkbox = Checkbox;
-exports.DEFAULT_SIZE = DEFAULT_SIZE;
+const Checkbox = require("../__chunks__/Checkbox-MbPCVxqs.js");
+exports.Checkbox = Checkbox.Checkbox;
+exports.DEFAULT_SIZE = Checkbox.DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -1,217 +1,5 @@
-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 * as React from "react";
-import React__default, { useEffect } from "react";
-import { Icon } from "../Icon/index.mjs";
-import { SelectorErrorTooltip } from "../SelectorErrorTooltip/index.mjs";
-import { Text } from "../Text/index.mjs";
-import { classNames, variationName } from "../utilities/css.mjs";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-0561e1ba.mjs";
-import { e as $f7dceffc5ad7768b$export$4e328f61c538687f, f as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-3d962a94.mjs";
-import "../Tooltip/index.mjs";
-import "../__chunks__/import-f1f4792a.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "react-dom";
-import "../__chunks__/import-6a831ca1.mjs";
-import "../__chunks__/real-module-515df21d.mjs";
-function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
-  let { inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, inputRef);
-  let { isIndeterminate } = props;
-  useEffect(() => {
-    if (inputRef.current)
-      inputRef.current.indeterminate = isIndeterminate;
-  });
-  return {
-    inputProps: __spreadProps(__spreadValues({}, inputProps), {
-      checked: isSelected
-    }),
-    isSelected,
-    isPressed,
-    isDisabled,
-    isReadOnly
-  };
-}
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Check600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
-  return React.createElement("svg", __spreadValues$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React.createElement("title", {
-    id: titleId
-  }, title) : null, React.createElement("path", {
-    d: "M378-248.391q-7.696 0-14.674-2.848t-13.109-8.978l-181-181Q157.391-453.043 157.391-470t11.826-28.783q11.826-11.826 28.066-11.826 16.239 0 28.63 11.826L378-346.696l355.652-355.087q11.826-11.826 28.283-12.109 16.456-.282 28.283 12.109 11.826 11.826 11.826 28.566 0 16.739-11.826 28.565L405.783-260.217q-6.131 6.13-13.109 8.978T378-248.391Z"
-  }));
-};
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  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]);
-    }
-  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];
-    }
-  return target;
-};
-const Remove600 = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
-  return React.createElement("svg", __spreadValues2({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React.createElement("title", {
-    id: titleId
-  }, title) : null, React.createElement("path", {
-    d: "M190.391-440.391v-79.218h579.218v79.218H190.391Z"
-  }));
-};
-const Checkbox$1 = "_Checkbox_1r930_5";
-const label = "_label_1r930_17";
-const box = "_box_1r930_40";
-const check = "_check_1r930_41";
-const focusVisible = "_focusVisible_1r930_56";
-const text = "_text_1r930_72";
-const indeterminateSvg = "_indeterminateSvg_1r930_77";
-const nested = "_nested_1r930_81";
-const sizeLg = "_sizeLg_1r930_85";
-const invalid = "_invalid_1r930_91";
-const disabled = "_disabled_1r930_95";
-const indeterminate = "_indeterminate_1r930_77";
-const selected = "_selected_1r930_100";
-const hovered = "_hovered_1r930_116";
-const readOnly = "_readOnly_1r930_116";
-const styles = {
-  Checkbox: Checkbox$1,
-  label,
-  box,
-  check,
-  focusVisible,
-  text,
-  indeterminateSvg,
-  nested,
-  sizeLg,
-  invalid,
-  disabled,
-  indeterminate,
-  selected,
-  hovered,
-  readOnly
-};
-const DEFAULT_SIZE = "md";
-function Checkbox(props) {
-  const { children, errorText, isDisabled, isIndeterminate, isReadOnly, isNested, size = DEFAULT_SIZE, validationState } = props;
-  const ref = React__default.useRef(null);
-  const state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
-  const { inputProps } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
-  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
-  const isSelected = state.isSelected && !isIndeterminate;
-  const className = classNames(styles.Checkbox, isIndeterminate && styles.indeterminate, isSelected && styles.selected, isDisabled && styles.disabled, isReadOnly && styles.readOnly, isNested && styles.nested, isFocusVisible && styles.focusVisible, isHovered && styles.hovered, styles[variationName("size", size)], validationState === "invalid" && styles.invalid);
-  const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
-  const textColor = isDisabled ? "disabled" : validationState === "invalid" ? "danger" : "primary";
-  if (size === "lg" && isNested) {
-    console.warn("isNested is incompatible with lg Checkbox");
-  }
-  return React__default.createElement("span", {
-    className
-  }, React__default.createElement("label", __spreadValues({
-    className: styles.label
-  }, hoverProps), React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
-    className: styles.input,
-    ref
-  })), React__default.createElement("span", {
-    className: styles.box
-  }, (isIndeterminate || isSelected) && React__default.createElement("span", {
-    className: styles.check
-  }, isIndeterminate ? React__default.createElement(Icon, {
-    symbol: Remove600,
-    size: size === "lg" ? "md" : "xs"
-  }) : React__default.createElement(Icon, {
-    symbol: Check600,
-    size: size === "lg" ? "md" : "xs"
-  }))), React__default.createElement("span", {
-    className: styles.text
-  }, React__default.createElement(Text, {
-    variant: textVariant,
-    color: textColor
-  }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
-    content: errorText
-  }));
-}
+import { C, D } from "../__chunks__/Checkbox-BRrfKcFE.mjs";
 export {
-  Checkbox,
-  DEFAULT_SIZE
+  C as Checkbox,
+  D as DEFAULT_SIZE
 };

package/CodeBlock/CodeBlock.d.ts

@@ -1,82 +1,76 @@
-import React from "react";
-import { SnippetLanguages } from "./SyntaxHighlighter";
-export type CodeBlockProps = Partial<Omit<HTMLDivElement, "children">> & {
+import React, { ReactNode } from "react";
+import { CodeSnippetProps } from "../CodeSnippet";
+import { SnippetLanguage } from "../CodeSnippet/SyntaxHighlighter";
+export type CodeBlockProps = {
     /**
-     * `children` is not supported. Use `code` instead.
+     * CodeBlock content. This should be a header and collection of snippets.
      */
-    children?: never;
+    children: ReactNode;
     /**
-     * The code snippet to be rendered.
+     * Selected language.
      */
-    code: string;
+    language: SnippetLanguage;
     /**
-     * The language of the code snippet.
+     * Callback for when the selected language changes.
      */
-    language: SnippetLanguages;
+    onLanguageChange: (language: SnippetLanguage) => void;
+};
+export type CodeBlockHeaderProps = {
+    /**
+     * Header title.
+     */
+    children: ReactNode;
     /**
-     * Constrains the height of code block to a set number of lines.
+     * Header color.
+     *
+     * @default neutral
      */
-    maxLines?: number;
+    color?: "neutral" | "primary" | "secondary";
     /**
-     * Include line numbers in code block.
+     * Whether or not to hide the copy button.
+     *
+     * @default false
      */
-    showLineNumbers?: boolean;
+    hideCopy?: boolean;
 };
+export type CodeBlockSnippetProps = CodeSnippetProps;
+declare function CodeBlockHeader(props: CodeBlockHeaderProps): React.JSX.Element;
+declare namespace CodeBlockHeader {
+    var displayName: string;
+}
+declare function CodeBlockSnippet(props: CodeBlockSnippetProps): React.JSX.Element;
+declare namespace CodeBlockSnippet {
+    var displayName: string;
+}
 /**
- * A display element for readable blocks of code.
+ * A component to display and switch between readable blocks of code.
  *
  * @remarks
- * Use a Code Block to improve readability of embedded code samples with
- * syntax highlighting and automatic line numbering.
- *
- * @example
- * ```tsx
- * <CodeBlock
- *   code={`console.log("Hello world");`}
- *   language="javascript"
- * />
- * ```
+ * Use a `CodeBlock` to improve readability of embedded code samples, to allow
+ * the user to select between multiple `CodeSnippet`s, and to allow copying
+ * code to the user's clipboard.
  *
  * @example
- * _Line numbers:_
  * ```tsx
- * <CodeBlock
- *   code={`console.log("Hello world");`}
- *   language="javascript"
- *   showLineNumbers
- * />
- * ```
+ * import { CodeBlock } from "@easypost/easy-ui/CodeBlock";
  *
- * @example
- * _Max lines:_
- * ```tsx
- * <CodeBlock
- *   code={`console.log("Hello world");`}
- *   language="javascript"
- *   maxLines={8}
- * />
+ * function Component() {
+ *   const [language, setLanguage] = useState("javascript");
+ *   return (
+ *     <CodeBlock language={language} onLanguageChange={setLanguage}>
+ *       <CodeBlock.Header>Header</CodeVisualizer.Header>
+ *       <CodeBlock.Snippet language="javascript" code={``} />
+ *       <CodeBlock.Snippet language="csharp" code={``} />
+ *     </CodeBlock>
+ *   );
+ * }
  * ```
  */
-export declare const CodeBlock: React.ForwardRefExoticComponent<Partial<Omit<HTMLDivElement, "children">> & {
-    /**
-     * `children` is not supported. Use `code` instead.
-     */
-    children?: undefined;
-    /**
-     * The code snippet to be rendered.
-     */
-    code: string;
-    /**
-     * The language of the code snippet.
-     */
-    language: SnippetLanguages;
-    /**
-     * Constrains the height of code block to a set number of lines.
-     */
-    maxLines?: number | undefined;
-    /**
-     * Include line numbers in code block.
-     */
-    showLineNumbers?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare function CodeBlock(props: CodeBlockProps): React.JSX.Element;
+export declare namespace CodeBlock {
+    var displayName: string;
+    var Header: typeof CodeBlockHeader;
+    var Snippet: typeof CodeBlockSnippet;
+}
+export {};
 //# sourceMappingURL=CodeBlock.d.ts.map

package/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAM1E,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,SAAS;IA7DpB;;OAEG;;IAGH;;OAEG;UACG,MAAM;IAEZ;;OAEG;cACO,gBAAgB;IAE1B;;OAEG;;IAGH;;OAEG;;wCA+DJ,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAUnE,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgCnD;kBAhCQ,eAAe;;;AAoCxB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAErD;kBAFQ,gBAAgB;;;AAMzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBA8C9C;yBA9Ce,SAAS"}

package/CodeBlock/CodeBlock.stories.d.ts

@@ -4,6 +4,7 @@ type Story = StoryObj<typeof CodeBlock>;
 declare const meta: Meta<typeof CodeBlock>;
 export default meta;
 export declare const Default: Story;
-export declare const LineNumbers: Story;
-export declare const MaxLines: Story;
+export declare const SingleLanguageMode: Story;
+export declare const CustomHeader: StoryObj<typeof CodeBlock.Header>;
+export declare const SideBySide: Story;
 //# sourceMappingURL=CodeBlock.stories.d.ts.map

package/CodeBlock/CodeBlock.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAGxD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAQhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
+{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAGxD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA2BxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAgBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAC,MAAM,CAwB1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC"}

package/CodeBlock/CopyButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type CopyButtonProps = {
+    text: string;
+};
+export declare function CopyButton({ text }: CopyButtonProps): React.JSX.Element;
+export declare namespace CopyButton {
+    var displayName: string;
+}
+//# sourceMappingURL=CopyButton.d.ts.map

package/CodeBlock/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,qBAwBnD;yBAxBe,UAAU"}

package/CodeBlock/LanguageMenu.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { SnippetLanguage } from "../CodeSnippet/SyntaxHighlighter";
+export type LanguageMenuProps = {
+    /**
+     * List of languages.
+     */
+    languages: SnippetLanguage[];
+    /**
+     * Selected language.
+     */
+    language: SnippetLanguage;
+    /**
+     * Callback for when the selected language changes.
+     */
+    onChange: (language: SnippetLanguage) => void;
+};
+export declare function LanguageMenu(props: LanguageMenuProps): React.JSX.Element;
+//# sourceMappingURL=LanguageMenu.d.ts.map

package/CodeBlock/LanguageMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/LanguageMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,eAAe,EAEhB,MAAM,kCAAkC,CAAC;AAO1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,SAAS,EAAE,eAAe,EAAE,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8BpD"}

package/CodeBlock/context.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from "react";
+import { SnippetLanguage } from "../CodeSnippet/SyntaxHighlighter";
+export type CodeBlockContextType = {
+    languages: SnippetLanguage[];
+    snippet: ReactElement;
+    language: SnippetLanguage;
+    onLanguageChange: (language: SnippetLanguage) => void;
+};
+export declare const CodeBlockContext: import("react").Context<CodeBlockContextType | null>;
+export declare const useCodeBlock: () => CodeBlockContextType;
+//# sourceMappingURL=context.d.ts.map

package/CodeBlock/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sDAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,4BAMxB,CAAC"}