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

package/utilities/css.js

@@ -7,87 +7,43 @@ function variationName(name, value) {
   return `${name}${value.charAt(0).toUpperCase()}${value.slice(1)}`;
 }
 function sanitizeCustomProperties(styles) {
-  const nonNullValues = Object.entries(styles).filter(
-    ([, value]) => value != null
-  );
+  const nonNullValues = Object.entries(styles).filter(([, value]) => value != null);
   return nonNullValues.length ? Object.fromEntries(nonNullValues) : void 0;
 }
 function getComponentToken(componentName, componentProp, value) {
   return value ? {
-    [`--ezui-c-${tokenSafeKebabCase(componentName)}-${tokenSafeKebabCase(
-      componentProp
-    )}`]: value
+    [`--ezui-c-${tokenSafeKebabCase(componentName)}-${tokenSafeKebabCase(componentProp)}`]: value
   } : {};
 }
 function getComponentDesignToken(componentName, componentProp, tokenSubgroup, token) {
-  return getComponentToken(
-    componentName,
-    componentProp,
-    token ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-      token
-    )})` : void 0
-  );
+  return getComponentToken(componentName, componentProp, token ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(token)})` : void 0);
 }
 function getComponentThemeToken(componentName, componentProp, tokenSubgroup, token) {
-  return getComponentToken(
-    componentName,
-    componentProp,
-    token ? `var(--ezui-t-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-      token
-    )})` : void 0
-  );
+  return getComponentToken(componentName, componentProp, token ? `var(--ezui-t-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(token)})` : void 0);
 }
 function getResponsiveDesignToken(componentName, componentProp, tokenSubgroup, responsiveProp) {
   if (!responsiveProp) {
     return {};
   }
   if (typeof responsiveProp === "string") {
-    return getComponentToken(
-      componentName,
-      `${componentProp}-xs`,
-      `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-        responsiveProp
-      )})`
-    );
+    return getComponentToken(componentName, `${componentProp}-xs`, `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(responsiveProp)})`);
   }
-  return Object.fromEntries(
-    Object.entries(responsiveProp).map(([breakpointAlias, aliasOrScale]) => {
-      const [tokenEntry] = Object.entries(
-        getComponentToken(
-          componentName,
-          `${componentProp}-${breakpointAlias}`,
-          aliasOrScale ? `var(--ezui-${tokenSafeKebabCase(
-            tokenSubgroup
-          )}-${tokenSafeKebabCase(aliasOrScale)})` : void 0
-        )
-      );
-      return tokenEntry;
-    }).filter((e) => Boolean(e))
-  );
+  return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, aliasOrScale]) => {
+    const [tokenEntry] = Object.entries(getComponentToken(componentName, `${componentProp}-${breakpointAlias}`, aliasOrScale ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(aliasOrScale)})` : void 0));
+    return tokenEntry;
+  }).filter((e) => Boolean(e)));
 }
 function getResponsiveValue(componentName, componentProp, responsiveValue) {
   if (!responsiveValue) {
     return {};
   }
   if (typeof responsiveValue === "string" || typeof responsiveValue === "number") {
-    return getComponentToken(
-      componentName,
-      `${componentProp}-xs`,
-      addPxUnitToNumber(responsiveValue)
-    );
+    return getComponentToken(componentName, `${componentProp}-xs`, addPxUnitToNumber(responsiveValue));
   }
-  return Object.fromEntries(
-    Object.entries(responsiveValue).map(([breakpointAlias, responsiveValue2]) => {
-      const [tokenEntry] = Object.entries(
-        getComponentToken(
-          componentName,
-          `${componentProp}-${breakpointAlias}`,
-          addPxUnitToNumber(responsiveValue2)
-        )
-      );
-      return tokenEntry;
-    }).filter((e) => Boolean(e))
-  );
+  return Object.fromEntries(Object.entries(responsiveValue).map(([breakpointAlias, responsiveValue2]) => {
+    const [tokenEntry] = Object.entries(getComponentToken(componentName, `${componentProp}-${breakpointAlias}`, addPxUnitToNumber(responsiveValue2)));
+    return tokenEntry;
+  }).filter((e) => Boolean(e)));
 }
 function pxToRem(px) {
   return parseInt(String(px), 10) / 16;

package/utilities/css.mjs

@@ -5,87 +5,43 @@ function variationName(name, value) {
   return `${name}${value.charAt(0).toUpperCase()}${value.slice(1)}`;
 }
 function sanitizeCustomProperties(styles) {
-  const nonNullValues = Object.entries(styles).filter(
-    ([, value]) => value != null
-  );
+  const nonNullValues = Object.entries(styles).filter(([, value]) => value != null);
   return nonNullValues.length ? Object.fromEntries(nonNullValues) : void 0;
 }
 function getComponentToken(componentName, componentProp, value) {
   return value ? {
-    [`--ezui-c-${tokenSafeKebabCase(componentName)}-${tokenSafeKebabCase(
-      componentProp
-    )}`]: value
+    [`--ezui-c-${tokenSafeKebabCase(componentName)}-${tokenSafeKebabCase(componentProp)}`]: value
   } : {};
 }
 function getComponentDesignToken(componentName, componentProp, tokenSubgroup, token) {
-  return getComponentToken(
-    componentName,
-    componentProp,
-    token ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-      token
-    )})` : void 0
-  );
+  return getComponentToken(componentName, componentProp, token ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(token)})` : void 0);
 }
 function getComponentThemeToken(componentName, componentProp, tokenSubgroup, token) {
-  return getComponentToken(
-    componentName,
-    componentProp,
-    token ? `var(--ezui-t-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-      token
-    )})` : void 0
-  );
+  return getComponentToken(componentName, componentProp, token ? `var(--ezui-t-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(token)})` : void 0);
 }
 function getResponsiveDesignToken(componentName, componentProp, tokenSubgroup, responsiveProp) {
   if (!responsiveProp) {
     return {};
   }
   if (typeof responsiveProp === "string") {
-    return getComponentToken(
-      componentName,
-      `${componentProp}-xs`,
-      `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(
-        responsiveProp
-      )})`
-    );
+    return getComponentToken(componentName, `${componentProp}-xs`, `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(responsiveProp)})`);
   }
-  return Object.fromEntries(
-    Object.entries(responsiveProp).map(([breakpointAlias, aliasOrScale]) => {
-      const [tokenEntry] = Object.entries(
-        getComponentToken(
-          componentName,
-          `${componentProp}-${breakpointAlias}`,
-          aliasOrScale ? `var(--ezui-${tokenSafeKebabCase(
-            tokenSubgroup
-          )}-${tokenSafeKebabCase(aliasOrScale)})` : void 0
-        )
-      );
-      return tokenEntry;
-    }).filter((e) => Boolean(e))
-  );
+  return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, aliasOrScale]) => {
+    const [tokenEntry] = Object.entries(getComponentToken(componentName, `${componentProp}-${breakpointAlias}`, aliasOrScale ? `var(--ezui-${tokenSafeKebabCase(tokenSubgroup)}-${tokenSafeKebabCase(aliasOrScale)})` : void 0));
+    return tokenEntry;
+  }).filter((e) => Boolean(e)));
 }
 function getResponsiveValue(componentName, componentProp, responsiveValue) {
   if (!responsiveValue) {
     return {};
   }
   if (typeof responsiveValue === "string" || typeof responsiveValue === "number") {
-    return getComponentToken(
-      componentName,
-      `${componentProp}-xs`,
-      addPxUnitToNumber(responsiveValue)
-    );
+    return getComponentToken(componentName, `${componentProp}-xs`, addPxUnitToNumber(responsiveValue));
   }
-  return Object.fromEntries(
-    Object.entries(responsiveValue).map(([breakpointAlias, responsiveValue2]) => {
-      const [tokenEntry] = Object.entries(
-        getComponentToken(
-          componentName,
-          `${componentProp}-${breakpointAlias}`,
-          addPxUnitToNumber(responsiveValue2)
-        )
-      );
-      return tokenEntry;
-    }).filter((e) => Boolean(e))
-  );
+  return Object.fromEntries(Object.entries(responsiveValue).map(([breakpointAlias, responsiveValue2]) => {
+    const [tokenEntry] = Object.entries(getComponentToken(componentName, `${componentProp}-${breakpointAlias}`, addPxUnitToNumber(responsiveValue2)));
+    return tokenEntry;
+  }).filter((e) => Boolean(e)));
 }
 function pxToRem(px) {
   return parseInt(String(px), 10) / 16;

package/__chunks__/Card-7bbd41e0.mjs

@@ -1,110 +0,0 @@
-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;
-};
-import { o as omit } from "./omit-f17deb8f.mjs";
-import React__default from "react";
-import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const container = "_container_1sq6b_5";
-const area = "_area_1sq6b_22";
-const variantOutlined = "_variantOutlined_1sq6b_58";
-const variantFlagged = "_variantFlagged_1sq6b_59";
-const selected = "_selected_1sq6b_71";
-const disabled = "_disabled_1sq6b_75";
-const statusDanger = "_statusDanger_1sq6b_79";
-const statusWarning = "_statusWarning_1sq6b_83";
-const statusSuccess = "_statusSuccess_1sq6b_87";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, {
-    as: As = DEFAULT_ELEMENT_TYPE,
-    children,
-    isDisabled,
-    isSelected,
-    status,
-    variant = DEFAULT_VARIANT
-  } = _a, restProps = __objRest(_a, [
-    "as",
-    "children",
-    "isDisabled",
-    "isSelected",
-    "status",
-    "variant"
-  ]);
-  const className = classNames(
-    styles.container,
-    styles[variationName("variant", variant)],
-    variant === "flagged" && status && styles[variationName("status", status)],
-    variant === "outlined" && isDisabled && styles.disabled,
-    variant === "outlined" && isSelected && styles.selected
-  );
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    As,
-    __spreadValues({
-      className,
-      "data-testid": "container",
-      disabled: isDisabled
-    }, omit(restProps, ["className"])),
-    children
-  );
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken(
-    "card-area",
-    "background",
-    "color.surface.card",
-    background
-  )), getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.area, style, "data-testid": "area" }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return /* @__PURE__ */ React__default.createElement(CardContainer, __spreadValues({}, containerProps), /* @__PURE__ */ React__default.createElement(CardArea, { background, padding }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-export {
-  Card as C
-};

package/__chunks__/Card-dac53c75.js

@@ -1,109 +0,0 @@
-"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;
-};
-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 omit = require("./omit-fca26542.js");
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const container = "_container_1sq6b_5";
-const area = "_area_1sq6b_22";
-const variantOutlined = "_variantOutlined_1sq6b_58";
-const variantFlagged = "_variantFlagged_1sq6b_59";
-const selected = "_selected_1sq6b_71";
-const disabled = "_disabled_1sq6b_75";
-const statusDanger = "_statusDanger_1sq6b_79";
-const statusWarning = "_statusWarning_1sq6b_83";
-const statusSuccess = "_statusSuccess_1sq6b_87";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, {
-    as: As = DEFAULT_ELEMENT_TYPE,
-    children,
-    isDisabled,
-    isSelected,
-    status,
-    variant = DEFAULT_VARIANT
-  } = _a, restProps = __objRest(_a, [
-    "as",
-    "children",
-    "isDisabled",
-    "isSelected",
-    "status",
-    "variant"
-  ]);
-  const className = utilities_css.classNames(
-    styles.container,
-    styles[utilities_css.variationName("variant", variant)],
-    variant === "flagged" && status && styles[utilities_css.variationName("status", status)],
-    variant === "outlined" && isDisabled && styles.disabled,
-    variant === "outlined" && isSelected && styles.selected
-  );
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return /* @__PURE__ */ React.createElement(
-    As,
-    __spreadValues({
-      className,
-      "data-testid": "container",
-      disabled: isDisabled
-    }, omit.omit(restProps, ["className"])),
-    children
-  );
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken(
-    "card-area",
-    "background",
-    "color.surface.card",
-    background
-  )), utilities_css.getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return /* @__PURE__ */ React.createElement("div", { className: styles.area, style, "data-testid": "area" }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return /* @__PURE__ */ React.createElement(CardContainer, __spreadValues({}, containerProps), /* @__PURE__ */ React.createElement(CardArea, { background, padding }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-exports.Card = Card;

package/__chunks__/HorizontalStack-a441c63f.mjs

@@ -1,80 +0,0 @@
-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 { getResponsiveDesignToken, getComponentToken } from "../utilities/css.mjs";
-const HorizontalStack$1 = "_HorizontalStack_7wlyw_5";
-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 /* @__PURE__ */ React__default.createElement(
-      As,
-      __spreadProps(__spreadValues({}, restProps), {
-        className: styles.HorizontalStack,
-        style,
-        ref
-      }),
-      children
-    );
-  }
-);
-HorizontalStack.displayName = "HorizontalStack";
-export {
-  HorizontalStack as H
-};

package/__chunks__/HorizontalStack-a862839b.js

@@ -1,79 +0,0 @@
-"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_7wlyw_5";
-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 /* @__PURE__ */ React.createElement(
-      As,
-      __spreadProps(__spreadValues({}, restProps), {
-        className: styles.HorizontalStack,
-        style,
-        ref
-      }),
-      children
-    );
-  }
-);
-HorizontalStack.displayName = "HorizontalStack";
-exports.HorizontalStack = HorizontalStack;

package/__chunks__/Icon-3d00481a.js

@@ -1,44 +0,0 @@
-"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_a6zcu_5";
-const Svg = "_Svg_a6zcu_54";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({
-  symbol: Symbol2,
-  size = "md",
-  color,
-  accessibilityLabel
-}) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("icon", "color", "color.text", color)), utilities_css.getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return /* @__PURE__ */ React.createElement("span", { className: styles.Icon, style }, /* @__PURE__ */ React.createElement(
-    Symbol2,
-    {
-      className: styles.Svg,
-      focusable: "false",
-      role: "img",
-      title: accessibilityLabel,
-      "aria-hidden": !accessibilityLabel ? "true" : void 0
-    }
-  ));
-}
-exports.Icon = Icon;

package/__chunks__/Icon-a75b5201.mjs

@@ -1,45 +0,0 @@
-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 { getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const Icon$1 = "_Icon_a6zcu_5";
-const Svg = "_Svg_a6zcu_54";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({
-  symbol: Symbol2,
-  size = "md",
-  color,
-  accessibilityLabel
-}) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("icon", "color", "color.text", color)), getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return /* @__PURE__ */ React__default.createElement("span", { className: styles.Icon, style }, /* @__PURE__ */ React__default.createElement(
-    Symbol2,
-    {
-      className: styles.Svg,
-      focusable: "false",
-      role: "img",
-      title: accessibilityLabel,
-      "aria-hidden": !accessibilityLabel ? "true" : void 0
-    }
-  ));
-}
-export {
-  Icon as I
-};