@shipengine/elements 2.20.0 → 2.21.0

package/cjs/components/carrier-balance/carrier-balance.styles.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  getBalanceText: balance => theme => ({
+    color: balance === undefined ? styles$1.scopeTheme(theme).palette.gray.main : balance >= 0 ? styles$1.scopeTheme(theme).palette.secondary.dark : styles$1.scopeTheme(theme).palette.error.main
+  })
+});
+
+exports.styles = styles;

package/cjs/components/carrier-balance/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrierBalance = require('./carrier-balance.cjs');
+
+
+
+exports.CarrierBalance = carrierBalance.CarrierBalance;

package/cjs/components/carrier-connection-card/carrier-connection-card.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var carrierConnectionCard_styles = require('./carrier-connection-card.styles.cjs');
+
+const CarrierConnectionCard = ({
+  carrierName,
+  className,
+  iconUrl,
+  name,
+  onClick
+}) => {
+  return jsxRuntime.jsxs("div", Object.assign({
+    className: className,
+    css: carrierConnectionCard_styles.styles.article,
+    "data-testid": "cerrier-connection-card",
+    onClick: () => {
+      onClick === null || onClick === void 0 ? void 0 : onClick(carrierName);
+    },
+    onKeyDown: event => {
+      if (event.key === "Enter") {
+        onClick === null || onClick === void 0 ? void 0 : onClick(carrierName);
+      }
+    },
+    role: "button",
+    tabIndex: 0
+  }, {
+    children: [jsxRuntime.jsx("img", {
+      alt: name,
+      css: carrierConnectionCard_styles.styles.carrierLogo,
+      src: iconUrl
+    }), jsxRuntime.jsx("div", {
+      css: carrierConnectionCard_styles.styles.spacer
+    }), jsxRuntime.jsx("div", Object.assign({
+      css: carrierConnectionCard_styles.styles.carrierName
+    }, {
+      children: name
+    }))]
+  }));
+};
+
+exports.CarrierConnectionCard = CarrierConnectionCard;

package/cjs/components/carrier-connection-card/carrier-connection-card.styles.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  article: theme => ({
+    ":hover": {
+      borderColor: styles$1.scopeTheme(theme).palette.primary.main
+    },
+    alignItems: "center",
+    border: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+    borderRadius: styles$1.scopeTheme(theme).spacing(0.5),
+    cursor: "pointer",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "nowrap",
+    paddingBottom: styles$1.scopeTheme(theme).spacing(1.5),
+    paddingLeft: styles$1.scopeTheme(theme).spacing(1),
+    paddingRight: styles$1.scopeTheme(theme).spacing(1),
+    paddingTop: styles$1.scopeTheme(theme).spacing(1.5),
+    position: "relative"
+  }),
+  carrierLogo: theme => ({
+    flex: "0 0 auto",
+    marginRight: styles$1.scopeTheme(theme).spacing(2),
+    maxHeight: styles$1.scopeTheme(theme).iconSize.large,
+    width: styles$1.scopeTheme(theme).iconSize.large
+  }),
+  carrierName: () => ({
+    display: "block",
+    flex: "1"
+  }),
+  spacer: theme => ({
+    display: "block",
+    flex: "0 0 auto",
+    height: styles$1.scopeTheme(theme).iconSize.large,
+    position: "relative"
+  })
+});
+
+exports.styles = styles;

package/cjs/components/carrier-connection-card/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrierConnectionCard = require('./carrier-connection-card.cjs');
+
+
+
+exports.CarrierConnectionCard = carrierConnectionCard.CarrierConnectionCard;

package/cjs/components/carrier-icon/carrier-icon.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var carrier = require('../../utilities/shipengine/carrier.cjs');
+var styles$1 = require('../../utilities/styles.cjs');
+var giger = require('@shipengine/giger');
+
+const styles = styles$1.createStyles({
+  getIconSize: size => theme => ({
+    height: styles$1.scopeTheme(theme).iconSize[size],
+    width: styles$1.scopeTheme(theme).iconSize[size]
+  })
+});
+const CarrierIcon = ({
+  carrierCode,
+  carrierName,
+  size: _size = giger.IconSize.SIZE_REGULAR
+}) => {
+  const icon = carrier.getLogoOrIconByCarrierCode(carrierCode, "icon");
+  if (!icon) return jsxRuntime.jsx(giger.Chip, {
+    children: carrierCode.toString().toUpperCase()
+  });
+  return jsxRuntime.jsx("img", {
+    alt: carrierName,
+    css: styles.getIconSize(_size),
+    src: icon
+  }, carrierName);
+};
+
+exports.CarrierIcon = CarrierIcon;
+exports.styles = styles;

package/cjs/components/carrier-icon/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrierIcon = require('./carrier-icon.cjs');
+
+
+
+exports.CarrierIcon = carrierIcon.CarrierIcon;
+exports.styles = carrierIcon.styles;

package/cjs/components/carrier-logo/carrier-logo.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var carrier = require('../../utilities/shipengine/carrier.cjs');
+
+/* eslint-disable sort-keys-fix/sort-keys-fix -- ordering by value makes more sense */
+const sizes = {
+  md: 40,
+  lg: 68,
+  xl: 105
+};
+const CarrierLogo = ({
+  carrierCode,
+  carrierName,
+  size: _size = "md"
+}) => {
+  const logo = carrier.getLogoOrIconByCarrierCode(carrierCode, "logo");
+  if (!logo) return null;
+  return jsxRuntime.jsx("img", {
+    alt: carrierName,
+    height: sizes[_size],
+    src: logo,
+    width: sizes[_size]
+  }, carrierName);
+};
+
+exports.CarrierLogo = CarrierLogo;

package/cjs/components/carrier-logo/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrierLogo = require('./carrier-logo.cjs');
+
+
+
+exports.CarrierLogo = carrierLogo.CarrierLogo;

package/cjs/components/cc-provider-logo/cc-provider-logo.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var amex = require('../../assets/cc-logos/amex.cjs');
+var discover = require('../../assets/cc-logos/discover.cjs');
+var mastercard = require('../../assets/cc-logos/mastercard.cjs');
+var visa = require('../../assets/cc-logos/visa.cjs');
+
+const CcProviderLogo = ({
+  provider,
+  width: _width = 56
+}) => {
+  const providerLogos = {
+    americanExpress: amex,
+    discover,
+    mastercard,
+    visa
+  };
+  if (!provider) {
+    return jsxRuntime.jsx(giger.Icon, {
+      name: gigerTheme.IconNames.CREDIT_CARD,
+      size: giger.IconSize.SIZE_LARGE
+    });
+  }
+  const logoSrc = providerLogos[provider];
+  return jsxRuntime.jsx("img", {
+    alt: provider,
+    src: logoSrc,
+    width: _width
+  });
+};
+
+exports.CcProviderLogo = CcProviderLogo;

package/cjs/components/cc-provider-logo/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ccProviderLogo = require('./cc-provider-logo.cjs');
+
+
+
+exports.CcProviderLogo = ccProviderLogo.CcProviderLogo;

package/cjs/components/collapsible-panel/collapsible-panel.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useToggle = require('../../hooks/use-toggle.cjs');
+var formatString = require('../../utilities/formatString.cjs');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var collapsiblePanel_styles = require('./collapsible-panel.styles.cjs');
+var saveStatus = require('../save-status/save-status.cjs');
+var spacer = require('../spacer/spacer.cjs');
+
+/**
+ * @internal
+ *
+ * # Collapsible Panel Component
+ *
+ * - The `<CollapsiblePanel />` composition component is used to group content together that can
+ * be expanded or collapsed.
+ *
+ * @see {@link CollapsiblePanelProps | The props that are passed into the `<CollapsiblePanel />` component}
+ */
+const CollapsiblePanel = ({
+  errors,
+  initialExpanded,
+  isSaving,
+  nested,
+  children,
+  title,
+  statusSettings
+}) => {
+  const [isExpanded, toggleIsExpanded] = useToggle.useToggle(initialExpanded);
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("section", Object.assign({
+      "aria-label": formatString.replaceSpacesWithDashes(title),
+      css: collapsiblePanel_styles.styles.getHeaderStyles(nested)
+    }, {
+      children: jsxRuntime.jsxs("button", Object.assign({
+        "aria-expanded": isExpanded,
+        css: collapsiblePanel_styles.styles.button,
+        onClick: event => {
+          event.preventDefault();
+          toggleIsExpanded();
+        }
+      }, {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          variant: nested ? "heading5" : "heading4"
+        }, {
+          children: title
+        })), jsxRuntime.jsxs("div", Object.assign({
+          css: {
+            display: "flex"
+          }
+        }, {
+          children: [jsxRuntime.jsx(saveStatus.SaveStatus, {
+            errors: errors,
+            isSaving: isSaving,
+            statusSettings: statusSettings
+          }), jsxRuntime.jsx(giger.Icon, {
+            "data-testid": "collapsible-panel-dropdown",
+            name: isExpanded ? gigerTheme.IconNames.CHEVRON_TOP : gigerTheme.IconNames.CHEVRON_BOTTOM,
+            size: giger.IconSize.SIZE_LARGE
+          })]
+        }))]
+      }))
+    })), isExpanded && jsxRuntime.jsx("section", Object.assign({
+      css: collapsiblePanel_styles.styles.getContentStyles(nested)
+    }, {
+      children: children
+    })), !nested && jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 1
+    })]
+  });
+};
+
+exports.CollapsiblePanel = CollapsiblePanel;

package/cjs/components/collapsible-panel/collapsible-panel.styles.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  button: theme => ({
+    alignItems: "center",
+    backgroundColor: "transparent",
+    color: styles$1.scopeTheme(theme).palette.gray.main,
+    display: "flex",
+    fontWeight: styles$1.scopeTheme(theme).typography.fontWeight.normal,
+    justifyContent: "space-between",
+    padding: 0,
+    width: "100%"
+  }),
+  getContentStyles: nested => theme => ({
+    padding: styles$1.scopeTheme(theme).spacing(nested ? 1 : 3)
+  }),
+  getHeaderStyles: nested => theme => ({
+    backgroundColor: nested ? "none" : styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    display: "flex",
+    padding: nested ? `${styles$1.scopeTheme(theme).spacing(0.75)}px 0` : `${styles$1.scopeTheme(theme).spacing(0.75)}px ${styles$1.scopeTheme(theme).spacing(4)}px`
+  })
+});
+
+exports.styles = styles;

package/cjs/components/collapsible-panel/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var collapsiblePanel = require('./collapsible-panel.cjs');
+
+
+
+exports.CollapsiblePanel = collapsiblePanel.CollapsiblePanel;

package/cjs/components/copy/copy-button.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var copy = require('copy-to-clipboard');
+var React = require('react');
+var linkAction = require('../link-action/link-action.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
+
+/**
+ * @internal
+ *
+ * # Copy Button
+ *
+ * A copy button that copies the content to the users' clipboard and displays a
+ * checkmark on click.
+ */
+const CopyButton = ({
+  content
+}) => {
+  const [clicked, setClicked] = React.useState(false);
+  return jsxRuntime.jsx("div", Object.assign({
+    "aria-label": "Copy to Clipboard",
+    "data-testid": "copy-button"
+  }, {
+    children: jsxRuntime.jsx(linkAction.LinkAction, {
+      icon: clicked ? "checkFilled" : "copy",
+      onClick: () => {
+        copy__default["default"](content);
+        setClicked(true);
+        setTimeout(() => setClicked(false), 2000);
+      },
+      title: ""
+    })
+  }));
+};
+
+exports.CopyButton = CopyButton;

package/cjs/components/copy/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var copyButton = require('./copy-button.cjs');
+
+
+
+exports.CopyButton = copyButton.CopyButton;

package/cjs/components/cube/cube.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('@emotion/react');
+var styles = require('../../utilities/styles.cjs');
+
+let _ = t => t,
+  _t;
+/**
+ * @internal
+ *
+ * # Cube Component
+ *
+ * - This is a spinning cube that is used to display a loading state.
+ *
+ * @see {@link CubePropTypes | The props that are passed into the `<Cube />` component}
+ */
+const Cube = _a => {
+  var {
+      animate = false
+    } = _a,
+    props = tslib.__rest(_a, ["animate"]);
+  const theme = react.useTheme();
+  const spin = react.keyframes(_t || (_t = _`
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  `));
+  const styles$1 = {
+    content: /*#__PURE__*/react.css(Object.assign({
+      clipRule: "evenodd",
+      fillRule: "evenodd",
+      height: "5rem",
+      strokeLineJoin: "round",
+      strokeMiterLimit: "2",
+      width: "5rem"
+    }, animate && {
+      animation: `${spin} 1s linear infinite;`
+    }), process.env.NODE_ENV === "production" ? "" : ";label:content;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1YmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCaUIiLCJmaWxlIjoiY3ViZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX3Jlc3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMsIHVzZVRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmltcG9ydCB7IHNjb3BlVGhlbWUgfSBmcm9tIFwiQHV0aWxpdGllcy9zdHlsZXNcIjtcclxuLyoqXHJcbiAqIEBpbnRlcm5hbFxyXG4gKlxyXG4gKiAjIEN1YmUgQ29tcG9uZW50XHJcbiAqXHJcbiAqIC0gVGhpcyBpcyBhIHNwaW5uaW5nIGN1YmUgdGhhdCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBsb2FkaW5nIHN0YXRlLlxyXG4gKlxyXG4gKiBAc2VlIHtAbGluayBDdWJlUHJvcFR5cGVzIHwgVGhlIHByb3BzIHRoYXQgYXJlIHBhc3NlZCBpbnRvIHRoZSBgPEN1YmUgLz5gIGNvbXBvbmVudH1cclxuICovXHJcbmV4cG9ydCBjb25zdCBDdWJlID0gKF9hKSA9PiB7XHJcbiAgICB2YXIgeyBhbmltYXRlID0gZmFsc2UgfSA9IF9hLCBwcm9wcyA9IF9fcmVzdChfYSwgW1wiYW5pbWF0ZVwiXSk7XHJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XHJcbiAgICBjb25zdCBzcGluID0ga2V5ZnJhbWVzIGBcbiAgICBmcm9tIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIH1cbiAgICB0byB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgYDtcclxuICAgIGNvbnN0IHN0eWxlcyA9IHtcclxuICAgICAgICBjb250ZW50OiBjc3MoT2JqZWN0LmFzc2lnbih7IGNsaXBSdWxlOiBcImV2ZW5vZGRcIiwgZmlsbFJ1bGU6IFwiZXZlbm9kZFwiLCBoZWlnaHQ6IFwiNXJlbVwiLCBzdHJva2VMaW5lSm9pbjogXCJyb3VuZFwiLCBzdHJva2VNaXRlckxpbWl0OiBcIjJcIiwgd2lkdGg6IFwiNXJlbVwiIH0sIChhbmltYXRlICYmIHsgYW5pbWF0aW9uOiBgJHtzcGlufSAxcyBsaW5lYXIgaW5maW5pdGU7YCB9KSkpLFxyXG4gICAgfTtcclxuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcywgeyByb2xlOiBcInN0YXR1c1wiIH0sIHsgY2hpbGRyZW46IF9qc3goXCJzdmdcIiwgT2JqZWN0LmFzc2lnbih7IGNzczogc3R5bGVzLmNvbnRlbnQsIGhlaWdodDogXCIxMDAlXCIsIHZpZXdCb3g6IFwiMCAwIDQ4OSA0ODlcIiwgd2lkdGg6IFwiMTAwJVwiIH0sIHsgY2hpbGRyZW46IF9qc3goXCJnXCIsIHsgY2hpbGRyZW46IF9qc3goXCJnXCIsIHsgY2hpbGRyZW46IF9qc3goXCJwYXRoXCIsIHsgZDogXCJNNDgzLjY3NCwxMDEuODM2QzQ4My42MSwxMDEuNjA0IDQ4My41MDYsMTAxLjM5NiA0ODMuNDE4LDEwMS4xOEM0ODMuMjQyLDEwMC43MjQgNDgzLjA1LDEwMC4yODQgNDgyLjc5NCw5OS44NjhDNDgyLjY1LDk5LjYzNiA0ODIuNDk4LDk5LjQyOCA0ODIuMzMsOTkuMjEyQzQ4Mi4wNTgsOTguODQ0IDQ4MS43NTQsOTguNTA4IDQ4MS40MSw5OC4xOTZDNDgxLjIxLDk4LjAwNCA0ODEuMDEsOTcuODI4IDQ4MC43ODYsOTcuNjZDNDgwLjY1OCw5Ny41NjQgNDgwLjU2Miw5Ny40NDQgNDgwLjQzNCw5Ny4zNTZDNDgwLjEzOCw5Ny4xNTYgNDc5LjgxLDk3LjA0NCA0NzkuNDk4LDk2Ljg4NEM0NzkuMzM4LDk2LjgwNCA0NzkuMjE4LDk2LjY4NCA0NzkuMDUsOTYuNjEyTDI0Ny4wNSwwLjYxMkMyNDUuMDgyLC0wLjIwNCAyNDIuODksLTAuMjA0IDI0MC45MjIsMC42MTJMOC45MjIsOTYuNjEyQzguNzU0LDk2LjY4NCA4LjYyNiw5Ni44MDQgOC40NjYsOTYuODg0QzguMTU0LDk3LjAzNiA3LjgzNCw5Ny4xNTYgNy41NDYsOTcuMzQ4QzcuNDE4LDk3LjQzNiA3LjMyMiw5Ny41NTYgNy4xOTQsOTcuNjUyQzYuOTcsOTcuODIgNi43NzgsOTguMDA0IDYuNTc4LDk4LjE4OEM2LjI0Miw5OC41IDUuOTM4LDk4LjgzNiA1LjY1OCw5OS4yMDRDNS40OSw5OS40MiA1LjMzOCw5OS42MjggNS4xOTQsOTkuODZDNC45MzgsMTAwLjI3NiA0Ljc0NiwxMDAuNzE2IDQuNTcsMTAxLjE3MkM0LjQ4MiwxMDEuMzk2IDQuMzc4LDEwMS41OTYgNC4zMTQsMTAxLjgyOEM0LjEzLDEwMi41MzIgNC4wMDIsMTAzLjI2IDQuMDAyLDEwNC4wMDRMNC4wMDIsMzg0LjAwNEM0LjAwMiwzODcuMjQ0IDUuOTU0LDM5MC4xNjQgOC45MzgsMzkxLjM5NkwyNDAuOTM4LDQ4Ny4zOTZDMjQxLjA0Miw0ODcuNDM2IDI0MS4xNTQsNDg3LjQyIDI0MS4yNTgsNDg3LjQ2QzI0Mi4xNDYsNDg3Ljc4OCAyNDMuMDU4LDQ4OC4wMDQgMjQ0LjAwMiw0ODguMDA0QzI0NC45NDYsNDg4LjAwNCAyNDUuODU4LDQ4Ny43ODggMjQ2Ljc0Niw0ODcuNDZDMjQ2Ljg1LDQ4Ny40MiAyNDYuOTYyLDQ4Ny40MzYgMjQ3LjA2Niw0ODcuMzk2TDQ3OS4wNjYsMzkxLjM5NkM0ODIuMDUsMzkwLjE2NCA0ODQuMDAyLDM4Ny4yNDQgNDg0LjAwMiwzODQuMDA0TDQ4NC4wMDIsMTA0LjAwNEM0ODQuMDAyLDEwMy4yNiA0ODMuODc0LDEwMi41MzIgNDgzLjY3NCwxMDEuODM2Wk0yMzYuMDAyLDQ2OC4wMjhMMjAuMDAyLDM3OC42NkwyMC4wMDIsMTE1Ljk3MkwyMzYuMDAyLDIwNS4zNDhMMjM2LjAwMiw0NjguMDI4Wk0yNDQuMDAyLDE5MS4zNDhMMzIuOTIyLDEwNC4wMDRMMjQ0LjAwMiwxNi42Nkw0NTUuMDgyLDEwNC4wMDRMMjQ0LjAwMiwxOTEuMzQ4Wk00NjguMDAyLDM3OC42NkwyNTIuMDAyLDQ2OC4wMzZMMjUyLjAwMiwyMDUuMzQ4TDQ2OC4wMDIsMTE1Ljk3Mkw0NjguMDAyLDM3OC42NlpcIiwgZmlsbDogc2NvcGVUaGVtZSh0aGVtZSkucGFsZXR0ZS5wcmltYXJ5Lm1haW4gfSkgfSkgfSkgfSkpIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWN1YmUuanMubWFwIl19 */")
+  };
+  return jsxRuntime.jsx("div", Object.assign({}, props, {
+    role: "status"
+  }, {
+    children: jsxRuntime.jsx("svg", Object.assign({
+      css: styles$1.content,
+      height: "100%",
+      viewBox: "0 0 489 489",
+      width: "100%"
+    }, {
+      children: jsxRuntime.jsx("g", {
+        children: jsxRuntime.jsx("g", {
+          children: jsxRuntime.jsx("path", {
+            d: "M483.674,101.836C483.61,101.604 483.506,101.396 483.418,101.18C483.242,100.724 483.05,100.284 482.794,99.868C482.65,99.636 482.498,99.428 482.33,99.212C482.058,98.844 481.754,98.508 481.41,98.196C481.21,98.004 481.01,97.828 480.786,97.66C480.658,97.564 480.562,97.444 480.434,97.356C480.138,97.156 479.81,97.044 479.498,96.884C479.338,96.804 479.218,96.684 479.05,96.612L247.05,0.612C245.082,-0.204 242.89,-0.204 240.922,0.612L8.922,96.612C8.754,96.684 8.626,96.804 8.466,96.884C8.154,97.036 7.834,97.156 7.546,97.348C7.418,97.436 7.322,97.556 7.194,97.652C6.97,97.82 6.778,98.004 6.578,98.188C6.242,98.5 5.938,98.836 5.658,99.204C5.49,99.42 5.338,99.628 5.194,99.86C4.938,100.276 4.746,100.716 4.57,101.172C4.482,101.396 4.378,101.596 4.314,101.828C4.13,102.532 4.002,103.26 4.002,104.004L4.002,384.004C4.002,387.244 5.954,390.164 8.938,391.396L240.938,487.396C241.042,487.436 241.154,487.42 241.258,487.46C242.146,487.788 243.058,488.004 244.002,488.004C244.946,488.004 245.858,487.788 246.746,487.46C246.85,487.42 246.962,487.436 247.066,487.396L479.066,391.396C482.05,390.164 484.002,387.244 484.002,384.004L484.002,104.004C484.002,103.26 483.874,102.532 483.674,101.836ZM236.002,468.028L20.002,378.66L20.002,115.972L236.002,205.348L236.002,468.028ZM244.002,191.348L32.922,104.004L244.002,16.66L455.082,104.004L244.002,191.348ZM468.002,378.66L252.002,468.036L252.002,205.348L468.002,115.972L468.002,378.66Z",
+            fill: styles.scopeTheme(theme).palette.primary.main
+          })
+        })
+      })
+    }))
+  }));
+};
+
+exports.Cube = Cube;

package/cjs/components/cube/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cube = require('./cube.cjs');
+
+
+
+exports.Cube = cube.Cube;

package/cjs/components/disclosure/disclosure.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var React = require('react');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var disclosure_styles = require('./disclosure.styles.cjs');
+
+const Disclosure = ({
+  children,
+  label,
+  onToggle,
+  open,
+  showToggle: _showToggle = true
+}) => {
+  const [isOpen, setIsOpen] = React.useState(open);
+  // Flip internal state if externally managed state changes
+  React.useEffect(() => {
+    setIsOpen(open);
+  }, [open]);
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs("div", Object.assign({
+      css: disclosure_styles.styles.container
+    }, {
+      children: [jsxRuntime.jsx("div", {
+        children: label
+      }), _showToggle && jsxRuntime.jsx("button", Object.assign({
+        "aria-expanded": isOpen,
+        "aria-label": isOpen ? "Collapse" : "Expand",
+        css: disclosure_styles.styles.toggle,
+        onClick: () => {
+          setIsOpen(!isOpen);
+          onToggle(!isOpen);
+        },
+        type: "button"
+      }, {
+        children: jsxRuntime.jsx(giger.Icon, {
+          name: isOpen ? gigerTheme.IconNames.CHEVRON_TOP : gigerTheme.IconNames.CHEVRON_BOTTOM,
+          size: giger.IconSize.SIZE_SMALL
+        })
+      }))]
+    })), isOpen && jsxRuntime.jsx("div", Object.assign({
+      css: disclosure_styles.styles.content
+    }, {
+      children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
+    }))]
+  });
+};
+
+exports.Disclosure = Disclosure;

package/cjs/components/disclosure/disclosure.styles.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  container: theme => ({
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing(0.5),
+    paddingBottom: styles$1.scopeTheme(theme).spacing(1)
+  }),
+  content: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    maxWidth: "100%",
+    padding: styles$1.scopeTheme(theme).spacing(2),
+    [styles$1.scopeTheme(theme).mediaQuery("tablet")]: {
+      maxWidth: "max-content"
+    }
+  }),
+  toggle: {
+    backgroundColor: "transparent",
+    border: 0,
+    cursor: "pointer",
+    lineHeight: 0,
+    padding: 0
+  }
+});
+
+exports.styles = styles;

package/cjs/components/disclosure/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var disclosure = require('./disclosure.cjs');
+
+
+
+exports.Disclosure = disclosure.Disclosure;

package/cjs/components/display-term/display-term.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var jsBase64 = require('js-base64');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var displayTerm_styles = require('./display-term.styles.cjs');
+
+const DisplayTerm = ({
+  term
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return jsxRuntime.jsx("ul", Object.assign({
+    css: displayTerm_styles.styles.container
+  }, {
+    children: term.links.map(({
+      link,
+      title
+    }) => jsxRuntime.jsx("li", Object.assign({
+      css: displayTerm_styles.styles.termLink
+    }, {
+      children: jsxRuntime.jsxs(giger.Link, Object.assign({
+        css: displayTerm_styles.styles.link,
+        "data-testid": "terms-link",
+        href: link,
+        target: "_blank",
+        title: "Opens in a new window"
+      }, {
+        children: [t(`onboarding:termsAndAgreementTitles.${jsBase64.encode(title)}`, {
+          defaultValue: title
+        }), " ", jsxRuntime.jsx(giger.Icon, {
+          name: gigerTheme.IconNames.NEW_WINDOW,
+          size: giger.IconSize.SIZE_SMALL
+        })]
+      }))
+    }), title))
+  }));
+};
+
+exports.DisplayTerm = DisplayTerm;