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

package/__chunks__/HelpMenu-BWEypFzC.js

@@ -0,0 +1,125 @@
+"use strict";
+const React = require("react");
+const Icon = require("./Icon-W8F9w-jS.js");
+const Menu = require("./Menu-CxptqDZf.js");
+const Text = require("./Text-BXsuDbqc.js");
+const UnstyledButton = require("./UnstyledButton-DaRYVyfB.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);
+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 ArrowDropDown = (_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: "M480-373.85 303.85-549.38h352.3L480-373.85Z"
+  }));
+};
+var __defProp = Object.defineProperty;
+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 __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 Support = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues({
+    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: "M480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-119.53-65.77 69.54-163.08q-34.61-11.99-61-37.53t-39.46-62.31L165-362.54q29.46 69.46 79.69 120.31 50.23 50.84 115.85 76.46ZM329-530.69q12.54-36.77 38.85-62.31 26.3-25.54 60.84-37.38L362.54-795Q289.85-765.54 239-714.19q-50.85 51.34-74 117.34l164 66.16Zm150.91 164.54q47.4 0 80.67-33.18t33.27-80.58q0-47.4-33.18-80.67t-80.58-33.27q-47.4 0-80.67 33.18t-33.27 80.58q0 47.4 33.18 80.67t80.58 33.27Zm119.94 200.38q67.07-27.23 117.11-77.58 50.04-50.34 77.27-117.19l-163.08-68.92q-12.69 37.38-39.11 63-26.43 25.61-60.96 36.84l68.77 163.85Zm30.53-366.31 163.85-67.77q-27.23-66.46-77.58-116.8-50.34-50.35-116.8-77.58l-67.16 163.85q33.39 12.23 58.5 37.27 25.12 25.03 39.19 61.03Z"
+  }));
+};
+const button = "_button_1vk8i_4";
+const buttonContent = "_buttonContent_1vk8i_9";
+const arrow = "_arrow_1vk8i_16";
+const styles = {
+  button,
+  buttonContent,
+  arrow
+};
+function HelpMenu(props) {
+  const { items, onAction } = props;
+  return React.createElement(Menu.Menu, null, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledButton.UnstyledButton, {
+    className: styles.button
+  }, React.createElement("span", {
+    className: styles.buttonContent
+  }, React.createElement(Icon.Icon, {
+    symbol: Support
+  }), React.createElement(Text.Text, {
+    variant: "subtitle1"
+  }, "Help"), React.createElement("span", {
+    className: styles.arrow
+  }, React.createElement(Icon.Icon, {
+    symbol: ArrowDropDown
+  }))))), React.createElement(Menu.Menu.Overlay, {
+    onAction,
+    placement: "bottom right"
+  }, items));
+}
+exports.HelpMenu = HelpMenu;

package/__chunks__/HelpMenu-CSrPwH1K.mjs

@@ -0,0 +1,110 @@
+import * as React from "react";
+import React__default from "react";
+import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { M as Menu } from "./Menu-DVei3CtR.mjs";
+import { T as Text } from "./Text-BWjD7__Y.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-CbCwVIkK.mjs";
+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 ArrowDropDown = (_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: "M480-373.85 303.85-549.38h352.3L480-373.85Z"
+  }));
+};
+var __defProp = Object.defineProperty;
+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 __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 Support = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues({
+    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: "M480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-119.53-65.77 69.54-163.08q-34.61-11.99-61-37.53t-39.46-62.31L165-362.54q29.46 69.46 79.69 120.31 50.23 50.84 115.85 76.46ZM329-530.69q12.54-36.77 38.85-62.31 26.3-25.54 60.84-37.38L362.54-795Q289.85-765.54 239-714.19q-50.85 51.34-74 117.34l164 66.16Zm150.91 164.54q47.4 0 80.67-33.18t33.27-80.58q0-47.4-33.18-80.67t-80.58-33.27q-47.4 0-80.67 33.18t-33.27 80.58q0 47.4 33.18 80.67t80.58 33.27Zm119.94 200.38q67.07-27.23 117.11-77.58 50.04-50.34 77.27-117.19l-163.08-68.92q-12.69 37.38-39.11 63-26.43 25.61-60.96 36.84l68.77 163.85Zm30.53-366.31 163.85-67.77q-27.23-66.46-77.58-116.8-50.34-50.35-116.8-77.58l-67.16 163.85q33.39 12.23 58.5 37.27 25.12 25.03 39.19 61.03Z"
+  }));
+};
+const button = "_button_1vk8i_4";
+const buttonContent = "_buttonContent_1vk8i_9";
+const arrow = "_arrow_1vk8i_16";
+const styles = {
+  button,
+  buttonContent,
+  arrow
+};
+function HelpMenu(props) {
+  const { items, onAction } = props;
+  return React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(UnstyledButton, {
+    className: styles.button
+  }, React__default.createElement("span", {
+    className: styles.buttonContent
+  }, React__default.createElement(Icon, {
+    symbol: Support
+  }), React__default.createElement(Text, {
+    variant: "subtitle1"
+  }, "Help"), React__default.createElement("span", {
+    className: styles.arrow
+  }, React__default.createElement(Icon, {
+    symbol: ArrowDropDown
+  }))))), React__default.createElement(Menu.Overlay, {
+    onAction,
+    placement: "bottom right"
+  }, items));
+}
+export {
+  HelpMenu as H
+};

package/__chunks__/HorizontalGrid-CAwv7zKY.js

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+function formatHorizontalGrid(columns) {
+  if (typeof columns === "object" && columns !== null && !Array.isArray(columns)) {
+    return Object.fromEntries(Object.entries(columns).map(([breakpointAlias, breakpointHorizontalGrid]) => [breakpointAlias, getColumnValue(breakpointHorizontalGrid)]));
+  }
+  return getColumnValue(columns);
+}
+function getColumnValue(columns) {
+  if (!columns) return void 0;
+  if (typeof columns === "number" || !isNaN(Number(columns))) {
+    return `repeat(${Number(columns)}, minmax(0, 1fr))`;
+  }
+  if (typeof columns === "string") return columns;
+  return columns.map((column) => {
+    switch (column) {
+      case "oneFourth":
+      case "oneThird":
+      case "oneHalf":
+        return "minmax(0, 1fr)";
+      case "twoThirds":
+        return "minmax(0, 2fr)";
+      case "threeFourths":
+        return "minmax(0, 3fr)";
+      default:
+        return column;
+    }
+  }).join(" ");
+}
+const HorizontalGrid$1 = "_HorizontalGrid_mr0pv_4";
+const styles = {
+  HorizontalGrid: HorizontalGrid$1
+};
+const HorizontalGrid = React.forwardRef((props, ref) => {
+  const { alignItems, as: As = "div", children, columns, gap, inline } = props;
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveValue("horizontal-grid", "grid-template-columns", formatHorizontalGrid(columns))), utilities_css.getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-grid", "align-items", alignItems)), utilities_css.getComponentToken("horizontal-grid", "display", inline ? "inline-grid" : "grid"));
+  return React.createElement(As, {
+    className: styles.HorizontalGrid,
+    style,
+    ref
+  }, children);
+});
+HorizontalGrid.displayName = "HorizontalGrid";
+exports.HorizontalGrid = HorizontalGrid;

package/__chunks__/HorizontalGrid-Dz8EFgmu.mjs

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import React__default, { forwardRef } from "react";
+import { getComponentToken, getResponsiveDesignToken, getResponsiveValue } from "../utilities/css.mjs";
+function formatHorizontalGrid(columns) {
+  if (typeof columns === "object" && columns !== null && !Array.isArray(columns)) {
+    return Object.fromEntries(Object.entries(columns).map(([breakpointAlias, breakpointHorizontalGrid]) => [breakpointAlias, getColumnValue(breakpointHorizontalGrid)]));
+  }
+  return getColumnValue(columns);
+}
+function getColumnValue(columns) {
+  if (!columns) return void 0;
+  if (typeof columns === "number" || !isNaN(Number(columns))) {
+    return `repeat(${Number(columns)}, minmax(0, 1fr))`;
+  }
+  if (typeof columns === "string") return columns;
+  return columns.map((column) => {
+    switch (column) {
+      case "oneFourth":
+      case "oneThird":
+      case "oneHalf":
+        return "minmax(0, 1fr)";
+      case "twoThirds":
+        return "minmax(0, 2fr)";
+      case "threeFourths":
+        return "minmax(0, 3fr)";
+      default:
+        return column;
+    }
+  }).join(" ");
+}
+const HorizontalGrid$1 = "_HorizontalGrid_mr0pv_4";
+const styles = {
+  HorizontalGrid: HorizontalGrid$1
+};
+const HorizontalGrid = forwardRef((props, ref) => {
+  const { alignItems, as: As = "div", children, columns, gap, inline } = props;
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveValue("horizontal-grid", "grid-template-columns", formatHorizontalGrid(columns))), getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), getComponentToken("horizontal-grid", "align-items", alignItems)), getComponentToken("horizontal-grid", "display", inline ? "inline-grid" : "grid"));
+  return React__default.createElement(As, {
+    className: styles.HorizontalGrid,
+    style,
+    ref
+  }, children);
+});
+HorizontalGrid.displayName = "HorizontalGrid";
+export {
+  HorizontalGrid as H
+};

package/__chunks__/HorizontalStack-CXpjASZi.js

@@ -0,0 +1,49 @@
+"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 React = require("react");
+const utilities_css = require("../utilities/css.js");
+const HorizontalStack$1 = "_HorizontalStack_1wor8_4";
+const styles = {
+  HorizontalStack: HorizontalStack$1
+};
+const HorizontalStack = React.forwardRef((props, ref) => {
+  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-stack", "align", align)), utilities_css.getComponentToken("horizontal-stack", "block-align", blockAlign)), utilities_css.getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), utilities_css.getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
+  return React.createElement(As, __spreadProps(__spreadValues({}, restProps), {
+    className: styles.HorizontalStack,
+    style,
+    ref
+  }), children);
+});
+HorizontalStack.displayName = "HorizontalStack";
+exports.HorizontalStack = HorizontalStack;

package/__chunks__/HorizontalStack-CxE8tPx_.mjs

@@ -0,0 +1,50 @@
+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 { getComponentToken, getResponsiveDesignToken } from "../utilities/css.mjs";
+const HorizontalStack$1 = "_HorizontalStack_1wor8_4";
+const styles = {
+  HorizontalStack: HorizontalStack$1
+};
+const HorizontalStack = forwardRef((props, ref) => {
+  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), getComponentToken("horizontal-stack", "align", align)), getComponentToken("horizontal-stack", "block-align", blockAlign)), getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
+  return React__default.createElement(As, __spreadProps(__spreadValues({}, restProps), {
+    className: styles.HorizontalStack,
+    style,
+    ref
+  }), children);
+});
+HorizontalStack.displayName = "HorizontalStack";
+export {
+  HorizontalStack as H
+};

package/__chunks__/Icon-0SN9dbwU.mjs

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import React__default from "react";
+import { getResponsiveDesignToken, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
+const Icon$1 = "_Icon_1en2n_4";
+const symbol = "_symbol_1en2n_68";
+const styles = {
+  Icon: Icon$1,
+  symbol
+};
+function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
+  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("icon", "color", "color", backwardsCompatibleColorToken(color))), getResponsiveDesignToken("icon", "size", "size.icon", size));
+  return React__default.createElement("span", {
+    className: styles.Icon,
+    style
+  }, React__default.createElement(Symbol2, {
+    className: styles.symbol,
+    focusable: "false",
+    role: "img",
+    title: accessibilityLabel,
+    "aria-hidden": !accessibilityLabel ? "true" : void 0
+  }));
+}
+export {
+  Icon as I
+};

package/__chunks__/Icon-W8F9w-jS.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const Icon$1 = "_Icon_1en2n_4";
+const symbol = "_symbol_1en2n_68";
+const styles = {
+  Icon: Icon$1,
+  symbol
+};
+function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
+  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("icon", "color", "color", utilities_css.backwardsCompatibleColorToken(color))), utilities_css.getResponsiveDesignToken("icon", "size", "size.icon", size));
+  return React.createElement("span", {
+    className: styles.Icon,
+    style
+  }, React.createElement(Symbol2, {
+    className: styles.symbol,
+    focusable: "false",
+    role: "img",
+    title: accessibilityLabel,
+    "aria-hidden": !accessibilityLabel ? "true" : void 0
+  }));
+}
+exports.Icon = Icon;

package/__chunks__/InputCaption-DXmr8j5G.js

@@ -0,0 +1,60 @@
+"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 React = require("react");
+const Text = require("./Text-BXsuDbqc.js");
+const InputIcon = require("./InputIcon-BIaAI6v9.js");
+const utilities_css = require("../utilities/css.js");
+function Label(props) {
+  const _a = props, { isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelEmphasized", "fieldSize", "hasError", "children"]);
+  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
+  const as = isLabelEmphasized ? "strong" : "span";
+  const color = hasError ? "danger" : void 0;
+  return React.createElement("label", __spreadProps(__spreadValues({}, labelProps), {
+    className: utilities_css.classNames(InputIcon.styles.label)
+  }), React.createElement(Text.Text, {
+    variant: textVariant,
+    as,
+    color
+  }, children));
+}
+function InputCaption(props) {
+  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
+  return React.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
+    className: InputIcon.styles.caption
+  }), React.createElement(Text.Text, {
+    variant: "caption",
+    color: variant === "helper" ? "subdued" : "danger"
+  }, children));
+}
+exports.InputCaption = InputCaption;
+exports.Label = Label;

package/__chunks__/InputCaption-DcmpIrex.mjs

@@ -0,0 +1,61 @@
+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 from "react";
+import { T as Text } from "./Text-BWjD7__Y.mjs";
+import { s as styles } from "./InputIcon-B3t4QT3H.mjs";
+import { classNames } from "../utilities/css.mjs";
+function Label(props) {
+  const _a = props, { isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelEmphasized", "fieldSize", "hasError", "children"]);
+  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
+  const as = isLabelEmphasized ? "strong" : "span";
+  const color = hasError ? "danger" : void 0;
+  return React__default.createElement("label", __spreadProps(__spreadValues({}, labelProps), {
+    className: classNames(styles.label)
+  }), React__default.createElement(Text, {
+    variant: textVariant,
+    as,
+    color
+  }, children));
+}
+function InputCaption(props) {
+  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
+  return React__default.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
+    className: styles.caption
+  }), React__default.createElement(Text, {
+    variant: "caption",
+    color: variant === "helper" ? "subdued" : "danger"
+  }, children));
+}
+export {
+  InputCaption as I,
+  Label as L
+};