@arc-ui/components 12.0.0-beta.8 → 12.0.0-beta.9

package/dist/_shared/esm/Banner-ad242982.js

@@ -0,0 +1,60 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+import { S as SemSizeBreakpointsM } from './index.es-8ada4213.js';
+import { u as useMediaQuery } from './use-media-query-d3622da8.js';
+import { H as Heading } from './Heading-db9014d5.js';
+import { I as Image } from './Image-67ec95a0.js';
+import { G as Grid } from './Grid-3d8eaa8e.js';
+import { V as VerticalSpace } from './VerticalSpace-6d8fcb17.js';
+import { T as Text } from './Text-d0acd173.js';
+import { B as Box } from './Box-aa4f3782.js';
+
+var Banner = function (_a) {
+    var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? "center" : _c, additionalTopMargin = _a.additionalTopMargin, _d = _a.minHeight, minHeight = _d === void 0 ? 576 : _d, _e = _a.headingSize, headingSize = _e === void 0 ? "xl" : _e, _f = _a.isReversed, isReversed = _f === void 0 ? false : _f, _g = _a.isElevated, isElevated = _g === void 0 ? false : _g, _h = _a.headingLevel, headingLevel = _h === void 0 ? "2" : _h, _j = _a.type, type = _j === void 0 ? "light" : _j, props = __rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "headingSize", "isReversed", "isElevated", "headingLevel", "type"]);
+    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(SemSizeBreakpointsM, ")"));
+    var backgrounds = {
+        dark: "dark-brand-02",
+        light: "light-white",
+        contained: "light-white"
+    };
+    var imageAlignment = {
+        bottom: "end",
+        top: "start",
+        center: "center"
+    };
+    var isContained = type === "contained";
+    var borderWidth = isContained && !isElevated ? "thin" : undefined;
+    var direction = isReversed && isMinWidthArcBreakpointM ? "row-reverse" : "row";
+    return (React__default.createElement("div", __assign({ style: { minHeight: minHeight }, className: classNames("arc-Banner arc-Banner-background--".concat(type), {
+            "arc-Banner--elevation": isElevated
+        }) }, filterDataAttrs(props)),
+        React__default.createElement(Box, { "data-testid": "arc-Banner-box", isBorderRadius: true, borderWidth: borderWidth, surface: backgrounds[type], isSurfaceTransparent: true },
+            React__default.createElement(Grid, { isGutterless: true, isFluid: true },
+                React__default.createElement(Grid.Row, { "data-testid": "arc-Banner-gridRow", direction: direction },
+                    React__default.createElement(Grid.Col, { "data-testid": "arc-Banner-contentCol", align: { m: alignment === "start" ? "start" : "center" }, order: { xs: isContained ? 2 : undefined, m: 0 }, xs: 12, m: contentRatio === "2/3" && img
+                            ? 8
+                            : contentRatio === "1/1" && img
+                                ? 6
+                                : 12 },
+                        React__default.createElement("div", { className: classNames("arc-Banner-content", {
+                                "arc-Banner-content--additionalTopMargin": additionalTopMargin && alignment === "start"
+                            }) },
+                            label && (React__default.createElement(React__default.Fragment, null,
+                                React__default.createElement(Heading, { size: "xxs" }, label.toUpperCase()),
+                                React__default.createElement(VerticalSpace, { size: "8" }))),
+                            React__default.createElement(Heading, { level: headingLevel, size: headingSize }, heading),
+                            text && (React__default.createElement(React__default.Fragment, null,
+                                React__default.createElement(VerticalSpace, { size: "16" }),
+                                React__default.createElement("p", { className: "arc-Banner-text" },
+                                    React__default.createElement(Text, null, text)))),
+                            children && (React__default.createElement(React__default.Fragment, null,
+                                React__default.createElement(VerticalSpace, { size: "32" }),
+                                children)))),
+                    img && contentRatio !== "1/0" && (React__default.createElement(Grid.Col, __assign({ "data-testid": "arc-Banner-imageCol", align: img.fit !== "cover"
+                            ? { m: imageAlignment[img.alignment || "center"] }
+                            : undefined, xs: 12 }, (contentRatio === "2/3" && img ? { m: 4 } : { m: 6 })),
+                        React__default.createElement(Image, __assign({}, img)))))))));
+};
+
+export { Banner as B };

package/dist/_shared/esm/{Box-2a1645ed.js → Box-aa4f3782.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { S as Surface } from './Surface-56d329b0.js';
+import { S as Surface } from './Surface-b782cda9.js';
 
 /**
  * Use `Box` as a simple way to group bespoke content and interactive elements together.

package/dist/_shared/esm/{BrandLogo-3424eb79.js → BrandLogo-1ee6f128.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from './Surface-56d329b0.js';
+import { C as Context } from './Surface-b782cda9.js';
 
 /**
  * Use `BrandLogo` to display the brand logo.

package/dist/_shared/esm/{Breadcrumbs-7de7bfa5.js → Breadcrumbs-1e5f8ab3.js}

@@ -1,8 +1,8 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { d as debounce_1 } from './debounce-c8e41002.js';
-import { I as Icon } from './Icon-3e813b34.js';
-import { B as BtIconChevronLeft2Px, a as BtIconChevronRight2Px } from './BtIconChevronRight2Px.esm-84262845.js';
+import { I as Icon } from './Icon-e85f55ee.js';
+import { B as BtIconChevronLeft2Px, a as BtIconChevronRight2Px } from './BtIconChevronRight2Px.esm-c939e317.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 

package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconArrowRight = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconArrowRight as B };

package/dist/_shared/esm/BtIconChevronRight2Px.esm-c939e317.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+const BtIconChevronLeft2Px = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M22.5,29.99854a.99676.99676,0,0,1-.707-.293L8.08594,15.99268,21.793,2.294A1.00023,1.00023,0,0,1,23.207,3.709l-12.293,12.28467L23.207,28.2915a1,1,0,0,1-.707,1.707Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconChevronRight2Px = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M9.5,29.99854A1.00025,1.00025,0,0,1,8.793,28.291l12.293-12.28467L8.793,3.7085A.99989.99989,0,0,1,10.207,2.29443l13.707,13.71289L10.207,29.70605A.99827.99827,0,0,1,9.5,29.99854Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };

package/dist/_shared/esm/BtIconChevronRightMid.esm-4764708f.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const BtIconChevronRightMid = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronRightMid as B };

package/dist/_shared/esm/BtIconPlayFill.esm-05fc0344.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconPlayFill = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M13.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconPlayFill as B };

package/dist/_shared/esm/{Button-9cab8eec.js → Button-ea676157.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, s as suffixModifier, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, s as suffixModifier, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { I as Icon } from './Icon-3e813b34.js';
-import { C as Context } from './Surface-56d329b0.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
+import { I as Icon } from './Icon-e85f55ee.js';
+import { C as Context } from './Surface-b782cda9.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
 
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.

package/dist/_shared/esm/{ButtonV2-4dc8830e.js → ButtonV2-feb9bcbc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-3e813b34.js';
-import { C as Context } from './Surface-56d329b0.js';
-import { S as Spinner } from './Spinner-9d28043d.js';
+import { I as Icon } from './Icon-e85f55ee.js';
+import { C as Context } from './Surface-b782cda9.js';
+import { S as Spinner } from './Spinner-6493dd54.js';
 
 var ButtonV2 = forwardRef(function (_a, ref) {
     var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);

package/dist/_shared/esm/{Calendar-e3f8c4f0.js → Calendar-2bbb4ad5.js}

@@ -1,15 +1,15 @@
-import { b as __spreadArray, a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { b as __spreadArray, a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { createContext, forwardRef, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
 import { r as requiredArgs, t as toDate, a as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-ce6dee84.js';
-import { S as SemSizeBreakpointsM } from './index.es-52a3bcff.js';
+import { S as SemSizeBreakpointsM } from './index.es-8ada4213.js';
 import { u as useMediaQuery } from './use-media-query-d3622da8.js';
 import { c as classNames } from './index-2e73c2e9.js';
-import { T as Text } from './Text-98ad2e78.js';
-import { V as VisuallyHidden } from './VisuallyHidden-fee374a8.js';
-import { S as Surface } from './Surface-56d329b0.js';
-import { H as Heading } from './Heading-14df0c64.js';
-import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-f67f0ca3.js';
-import { I as Icon } from './Icon-3e813b34.js';
+import { T as Text } from './Text-d0acd173.js';
+import { V as VisuallyHidden } from './VisuallyHidden-605ea42d.js';
+import { S as Surface } from './Surface-b782cda9.js';
+import { H as Heading } from './Heading-db9014d5.js';
+import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-4764708f.js';
+import { I as Icon } from './Icon-e85f55ee.js';
 
 /**
  * @name addMonths
@@ -1341,7 +1341,7 @@ const BtIconChevronLeftMid = (props) =>
     "svg",
     Object.assign(
       {
-        viewBox: "0 0 32 32",
+        viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
       },
@@ -1350,7 +1350,7 @@ const BtIconChevronLeftMid = (props) =>
     /*#__PURE__*/ React__default.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M13.9091 16.0002L19.6065 21.7042C19.8585 21.9567 20 22.2988 20 22.6555C20 23.0123 19.8585 23.3544 19.6065 23.6069C19.4819 23.7317 19.3339 23.8307 19.171 23.8983C19.0081 23.9658 18.8335 24.0006 18.6571 24.0006C18.4808 24.0006 18.3062 23.9658 18.1433 23.8983C17.9804 23.8307 17.8324 23.7317 17.7078 23.6069L11.0598 16.9509C10.8082 16.6985 10.6669 16.3566 10.6669 16.0002C10.6669 15.6438 10.8082 15.302 11.0598 15.0495L17.7078 8.39354C17.8324 8.26873 17.9804 8.16971 18.1433 8.10215C18.3062 8.03458 18.4808 7.99981 18.6571 7.99981C18.8335 7.99981 19.0081 8.03458 19.171 8.10215C19.3339 8.16971 19.4819 8.26873 19.6065 8.39354C19.8585 8.64602 20 8.98816 20 9.34487C20 9.70159 19.8585 10.0437 19.6065 10.2962L13.9091 16.0002Z",
+      d: "M7.62107 8.00023L10.4697 10.8522C10.5957 10.9785 10.6665 11.1495 10.6665 11.3279C10.6665 11.5063 10.5957 11.6773 10.4697 11.8036C10.4074 11.866 10.3335 11.9155 10.252 11.9493C10.1706 11.983 10.0833 12.0004 9.99507 12.0004C9.9069 12.0004 9.81959 11.983 9.73814 11.9493C9.65669 11.9155 9.5827 11.866 9.52041 11.8036L6.19641 8.47556C6.07061 8.34935 5.99998 8.17842 5.99998 8.00023C5.99998 7.82203 6.07061 7.6511 6.19641 7.52489L9.52041 4.19689C9.5827 4.13449 9.65669 4.08498 9.73814 4.0512C9.81959 4.01741 9.9069 4.00003 9.99507 4.00003C10.0832 4.00003 10.1706 4.01741 10.252 4.0512C10.3335 4.08498 10.4074 4.13449 10.4697 4.19689C10.5957 4.32313 10.6665 4.4942 10.6665 4.67256C10.6665 4.85092 10.5957 5.02199 10.4697 5.14823L7.62107 8.00023Z",
       fill: "currentColor",
     }),
   );

package/dist/_shared/esm/CardFooter-c1c75258.js

@@ -0,0 +1,73 @@
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+import { B as BtIconArrowRight } from './BtIconArrowRight.esm-93da96bb.js';
+import { B as BtIconPlayFill } from './BtIconPlayFill.esm-05fc0344.js';
+import { I as Icon } from './Icon-e85f55ee.js';
+import { i as isDate, f as format } from './index-ce6dee84.js';
+
+const BtIconPlay = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M20.83887,15.03955,13.66113,10.896A1.107,1.107,0,0,0,12,11.85449v8.2876a1.10534,1.10534,0,0,0,1.66113.95947L20.83887,16.957a1.10688,1.10688,0,0,0,0-1.91748Zm-.5,1.05176-7.17774,4.14453a.10437.10437,0,0,1-.10742-.00049A.10314.10314,0,0,1,13,20.14209v-8.2876a.10229.10229,0,0,1,.05371-.09277.10284.10284,0,0,1,.10742,0l7.17774,4.14307a.10421.10421,0,0,1,.05371.09375A.10285.10285,0,0,1,20.33887,16.09131Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconArrowRightFill = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
+      fill: "currentColor",
+    }),
+  );
+
+var CardFooter = function (_a) {
+    var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.showButton, showButton = _d === void 0 ? true : _d, _e = _a.isHovered, isHovered = _e === void 0 ? false : _e;
+    var icons = {
+        arrow: {
+            regular: BtIconArrowRight,
+            filled: BtIconArrowRightFill
+        },
+        play: {
+            regular: BtIconPlay,
+            filled: BtIconPlayFill
+        }
+    };
+    return (React__default.createElement("div", { className: classNames("arc-CardFooter", {
+            "arc-CardFooter--darkPathway": isDarkPathway
+        }) },
+        React__default.createElement("div", { className: "arc-CardFooter-metaTextContainer" }, metaText && (React__default.createElement("div", { className: "arc-CardFooter-metaText" }, isDate(metaText) ? (React__default.createElement("time", { dateTime: format(metaText, "yyyy-MM-dd") }, format(metaText, "LLLL d, yyyy"))) : (React__default.createElement("span", null, metaText))))),
+        showButton && (React__default.createElement("div", null,
+            React__default.createElement("div", { className: "arc-CardFooter-button" },
+                React__default.createElement("div", { className: "arc-CardFooter-buttonIcon" },
+                    React__default.createElement("div", { className: classNames("arc-CardFooter-buttonIconRight", {
+                            "arc-CardFooter-buttonIconRight--isHovered": isHovered
+                        }) },
+                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular })),
+                    React__default.createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
+                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular }))))))));
+};
+
+export { CardFooter as C };

package/dist/_shared/esm/{CardHeading-6d3dbfad.js → CardHeading-394596ee.js}

@@ -1,6 +1,6 @@
-import { a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default from 'react';
-import { H as Heading } from './Heading-14df0c64.js';
+import { H as Heading } from './Heading-db9014d5.js';
 
 var CardHeading = function (_a) {
     var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;

package/dist/_shared/esm/{Checkbox-f40de2e9.js → Checkbox-5c954576.js}

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { C as Context, u as useAriaDescribedby } from './FormControl-7ff0a178.js';
-import { C as Context$1 } from './Surface-56d329b0.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
-import { V as VisuallyHidden } from './VisuallyHidden-fee374a8.js';
+import { C as Context, u as useAriaDescribedby } from './FormControl-85a2ee28.js';
+import { C as Context$1 } from './Surface-b782cda9.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
+import { V as VisuallyHidden } from './VisuallyHidden-605ea42d.js';
 
 /**
  *  Use `Checkbox` to allow users to select individual options.

package/dist/_shared/esm/{Columns-5e02e601.js → Columns-61fccabf.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, s as suffixModifier } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs, s as suffixModifier } from './index.es-3b4ff2ab.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default from 'react';
 

package/dist/_shared/esm/{Combination-a063f96d.js → Combination-beb0370c.js}

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { _ as __rest, a as __assign, b as __spreadArray } from './index.es-4921e8dd.js';
-import { c as createSidecarMedium, a as useMergeRefs, f as fullWidthClassName, z as zeroRightClassName, s as styleSingleton, R as RemoveScrollBar, e as exportSidecar } from './component-94b3dbfe.js';
+import { _ as __rest, a as __assign, b as __spreadArray } from './index.es-3b4ff2ab.js';
+import { c as createSidecarMedium, a as useMergeRefs, f as fullWidthClassName, z as zeroRightClassName, s as styleSingleton, R as RemoveScrollBar, e as exportSidecar } from './component-d81b583b.js';
 
 // packages/core/primitive/src/primitive.tsx
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {

package/dist/_shared/esm/{ContentSwitcher-e0bd73a7.js → ContentSwitcher-351ae1a6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
-import { $ as $69cb30bb0017df05$export$41fb9f06171c75f4, a as $69cb30bb0017df05$export$7c6e2c02157bb7d2, b as $69cb30bb0017df05$export$54c2e3dc7acea9f5, c as $69cb30bb0017df05$export$be92b6f5f03c0fe9 } from './index-89a7c31c.js';
-import { T as Text } from './Text-98ad2e78.js';
+import { $ as $69cb30bb0017df05$export$41fb9f06171c75f4, a as $69cb30bb0017df05$export$7c6e2c02157bb7d2, b as $69cb30bb0017df05$export$54c2e3dc7acea9f5, c as $69cb30bb0017df05$export$be92b6f5f03c0fe9 } from './index-b051f161.js';
+import { T as Text } from './Text-d0acd173.js';
 import { c as classNames } from './index-2e73c2e9.js';
 
 var ContentSwitcherTab = forwardRef(function (_a, ref) {
@@ -24,7 +24,7 @@ var ContentSwitcherList = function (_a) {
     var checkOverflow = function () {
         if (listRef.current) {
             setRightOverflow(listRef.current.scrollLeft + listRef.current.clientWidth <
-                listRef.current.scrollWidth);
+                listRef.current.scrollWidth - 1);
             setLeftOverflow(listRef.current.scrollLeft > 0);
         }
     };
@@ -43,8 +43,8 @@ var ContentSwitcherList = function (_a) {
         checkOverflow();
     };
     useEffect(function () {
+        requestAnimationFrame(checkOverflow);
         var list = listRef.current;
-        checkOverflow();
         if (list) {
             list.addEventListener("scroll", handleScroll);
         }
@@ -55,11 +55,12 @@ var ContentSwitcherList = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React__default.createElement("span", { className: "arc-ContentSwitcherList-wrapper" },
+    return (React__default.createElement("span", { className: classNames("arc-ContentSwitcherList-wrapper", {
+            "arc-ContentSwitcherList-wrapper--isInset": isInset
+        }) },
         React__default.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, __assign({ className: classNames("arc-ContentSwitcherList", {
                 "arc-ContentSwitcherList--contained": type === "contained",
-                "arc-ContentSwitcherList--isJustified": isJustified,
-                "arc-ContentSwitcherList--isInset": isInset
+                "arc-ContentSwitcherList--isJustified": isJustified
             }), ref: listRef, "aria-label": ariaLabel }, filterDataAttrs(props)),
             React__default.createElement("div", { className: "arc-ContentSwitcherList-inner" }, React__default.Children.map(children, function (child, index) {
                 if (tabRefs) {
@@ -81,9 +82,9 @@ var ContentSwitcherList = function (_a) {
 
 /** Use `ContentSwitcher` to allow users to navigate between different sections of relevant content. */
 var ContentSwitcher = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = __rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
+    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, value = _a.value, props = __rest(_a, ["children", "defaultValue", "onValueChange", "activationMode", "value"]);
     return (React__default.createElement("span", { className: "arc-ContentSwitcher" },
-        React__default.createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, __assign({ className: "arc-ContentSwitcher-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, filterDataAttrs(props)), children)));
+        React__default.createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, __assign({ className: "arc-ContentSwitcher-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode, value: value }, filterDataAttrs(props)), children)));
 };
 ContentSwitcher.Tab = ContentSwitcherTab;
 ContentSwitcher.List = ContentSwitcherList;

package/dist/_shared/esm/{ContentSwitcherDropdown-306b4660.js → ContentSwitcherDropdown-c5531690.js}

@@ -1,18 +1,35 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, g as getTextWidth, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import React__default, { useState, isValidElement } from 'react';
-import { $ as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, a as $cc7e05a45900e73f$export$41fb9f06171c75f4, b as $cc7e05a45900e73f$export$4c8d1a57a761ef94, c as $cc7e05a45900e73f$export$f04a61298a47a40f, d as $cc7e05a45900e73f$export$602eac185826482c, e as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, f as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, g as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, h as $cc7e05a45900e73f$export$6d08773d2e66f8f2, i as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, j as $cc7e05a45900e73f$export$c3468e2714d175fa, k as $cc7e05a45900e73f$export$bf1aedc3039c8d63 } from './index-24509173.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
-import { u as useThemeElement } from './component-94b3dbfe.js';
+import { $ as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, a as $cc7e05a45900e73f$export$41fb9f06171c75f4, b as $cc7e05a45900e73f$export$4c8d1a57a761ef94, c as $cc7e05a45900e73f$export$f04a61298a47a40f, d as $cc7e05a45900e73f$export$602eac185826482c, e as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, f as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, g as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, h as $cc7e05a45900e73f$export$6d08773d2e66f8f2, i as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, j as $cc7e05a45900e73f$export$c3468e2714d175fa, k as $cc7e05a45900e73f$export$bf1aedc3039c8d63 } from './index-66e8d1ec.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
+import { u as useThemeElement } from './component-d81b583b.js';
+import { c as classNames } from './index-2e73c2e9.js';
 
 var ContentSwitcherDropdown = function (_a) {
-    var defaultValue = _a.defaultValue, tabs = _a.tabs, onValueChange = _a.onValueChange, children = _a.children, props = __rest(_a, ["defaultValue", "tabs", "onValueChange", "children"]);
+    var defaultValue = _a.defaultValue, tabs = _a.tabs, onValueChange = _a.onValueChange, children = _a.children, _b = _a.isInset, isInset = _b === void 0 ? false : _b, value = _a.value, ariaLabel = _a.ariaLabel, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, width = _a.width, props = __rest(_a, ["defaultValue", "tabs", "onValueChange", "children", "isInset", "value", "ariaLabel", "isFluid", "width"]);
     var initialValue = defaultValue || tabs[0].value;
-    var _b = useThemeElement(), themeElement = _b[0], setThemeElement = _b[1];
-    var _c = useState(initialValue), selectedValue = _c[0], setSelectedValue = _c[1];
+    var _d = useThemeElement(), themeElement = _d[0], setThemeElement = _d[1];
+    var _e = useState(initialValue), uncontrolledValue = _e[0], setUncontrolledValue = _e[1];
+    var isControlled = typeof value !== "undefined";
+    var selectValue = isControlled ? value : uncontrolledValue;
+    var onValueChangeHandler = function (value) {
+        onValueChange && onValueChange(value);
+        setUncontrolledValue(value);
+    };
+    var LongestLabelWidth = getTextWidth(tabs.reduce(function (longest, current) {
+        return current.label.length > longest.length ? current.label : longest;
+    }, ""));
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { defaultValue: initialValue, onValueChange: children ? function (value) { return setSelectedValue(value); } : onValueChange },
-            React__default.createElement("span", __assign({ className: "arc-ContentSwitcherDropdown-selectTriggerWrapper", ref: setThemeElement }, filterDataAttrs(props)),
-                React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, { className: "arc-ContentSwitcherDropdown-selectTrigger" },
+        React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { defaultValue: defaultValue, onValueChange: onValueChangeHandler, value: selectValue },
+            React__default.createElement("span", __assign({ className: classNames("arc-ContentSwitcherDropdown-selectTriggerWrapper", {
+                    "arc-ContentSwitcherDropdown-selectTriggerWrapper--isInset": isInset,
+                    "arc-ContentSwitcherDropdown-selectTriggerWrapper--isFluid": isFluid
+                }), ref: setThemeElement }, (!isFluid && {
+                style: {
+                    width: width ? width : LongestLabelWidth + 84
+                }
+            }), filterDataAttrs(props)),
+                React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, { className: "arc-ContentSwitcherDropdown-selectTrigger", "aria-label": ariaLabel },
                     React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, null),
                     React__default.createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-ContentSwitcherDropdown-selectTriggerIcon" },
                         React__default.createElement(ThemeIcon, { size: 24, icon: "selectTrigger" })))),
@@ -28,7 +45,7 @@ var ContentSwitcherDropdown = function (_a) {
             if (!isValidElement(child)) {
                 return null;
             }
-            var isActive = child.props.value === selectedValue;
+            var isActive = child.props.value === selectValue;
             return (React__default.createElement("div", __assign({ role: "tabpanel", className: "arc-ContentSwitcherDropdown-content", id: "arc-content-switcher-dropdown-content-".concat(child.props.value), "aria-labelledby": "arc-content-switcher-dropdown-trigger-".concat(child.props.value), "data-state": isActive ? "active" : "inactive", tabIndex: 0, hidden: !isActive }, filterDataAttrs(child.props)), child));
         })));
 };

package/dist/_shared/esm/{DatePicker-3f82e2c4.js → DatePicker-a8e63fb1.js}

@@ -1,14 +1,14 @@
-import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import * as React from 'react';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { P as Primitive, u as useLayoutEffect2, c as createContextScope, a as useComposedRefs, b as useCallbackRef, d as composeEventHandlers, e as Presence, R as RemoveScroll, S as Slot, f as useFocusGuards, F as FocusScope, D as DismissableLayer, g as useControllableState, h as useId, i as Portal$1 } from './Combination-a063f96d.js';
+import { P as Primitive, u as useLayoutEffect2, c as createContextScope, a as useComposedRefs, b as useCallbackRef, d as composeEventHandlers, e as Presence, R as RemoveScroll, S as Slot, f as useFocusGuards, F as FocusScope, D as DismissableLayer, g as useControllableState, h as useId, i as Portal$1 } from './Combination-beb0370c.js';
 import { u as useFloating, a as autoUpdate, o as offset, s as shift, l as limitShift, f as flip, b as size, c as arrow, h as hide } from './floating-ui.react-dom-1bb71aae.js';
 import { jsx } from 'react/jsx-runtime';
-import { h as hideOthers, u as useThemeElement } from './component-94b3dbfe.js';
-import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-e3f8c4f0.js';
+import { h as hideOthers, u as useThemeElement } from './component-d81b583b.js';
+import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-2bbb4ad5.js';
 import { r as requiredArgs, t as toDate, b as isValid, f as format } from './index-ce6dee84.js';
-import { T as TextInputWithPlaceHolder } from './TextInput-eccd0140.js';
+import { T as TextInputWithPlaceHolder } from './TextInput-211dbadb.js';
 
 /**
  * @name startOfDay

package/dist/_shared/esm/{DisclosureMini-60cb2a6c.js → DisclosureMini-2d3bad0c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext, useState } from 'react';
-import { T as Text } from './Text-98ad2e78.js';
-import { C as Context } from './Surface-56d329b0.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
+import { T as Text } from './Text-d0acd173.js';
+import { C as Context } from './Surface-b782cda9.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
 
 /**
  * Use `DisclosureMini` to show and hide sections of content.

package/dist/_shared/esm/{Download-a5443778.js → Download-064c08ba.js}

@@ -1,9 +1,9 @@
-import { a as __assign } from './index.es-4921e8dd.js';
+import { a as __assign } from './index.es-3b4ff2ab.js';
 import React__default from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { T as Text } from './Text-98ad2e78.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
-import { V as VerticalSpace } from './VerticalSpace-549fbdc8.js';
+import { T as Text } from './Text-d0acd173.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
+import { V as VerticalSpace } from './VerticalSpace-6d8fcb17.js';
 
 var Download = function (_a) {
     var name = _a.name, onClick = _a.onClick, description = _a.description, href = _a.href, type = _a.type, size = _a.size, _b = _a.icon, icon = _b === void 0 ? "downloadFile" : _b, _c = _a.isCompact, isCompact = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? true : _d;

package/dist/_shared/esm/{Filter-bc821cbc.js → Filter-4519aab6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, b as __spreadArray } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs, b as __spreadArray } from './index.es-3b4ff2ab.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { C as Context } from './Surface-56d329b0.js';
+import { C as Context } from './Surface-b782cda9.js';
 import { c as classNames } from './index-2e73c2e9.js';
-import { V as VisuallyHidden } from './VisuallyHidden-fee374a8.js';
+import { V as VisuallyHidden } from './VisuallyHidden-605ea42d.js';
 
 var FilterControl = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b;

package/dist/_shared/esm/{FormControl-7ff0a178.js → FormControl-85a2ee28.js}

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-3b4ff2ab.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { createContext, useContext } from 'react';
-import { C as Context$1 } from './Surface-56d329b0.js';
-import { D as DisclosureMini } from './DisclosureMini-60cb2a6c.js';
-import { V as VisuallyHidden } from './VisuallyHidden-fee374a8.js';
-import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
+import { C as Context$1 } from './Surface-b782cda9.js';
+import { D as DisclosureMini } from './DisclosureMini-2d3bad0c.js';
+import { V as VisuallyHidden } from './VisuallyHidden-605ea42d.js';
+import { T as ThemeIcon } from './ThemeIcon-0b755b19.js';
 
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.