@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.121

package/__chunks__/HelpMenu-BZRV42ab.mjs

@@ -0,0 +1,119 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
+import { M as Menu } from "./Menu-Ci1FGh8B.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.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 jsxs(Menu, {
+    children: [jsx(Menu.Trigger, {
+      children: jsx(UnstyledButton, {
+        className: styles.button,
+        children: jsxs("span", {
+          className: styles.buttonContent,
+          children: [jsx(Icon, {
+            symbol: Support
+          }), jsx(Text, {
+            variant: "subtitle1",
+            children: "Help"
+          }), jsx("span", {
+            className: styles.arrow,
+            children: jsx(Icon, {
+              symbol: ArrowDropDown
+            })
+          })]
+        })
+      })
+    }), jsx(Menu.Overlay, {
+      onAction,
+      placement: "bottom right",
+      children: items
+    })]
+  });
+}
+export {
+  HelpMenu as H
+};

package/__chunks__/HelpMenu-C2t8KQuU.js

@@ -0,0 +1,135 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Icon = require("./Icon-BRlbo3RF.js");
+const Menu = require("./Menu-MGDv1tob.js");
+const Text = require("./Text-DkzMEqky.js");
+const UnstyledButton = require("./UnstyledButton-DW8CjaXN.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 jsxRuntime.jsxs(Menu.Menu, {
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsx(UnstyledButton.UnstyledButton, {
+        className: styles.button,
+        children: jsxRuntime.jsxs("span", {
+          className: styles.buttonContent,
+          children: [jsxRuntime.jsx(Icon.Icon, {
+            symbol: Support
+          }), jsxRuntime.jsx(Text.Text, {
+            variant: "subtitle1",
+            children: "Help"
+          }), jsxRuntime.jsx("span", {
+            className: styles.arrow,
+            children: jsxRuntime.jsx(Icon.Icon, {
+              symbol: ArrowDropDown
+            })
+          })]
+        })
+      })
+    }), jsxRuntime.jsx(Menu.Menu.Overlay, {
+      onAction,
+      placement: "bottom right",
+      children: items
+    })]
+  });
+}
+exports.HelpMenu = HelpMenu;

package/__chunks__/Hidden-C0ANs40F.js

@@ -0,0 +1,40 @@
+"use strict";
+const React = require("react");
+if (typeof HTMLTemplateElement !== "undefined") {
+  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: true,
+    enumerable: true,
+    get: function() {
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
+    }
+  });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ React.createContext(false);
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+  let isHidden = React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+  if (isHidden)
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+  let children = /* @__PURE__ */ React.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+    value: true
+  }, props.children);
+  return /* @__PURE__ */ React.createElement("template", {
+    "data-react-aria-hidden": true
+  }, children);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+  let Wrapper = (props, ref) => {
+    let isHidden = React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    if (isHidden) return null;
+    return fn(props, ref);
+  };
+  Wrapper.displayName = fn.displayName || fn.name;
+  return React.forwardRef(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return React.useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+exports.$f39a9eba43920ace$export$86427a43e3e48ebb = $f39a9eba43920ace$export$86427a43e3e48ebb;
+exports.$f39a9eba43920ace$export$8dc98ba7eadeaa56 = $f39a9eba43920ace$export$8dc98ba7eadeaa56;
+exports.$f39a9eba43920ace$export$b5d7cc18bb8d2b59 = $f39a9eba43920ace$export$b5d7cc18bb8d2b59;

package/__chunks__/Hidden-COe48wta.mjs

@@ -0,0 +1,41 @@
+import React__default, { forwardRef, useContext, createContext } from "react";
+if (typeof HTMLTemplateElement !== "undefined") {
+  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: true,
+    enumerable: true,
+    get: function() {
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
+    }
+  });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ createContext(false);
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+  let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+  if (isHidden)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
+  let children = /* @__PURE__ */ React__default.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+    value: true
+  }, props.children);
+  return /* @__PURE__ */ React__default.createElement("template", {
+    "data-react-aria-hidden": true
+  }, children);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+  let Wrapper = (props, ref) => {
+    let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    if (isHidden) return null;
+    return fn(props, ref);
+  };
+  Wrapper.displayName = fn.displayName || fn.name;
+  return forwardRef(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+export {
+  $f39a9eba43920ace$export$86427a43e3e48ebb as $,
+  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as a,
+  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as b
+};

package/__chunks__/HorizontalGrid-CAoDcmPW.js

@@ -0,0 +1,63 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+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 jsxRuntime.jsx(As, {
+    className: styles.HorizontalGrid,
+    style,
+    ref,
+    children
+  });
+});
+HorizontalGrid.displayName = "HorizontalGrid";
+exports.HorizontalGrid = HorizontalGrid;

package/__chunks__/HorizontalGrid-DbLeJBt8.mjs

@@ -0,0 +1,64 @@
+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 { jsx } from "react/jsx-runtime";
+import { 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 jsx(As, {
+    className: styles.HorizontalGrid,
+    style,
+    ref,
+    children
+  });
+});
+HorizontalGrid.displayName = "HorizontalGrid";
+export {
+  HorizontalGrid as H
+};

package/__chunks__/HorizontalStack-CJavrBHm.mjs

@@ -0,0 +1,52 @@
+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 { jsx } from "react/jsx-runtime";
+import { 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 jsx(As, __spreadProps(__spreadValues({}, restProps), {
+    className: styles.HorizontalStack,
+    style,
+    ref,
+    children
+  }));
+});
+HorizontalStack.displayName = "HorizontalStack";
+export {
+  HorizontalStack as H
+};

package/__chunks__/HorizontalStack-CWdKKY8L.js

@@ -0,0 +1,51 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+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 jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, restProps), {
+    className: styles.HorizontalStack,
+    style,
+    ref,
+    children
+  }));
+});
+HorizontalStack.displayName = "HorizontalStack";
+exports.HorizontalStack = HorizontalStack;

package/__chunks__/Icon-BIpaQJ_I.mjs

@@ -0,0 +1,41 @@
+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 { jsx } from "react/jsx-runtime";
+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 jsx("span", {
+    className: styles.Icon,
+    style,
+    children: jsx(Symbol2, {
+      className: styles.symbol,
+      focusable: "false",
+      role: "img",
+      title: accessibilityLabel,
+      "aria-hidden": !accessibilityLabel ? "true" : void 0
+    })
+  });
+}
+export {
+  Icon as I
+};

package/__chunks__/Icon-BRlbo3RF.js

@@ -0,0 +1,40 @@
+"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 jsxRuntime = require("react/jsx-runtime");
+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 jsxRuntime.jsx("span", {
+    className: styles.Icon,
+    style,
+    children: jsxRuntime.jsx(Symbol2, {
+      className: styles.symbol,
+      focusable: "false",
+      role: "img",
+      title: accessibilityLabel,
+      "aria-hidden": !accessibilityLabel ? "true" : void 0
+    })
+  });
+}
+exports.Icon = Icon;