@easypost/easy-ui 1.0.0-alpha.31 → 1.0.0-alpha.32

package/Badge/index.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon_index = require("../Icon/index.js");
-const Text_index = require("../Text/index.js");
+const Icon = require("../__chunks__/Icon-zuHlIk6o.js");
+const Text = require("../__chunks__/Text-DAIjkLVZ.js");
 const utilities_css = require("../utilities/css.js");
-const root = "_root_1s183_5";
-const primary = "_primary_1s183_16";
-const secondary = "_secondary_1s183_17";
-const text = "_text_1s183_32";
-const variantPrimary = "_variantPrimary_1s183_37";
-const variantSecondary = "_variantSecondary_1s183_44";
-const variantBlack = "_variantBlack_1s183_51";
-const variantInverse = "_variantInverse_1s183_58";
-const variantGray = "_variantGray_1s183_65";
-const variantSuccess = "_variantSuccess_1s183_72";
-const variantWarning = "_variantWarning_1s183_79";
-const variantDanger = "_variantDanger_1s183_86";
+const root = "_root_14lld_5";
+const primary = "_primary_14lld_16";
+const secondary = "_secondary_14lld_17";
+const text = "_text_14lld_32";
+const variantPrimary = "_variantPrimary_14lld_37";
+const variantSecondary = "_variantSecondary_14lld_44";
+const variantBlack = "_variantBlack_14lld_51";
+const variantInverse = "_variantInverse_14lld_58";
+const variantGray = "_variantGray_14lld_65";
+const variantSuccess = "_variantSuccess_14lld_72";
+const variantWarning = "_variantWarning_14lld_79";
+const variantDanger = "_variantDanger_14lld_86";
 const styles = {
   root,
   primary,
@@ -45,11 +45,11 @@ function Badge(props) {
   }
   return React.createElement("span", {
     className
-  }, accessibilityLabel && React.createElement(Text_index.Text, {
+  }, accessibilityLabel && React.createElement(Text.Text, {
     visuallyHidden: true
   }, accessibilityLabel), React.createElement("span", {
     className: styles.primary
-  }, icon ? React.createElement(Icon_index.Icon, {
+  }, icon ? React.createElement(Icon.Icon, {
     symbol: icon,
     size: "sm"
   }) : React.createElement("span", {

package/Badge/index.mjs

@@ -1,19 +1,19 @@
 import React__default from "react";
-import { Icon } from "../Icon/index.mjs";
-import { Text } from "../Text/index.mjs";
+import { I as Icon } from "../__chunks__/Icon-RD912LmD.mjs";
+import { T as Text } from "../__chunks__/Text-CyhoWr4V.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const root = "_root_1s183_5";
-const primary = "_primary_1s183_16";
-const secondary = "_secondary_1s183_17";
-const text = "_text_1s183_32";
-const variantPrimary = "_variantPrimary_1s183_37";
-const variantSecondary = "_variantSecondary_1s183_44";
-const variantBlack = "_variantBlack_1s183_51";
-const variantInverse = "_variantInverse_1s183_58";
-const variantGray = "_variantGray_1s183_65";
-const variantSuccess = "_variantSuccess_1s183_72";
-const variantWarning = "_variantWarning_1s183_79";
-const variantDanger = "_variantDanger_1s183_86";
+const root = "_root_14lld_5";
+const primary = "_primary_14lld_16";
+const secondary = "_secondary_14lld_17";
+const text = "_text_14lld_32";
+const variantPrimary = "_variantPrimary_14lld_37";
+const variantSecondary = "_variantSecondary_14lld_44";
+const variantBlack = "_variantBlack_14lld_51";
+const variantInverse = "_variantInverse_14lld_58";
+const variantGray = "_variantGray_14lld_65";
+const variantSuccess = "_variantSuccess_14lld_72";
+const variantWarning = "_variantWarning_14lld_79";
+const variantDanger = "_variantDanger_14lld_86";
 const styles = {
   root,
   primary,

package/Banner/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Text_index = require("../Text/index.js");
+const Text = require("../__chunks__/Text-DAIjkLVZ.js");
 const utilities_css = require("../utilities/css.js");
-const colorSuccess = "_colorSuccess_12lm0_5";
-const colorPrimary = "_colorPrimary_12lm0_10";
-const colorNeutral = "_colorNeutral_12lm0_11";
-const Banner$1 = "_Banner_12lm0_23";
+const colorSuccess = "_colorSuccess_otuwd_5";
+const colorPrimary = "_colorPrimary_otuwd_10";
+const colorNeutral = "_colorNeutral_otuwd_11";
+const Banner$1 = "_Banner_otuwd_23";
 const styles = {
   colorSuccess,
   colorPrimary,
@@ -17,11 +17,11 @@ function Banner(props) {
   const { color = "success", emphasisText, children } = props;
   return React.createElement("div", {
     className: utilities_css.classNames(styles.Banner, styles[utilities_css.variationName("color", color)])
-  }, emphasisText && React.createElement(Text_index.Text, {
+  }, emphasisText && React.createElement(Text.Text, {
     as: "strong",
     variant: "subtitle1",
     alignment: "center"
-  }, !children ? React.createElement(React.Fragment, null, emphasisText) : React.createElement(React.Fragment, null, emphasisText, ": ")), children && React.createElement(Text_index.Text, {
+  }, !children ? React.createElement(React.Fragment, null, emphasisText) : React.createElement(React.Fragment, null, emphasisText, ": ")), children && React.createElement(Text.Text, {
     variant: "body1",
     alignment: "center"
   }, children));

package/Banner/index.mjs

@@ -1,10 +1,10 @@
 import React__default from "react";
-import { Text } from "../Text/index.mjs";
+import { T as Text } from "../__chunks__/Text-CyhoWr4V.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const colorSuccess = "_colorSuccess_12lm0_5";
-const colorPrimary = "_colorPrimary_12lm0_10";
-const colorNeutral = "_colorNeutral_12lm0_11";
-const Banner$1 = "_Banner_12lm0_23";
+const colorSuccess = "_colorSuccess_otuwd_5";
+const colorPrimary = "_colorPrimary_otuwd_10";
+const colorNeutral = "_colorNeutral_otuwd_11";
+const Banner$1 = "_Banner_otuwd_23";
 const styles = {
   colorSuccess,
   colorPrimary,

package/Button/index.js

@@ -1,91 +1,4 @@
 "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;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-hDJcco6g.js");
-const Icon_index = require("../Icon/index.js");
-const utilities_css = require("../utilities/css.js");
-const Button$1 = "_Button_lgocr_5";
-const colorPrimary = "_colorPrimary_lgocr_20";
-const colorSecondary = "_colorSecondary_lgocr_28";
-const colorSuccess = "_colorSuccess_lgocr_36";
-const colorWarning = "_colorWarning_lgocr_44";
-const colorNeutral = "_colorNeutral_lgocr_52";
-const colorSupport = "_colorSupport_lgocr_60";
-const colorInverse = "_colorInverse_lgocr_66";
-const variantFilled = "_variantFilled_lgocr_72";
-const variantOutlined = "_variantOutlined_lgocr_99";
-const variantLink = "_variantLink_lgocr_127";
-const sizeMd = "_sizeMd_lgocr_151";
-const sizeSm = "_sizeSm_lgocr_159";
-const block = "_block_lgocr_176";
-const iconAtStart = "_iconAtStart_lgocr_181";
-const iconAtEnd = "_iconAtEnd_lgocr_185";
-const styles = {
-  Button: Button$1,
-  colorPrimary,
-  colorSecondary,
-  colorSuccess,
-  colorWarning,
-  colorNeutral,
-  colorSupport,
-  colorInverse,
-  variantFilled,
-  variantOutlined,
-  variantLink,
-  sizeMd,
-  sizeSm,
-  block,
-  iconAtStart,
-  iconAtEnd
-};
-const Button = React.forwardRef((props, inRef) => {
-  const _a = props, { color = "primary", variant = "filled", size = "md", isDisabled = false, isBlock = false, iconAtStart: iconAtStart2, iconAtEnd: iconAtEnd2, children = "Button", href = "" } = _a, restProps = __objRest(_a, ["color", "variant", "size", "isDisabled", "isBlock", "iconAtStart", "iconAtEnd", "children", "href"]);
-  const bothIconPropsDefined = iconAtEnd2 && iconAtStart2;
-  if (bothIconPropsDefined) {
-    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
-  }
-  const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link" && size !== "sm";
-  UnstyledButton_index.logWarningIfInvalidColorVariantCombination(color, variant);
-  return React.createElement(UnstyledButton_index.UnstyledButton, __spreadValues({
-    isDisabled,
-    ref: inRef,
-    className: utilities_css.classNames(styles.Button, styles[utilities_css.variationName("color", color)], styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("size", size)], isBlock && styles.block),
-    href
-  }, restProps), iconAtStart2 && canUseIcon && React.createElement(Icon_index.Icon, {
-    symbol: iconAtStart2
-  }), React.createElement("span", {
-    className: utilities_css.classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd)
-  }, children), iconAtEnd2 && canUseIcon && React.createElement(Icon_index.Icon, {
-    symbol: iconAtEnd2
-  }));
-});
-Button.displayName = "Button";
-exports.Button = Button;
+const Button = require("../__chunks__/Button-DkRHwveR.js");
+exports.Button = Button.Button;

package/Button/index.mjs

@@ -1,91 +1,4 @@
-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 React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-mteZT19W.mjs";
-import { Icon } from "../Icon/index.mjs";
-import { classNames, variationName } from "../utilities/css.mjs";
-const Button$1 = "_Button_lgocr_5";
-const colorPrimary = "_colorPrimary_lgocr_20";
-const colorSecondary = "_colorSecondary_lgocr_28";
-const colorSuccess = "_colorSuccess_lgocr_36";
-const colorWarning = "_colorWarning_lgocr_44";
-const colorNeutral = "_colorNeutral_lgocr_52";
-const colorSupport = "_colorSupport_lgocr_60";
-const colorInverse = "_colorInverse_lgocr_66";
-const variantFilled = "_variantFilled_lgocr_72";
-const variantOutlined = "_variantOutlined_lgocr_99";
-const variantLink = "_variantLink_lgocr_127";
-const sizeMd = "_sizeMd_lgocr_151";
-const sizeSm = "_sizeSm_lgocr_159";
-const block = "_block_lgocr_176";
-const iconAtStart = "_iconAtStart_lgocr_181";
-const iconAtEnd = "_iconAtEnd_lgocr_185";
-const styles = {
-  Button: Button$1,
-  colorPrimary,
-  colorSecondary,
-  colorSuccess,
-  colorWarning,
-  colorNeutral,
-  colorSupport,
-  colorInverse,
-  variantFilled,
-  variantOutlined,
-  variantLink,
-  sizeMd,
-  sizeSm,
-  block,
-  iconAtStart,
-  iconAtEnd
-};
-const Button = forwardRef((props, inRef) => {
-  const _a = props, { color = "primary", variant = "filled", size = "md", isDisabled = false, isBlock = false, iconAtStart: iconAtStart2, iconAtEnd: iconAtEnd2, children = "Button", href = "" } = _a, restProps = __objRest(_a, ["color", "variant", "size", "isDisabled", "isBlock", "iconAtStart", "iconAtEnd", "children", "href"]);
-  const bothIconPropsDefined = iconAtEnd2 && iconAtStart2;
-  if (bothIconPropsDefined) {
-    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
-  }
-  const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link" && size !== "sm";
-  logWarningIfInvalidColorVariantCombination(color, variant);
-  return React__default.createElement(UnstyledButton, __spreadValues({
-    isDisabled,
-    ref: inRef,
-    className: classNames(styles.Button, styles[variationName("color", color)], styles[variationName("variant", variant)], styles[variationName("size", size)], isBlock && styles.block),
-    href
-  }, restProps), iconAtStart2 && canUseIcon && React__default.createElement(Icon, {
-    symbol: iconAtStart2
-  }), React__default.createElement("span", {
-    className: classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd)
-  }, children), iconAtEnd2 && canUseIcon && React__default.createElement(Icon, {
-    symbol: iconAtEnd2
-  }));
-});
-Button.displayName = "Button";
+import { B } from "../__chunks__/Button-98icnO6u.mjs";
 export {
-  Button
+  B as Button
 };

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.32
+
+### Patch Changes
+
+- 77d594b: fix(CodeBlock): header title should collapse
+
 ## 1.0.0-alpha.31
 
 ### Patch Changes

package/Card/index.js

@@ -1,96 +1,4 @@
 "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;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const omit = require("../__chunks__/omit-tcSejr4A.js");
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const container = "_container_yqddm_5";
-const area = "_area_yqddm_23";
-const variantOutlined = "_variantOutlined_yqddm_65";
-const variantFlagged = "_variantFlagged_yqddm_66";
-const selected = "_selected_yqddm_78";
-const disabled = "_disabled_yqddm_82";
-const statusDanger = "_statusDanger_yqddm_86";
-const statusWarning = "_statusWarning_yqddm_90";
-const statusSuccess = "_statusSuccess_yqddm_94";
-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 React.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit.omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("card-area", "background", "color", getBackgroundToken(background))), utilities_css.getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function getBackgroundToken(background) {
-  const tokens = {
-    primary: "neutral.000",
-    secondary: "neutral.050"
-  };
-  if (background && tokens.hasOwnProperty(background)) {
-    return tokens[background];
-  }
-  return background;
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React.createElement(CardContainer, __spreadValues({}, containerProps), React.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-exports.Card = Card;
+const Card = require("../__chunks__/Card-C9OIbOw6.js");
+exports.Card = Card.Card;

package/Card/index.mjs

@@ -1,96 +1,4 @@
-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 "../__chunks__/omit-B9V4OM3c.mjs";
-import React__default from "react";
-import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const container = "_container_yqddm_5";
-const area = "_area_yqddm_23";
-const variantOutlined = "_variantOutlined_yqddm_65";
-const variantFlagged = "_variantFlagged_yqddm_66";
-const selected = "_selected_yqddm_78";
-const disabled = "_disabled_yqddm_82";
-const statusDanger = "_statusDanger_yqddm_86";
-const statusWarning = "_statusWarning_yqddm_90";
-const statusSuccess = "_statusSuccess_yqddm_94";
-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 React__default.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("card-area", "background", "color", getBackgroundToken(background))), getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React__default.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function getBackgroundToken(background) {
-  const tokens = {
-    primary: "neutral.000",
-    secondary: "neutral.050"
-  };
-  if (background && tokens.hasOwnProperty(background)) {
-    return tokens[background];
-  }
-  return background;
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React__default.createElement(CardContainer, __spreadValues({}, containerProps), React__default.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
+import { C } from "../__chunks__/Card-BELnDMlJ.mjs";
 export {
-  Card
+  C as Card
 };