@arc-ui/components 11.5.0 → 11.7.0

package/dist/FormControl/FormControl.cjs.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
+var FormControl = require('../_shared/cjs/FormControl-78b007b7.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
-require('../_shared/cjs/DisclosureMini-5af13d3c.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/DisclosureMini-2a10006e.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/Text-555a29a4.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/VerticalSpace-86f697e7.js');
 
 
 

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-0744f93f";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-2fa7aae5";

package/dist/FormControl/FormControl.esm.js

@@ -1,11 +1,10 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-0744f93f.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-2fa7aae5.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/Surface-bb100ef8.js';
-import '../_shared/esm/DisclosureMini-322fccc0.js';
+import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/DisclosureMini-78a8f392.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/Text-14deb70e.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/VerticalSpace-93980c9c.js';

package/dist/Group/Group.cjs.d.ts

@@ -1,46 +1 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-declare const Group: FC<GroupProps> & {
-    Item: typeof GroupItem;
-};
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Content to display in the Group.Item.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Group.Item be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the Group.Item stretch to fill the available space?
-     */
-    grow?: boolean;
-}
-interface GroupProps {
-    /**
-     * Contents of the Group. Should only contain `Group.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space?
-     */
-    grow?: boolean;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space with equal widths?
-     */
-    growEqual?: boolean;
-    /**
-     * Should a border be shown between Group.Items? **Warning: Sets CSS property `overflow:hidden`.**
-     */
-    gutterBorder?: boolean;
-    /**
-     * Should wrapping of Group.Items in the Group be disabled?
-     */
-    noWrap?: boolean;
-}
-export { Group };
+export { Group } from "../_shared/cjs/Group-f85dd4c0";

package/dist/Group/Group.cjs.js

@@ -2,49 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var React = require('react');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Group = require('../_shared/cjs/Group-f85dd4c0.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-var Group = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = filterDataAttrs.__rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
-    var surface = React.useContext(Surface.Context).surface;
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== GroupItem) {
-                throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
-            }
-        });
-    }, [children]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
-            _b["arc-Group"] = true,
-            _b["arc-Group--grow"] = grow,
-            _b["arc-Group--growEqual"] = growEqual,
-            _b["arc-Group--gutterBorder"] = gutterBorder,
-            _b["arc-Group--noWrap"] = noWrap,
-            _b["arc-Group--onDarkSurface"] = surface === "dark",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-Group-inner" }, children)));
-};
-var GroupItem = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
-            _b["arc-Group-item"] = true,
-            _b["arc-Group-item--grow"] = grow,
-            _b["arc-Group-item--debugVisible"] = isDebugVisible,
-            _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
-};
-GroupItem.displayName = "Group.Item";
-Group.Item = GroupItem;
-
-exports.Group = Group;
+exports.Group = Group.Group;

package/dist/Group/Group.esm.d.ts

@@ -1,46 +1 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-declare const Group: FC<GroupProps> & {
-    Item: typeof GroupItem;
-};
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Content to display in the Group.Item.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Group.Item be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the Group.Item stretch to fill the available space?
-     */
-    grow?: boolean;
-}
-interface GroupProps {
-    /**
-     * Contents of the Group. Should only contain `Group.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space?
-     */
-    grow?: boolean;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space with equal widths?
-     */
-    growEqual?: boolean;
-    /**
-     * Should a border be shown between Group.Items? **Warning: Sets CSS property `overflow:hidden`.**
-     */
-    gutterBorder?: boolean;
-    /**
-     * Should wrapping of Group.Items in the Group be disabled?
-     */
-    noWrap?: boolean;
-}
-export { Group };
+export { Group } from "../_shared/esm/Group-fb26fd32";

package/dist/Group/Group.esm.js

@@ -1,42 +1,5 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React__default, { useContext, useEffect } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
-
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-var Group = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = __rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
-    var surface = useContext(Context).surface;
-    useEffect(function () {
-        React__default.Children.map(children, function (item) {
-            if (item && item.type !== GroupItem) {
-                throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
-            }
-        });
-    }, [children]);
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
-            _b["arc-Group"] = true,
-            _b["arc-Group--grow"] = grow,
-            _b["arc-Group--growEqual"] = growEqual,
-            _b["arc-Group--gutterBorder"] = gutterBorder,
-            _b["arc-Group--noWrap"] = noWrap,
-            _b["arc-Group--onDarkSurface"] = surface === "dark",
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-Group-inner" }, children)));
-};
-var GroupItem = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = __rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
-            _b["arc-Group-item"] = true,
-            _b["arc-Group-item--grow"] = grow,
-            _b["arc-Group-item--debugVisible"] = isDebugVisible,
-            _b)) }, filterDataAttrs(props)), children));
-};
-GroupItem.displayName = "Group.Item";
-Group.Item = GroupItem;
-
-export { Group };
+export { G as Group } from '../_shared/esm/Group-fb26fd32.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/Surface-dde51789.js';

package/dist/Heading/Heading.cjs.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/cjs/Heading-d45f6a7f";
+export { Heading } from "../_shared/cjs/Heading-ed1cb455";

package/dist/Heading/Heading.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+var Heading = require('../_shared/cjs/Heading-ed1cb455.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 
 
 

package/dist/Heading/Heading.esm.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/esm/Heading-b61432fb";
+export { Heading } from "../_shared/esm/Heading-ee6bec51";

package/dist/Heading/Heading.esm.js

@@ -1,6 +1,6 @@
-export { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+export { H as Heading } from '../_shared/esm/Heading-ee6bec51.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Surface-dde51789.js';

package/dist/Icon/Icon.cjs.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/cjs/Icon-9ae8dbe1";
+export { Icon } from "../_shared/cjs/Icon-e1dd45eb";

package/dist/Icon/Icon.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 
 
 

package/dist/Icon/Icon.esm.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/esm/Icon-fd247973";
+export { Icon } from "../_shared/esm/Icon-c1af47bc";

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+export { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
 import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Surface-dde51789.js';

package/dist/Image/Image.cjs.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/cjs/Image-3bf4b4f3";
+export { Image, loadingOptions } from "../_shared/cjs/Image-0e393cbf";

package/dist/Image/Image.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Image = require('../_shared/cjs/Image-3bf4b4f3.js');
+var Image = require('../_shared/cjs/Image-0e393cbf.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
@@ -11,3 +11,4 @@ require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 
 exports.Image = Image.Image;
+exports.loadingOptions = Image.loadingOptions;

package/dist/Image/Image.esm.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-3596ce55";
+export { Image, loadingOptions } from "../_shared/esm/Image-3ed3863c";

package/dist/Image/Image.esm.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../_shared/esm/Image-3596ce55.js';
+export { I as Image, l as loadingOptions } from '../_shared/esm/Image-3ed3863c.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Markup/Markup.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/MediaCard/MediaCard.cjs.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { loadingOptions } from "../Image/Image.cjs";
+import React from "react";
+import { FC } from "react";
+import { BoxProps } from "../Box/Box.cjs";
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+declare const MediaCard: FC<MediaCardProps>;
+interface MediaCardProps {
+    /**
+     * Content of the MediaCard.
+     */
+    children: React.ReactNode;
+    /**
+     * Footer Content of the MediaCard.
+     */
+    cardFooter?: React.ReactNode;
+    /**
+     * Add rounded corners to the MediaCard.
+     */
+    isBorderRadius?: BoxProps["isBorderRadius"];
+    /**
+     * The border width of the MediaCard.
+     */
+    borderWidth?: BoxProps["borderWidth"];
+    /**
+     * Box shadow for the MediaCard.
+     */
+    elevationLevel?: BoxProps["elevationLevel"];
+    /**
+     * Set MediaCard to fill parent element.
+     */
+    isFullHeight?: boolean;
+    /**
+     * Background color for the MediaCard.
+     */
+    surface?: BoxProps["surface"];
+    /**
+     * image src for the MediaCard.
+     */
+    imageSrc: string;
+    /**
+     * image alt for the MediaCard.
+     */
+    imageAlt?: string;
+    /**
+     * Loading behaviour of the MediaCard.
+     */
+    imageLoading?: typeof loadingOptions[number];
+    /**
+     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
+     */
+    imageSizes?: string;
+    /**
+     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
+     */
+    imageSrcSet?: string;
+}
+export { MediaCard };

package/dist/MediaCard/MediaCard.cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var Image = require('../_shared/cjs/Image-0e393cbf.js');
+var React = require('react');
+var Box = require('../_shared/cjs/Box-ebe2b7be.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+var MediaCard = function (_a) {
+    var isBorderRadius = _a.isBorderRadius, isFullHeight = _a.isFullHeight, cardFooter = _a.cardFooter, borderWidth = _a.borderWidth, surface = _a.surface, elevationLevel = _a.elevationLevel, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, imageLoading = _a.imageLoading, imageSizes = _a.imageSizes, imageSrcSet = _a.imageSrcSet, children = _a.children, props = filterDataAttrs.__rest(_a, ["isBorderRadius", "isFullHeight", "cardFooter", "borderWidth", "surface", "elevationLevel", "imageSrc", "imageAlt", "imageLoading", "imageSizes", "imageSrcSet", "children"]);
+    return (React__default["default"].createElement(Box.Box, filterDataAttrs.__assign({ isFullHeight: isFullHeight, surface: surface, elevationLevel: elevationLevel, isBorderRadius: isBorderRadius, borderWidth: borderWidth }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-MediaCard-wrapper" },
+            React__default["default"].createElement("div", { className: "arc-MediaCard-imageContainer" },
+                React__default["default"].createElement(Image.Image, { alt: imageAlt, loading: imageLoading, sizes: imageSizes, src: imageSrc, srcSet: imageSrcSet })),
+            React__default["default"].createElement("div", { className: "arc-MediaCard-section" }, children),
+            cardFooter && (React__default["default"].createElement("div", { className: "arc-MediaCard-section" }, cardFooter)))));
+};
+
+exports.MediaCard = MediaCard;

package/dist/MediaCard/MediaCard.esm.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { loadingOptions } from "../Image/Image.esm";
+import React from "react";
+import { FC } from "react";
+import { BoxProps } from "../Box/Box.esm";
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+declare const MediaCard: FC<MediaCardProps>;
+interface MediaCardProps {
+    /**
+     * Content of the MediaCard.
+     */
+    children: React.ReactNode;
+    /**
+     * Footer Content of the MediaCard.
+     */
+    cardFooter?: React.ReactNode;
+    /**
+     * Add rounded corners to the MediaCard.
+     */
+    isBorderRadius?: BoxProps["isBorderRadius"];
+    /**
+     * The border width of the MediaCard.
+     */
+    borderWidth?: BoxProps["borderWidth"];
+    /**
+     * Box shadow for the MediaCard.
+     */
+    elevationLevel?: BoxProps["elevationLevel"];
+    /**
+     * Set MediaCard to fill parent element.
+     */
+    isFullHeight?: boolean;
+    /**
+     * Background color for the MediaCard.
+     */
+    surface?: BoxProps["surface"];
+    /**
+     * image src for the MediaCard.
+     */
+    imageSrc: string;
+    /**
+     * image alt for the MediaCard.
+     */
+    imageAlt?: string;
+    /**
+     * Loading behaviour of the MediaCard.
+     */
+    imageLoading?: typeof loadingOptions[number];
+    /**
+     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
+     */
+    imageSizes?: string;
+    /**
+     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
+     */
+    imageSrcSet?: string;
+}
+export { MediaCard };

package/dist/MediaCard/MediaCard.esm.js

@@ -0,0 +1,23 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import { I as Image } from '../_shared/esm/Image-3ed3863c.js';
+import React__default from 'react';
+import { B as Box } from '../_shared/esm/Box-06d99d8a.js';
+import '../_shared/esm/index-2ae58626.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-dde51789.js';
+
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+var MediaCard = function (_a) {
+    var isBorderRadius = _a.isBorderRadius, isFullHeight = _a.isFullHeight, cardFooter = _a.cardFooter, borderWidth = _a.borderWidth, surface = _a.surface, elevationLevel = _a.elevationLevel, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, imageLoading = _a.imageLoading, imageSizes = _a.imageSizes, imageSrcSet = _a.imageSrcSet, children = _a.children, props = __rest(_a, ["isBorderRadius", "isFullHeight", "cardFooter", "borderWidth", "surface", "elevationLevel", "imageSrc", "imageAlt", "imageLoading", "imageSizes", "imageSrcSet", "children"]);
+    return (React__default.createElement(Box, __assign({ isFullHeight: isFullHeight, surface: surface, elevationLevel: elevationLevel, isBorderRadius: isBorderRadius, borderWidth: borderWidth }, filterDataAttrs(props)),
+        React__default.createElement("div", { className: "arc-MediaCard-wrapper" },
+            React__default.createElement("div", { className: "arc-MediaCard-imageContainer" },
+                React__default.createElement(Image, { alt: imageAlt, loading: imageLoading, sizes: imageSizes, src: imageSrc, srcSet: imageSrcSet })),
+            React__default.createElement("div", { className: "arc-MediaCard-section" }, children),
+            cardFooter && (React__default.createElement("div", { className: "arc-MediaCard-section" }, cardFooter)))));
+};
+
+export { MediaCard };

package/dist/MediaCard/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/mediacard",
+  "types": "./MediaCard.esm.d.ts",
+  "main": "./MediaCard.cjs.js",
+  "module": "./MediaCard.esm.js",
+  "private": true
+}

package/dist/Modal/Modal.cjs.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+declare const Modal: FC<ModalProps>;
+interface ModalProps {
+    /**
+     * title for the modal dialog, announced when opened
+     */
+    title: string;
+    /**
+     * description for the modal dialog, announced when opened
+     */
+    description: string;
+    /**
+     * Function to be called when the modal has been requested to close.
+     */
+    onClose: () => void;
+    /**
+     * determines whether the description is visible. If set to false it will be visually hidden, but will still be announaced by screen readers. Set to true by default.
+     */
+    showDescription?: boolean;
+    /**
+     * Set modal open or closed
+     */
+    isOpen?: boolean;
+    /**
+     * content for the modal
+     */
+    children?: React.ReactNode;
+}
+export { Modal };