@arc-ui/components 12.0.0-beta.16 → 12.0.0-beta.18

package/lib/_shared/cjs/index-EFXw1jWg.cjs

@@ -0,0 +1,97 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var index = require('./index-DXNM3D1d.cjs');
+var Combination = require('./Combination-B-rSVLfT.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function createCollection(name) {
+  const PROVIDER_NAME = name + "CollectionProvider";
+  const [createCollectionContext, createCollectionScope] = index.createContextScope(PROVIDER_NAME);
+  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
+    PROVIDER_NAME,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  );
+  const CollectionProvider = (props) => {
+    const { scope, children } = props;
+    const ref = React.useRef(null);
+    const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+  };
+  CollectionProvider.displayName = PROVIDER_NAME;
+  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlot = React.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children } = props;
+      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+      const composedRefs = Combination.useComposedRefs(forwardedRef, context.collectionRef);
+      return /* @__PURE__ */ jsxRuntime.jsx(Combination.Slot, { ref: composedRefs, children });
+    }
+  );
+  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
+  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+  const ITEM_DATA_ATTR = "data-radix-collection-item";
+  const CollectionItemSlot = React.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children, ...itemData } = props;
+      const ref = React.useRef(null);
+      const composedRefs = Combination.useComposedRefs(forwardedRef, ref);
+      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+      React.useEffect(() => {
+        context.itemMap.set(ref, { ref, ...itemData });
+        return () => void context.itemMap.delete(ref);
+      });
+      return /* @__PURE__ */ jsxRuntime.jsx(Combination.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }
+  );
+  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+  function useCollection(scope) {
+    const context = useCollectionContext(name + "CollectionConsumer", scope);
+    const getItems = React.useCallback(() => {
+      const collectionNode = context.collectionRef.current;
+      if (!collectionNode) return [];
+      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      const items = Array.from(context.itemMap.values());
+      const orderedItems = items.sort(
+        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+      );
+      return orderedItems;
+    }, [context.collectionRef, context.itemMap]);
+    return getItems;
+  }
+  return [
+    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
+    useCollection,
+    createCollectionScope
+  ];
+}
+
+// packages/react/direction/src/Direction.tsx
+var DirectionContext = React__namespace.createContext(void 0);
+function useDirection(localDir) {
+  const globalDir = React__namespace.useContext(DirectionContext);
+  return localDir || globalDir || "ltr";
+}
+
+exports.createCollection = createCollection;
+exports.useDirection = useDirection;

package/lib/_shared/cjs/{index.es-CY6h69at.cjs → index.es-sqSQUWYg.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 06 Mar 2025 14:17:53 GMT
+ * Generated on Mon, 19 May 2025 14:54:16 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/_shared/esm/BannerImage-BTsixvUH.mjs

@@ -0,0 +1,11 @@
+import { _ as __rest, a as __assign } from './filter-attrs-B6CM-NUr.mjs';
+import React__default from 'react';
+import { I as Image } from './Image-Dl8oH1Rn.mjs';
+
+var BannerImage = function (_a) {
+    var sources = _a.sources, ariaHidden = _a.ariaHidden, props = __rest(_a, ["sources", "ariaHidden"]);
+    return (React__default.createElement(Image, __assign({ "aria-hidden": ariaHidden, fadeOnLoad: true }, props), sources &&
+        sources.map(function (source) { return React__default.createElement("source", __assign({ key: source.srcSet }, source)); })));
+};
+
+export { BannerImage as B };

package/lib/_shared/esm/BtIconArrowRight-DpUmY3g3.mjs

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowRight =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 27a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13'/%3e%3cpath d='M18.146 11.646a.5.5 0 0 0 0 .707l3.147 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16l-4.354-4.354a.5.5 0 0 0-.707 0'/%3e%3c/svg%3e";
+
+export { BtIconArrowRight as B };

package/lib/_shared/esm/BtIconChevronRight2Px-DzWb16fR.mjs

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronLeft2Px =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M22.5 29.999a1 1 0 0 1-.707-.293L8.086 15.993 21.793 2.294a1 1 0 0 1 1.414 1.415L10.914 15.994l12.293 12.298a1 1 0 0 1-.707 1.706'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronRight2Px =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M9.5 29.999a1 1 0 0 1-.707-1.708l12.293-12.285L8.793 3.71a1 1 0 0 1 1.414-1.415l13.707 13.713-13.707 13.7a1 1 0 0 1-.707.292'/%3e%3c/svg%3e";
+
+export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };

package/lib/_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronRightMid =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M9.045 8 6.197 5.148a.673.673 0 0 1 .731-1.097.7.7 0 0 1 .218.146l3.324 3.328a.673.673 0 0 1 0 .95l-3.324 3.329A.67.67 0 0 1 6 11.328c0-.178.07-.35.197-.476z' clip-rule='evenodd'/%3e%3c/svg%3e";
+
+export { BtIconChevronRightMid as B };

package/lib/_shared/esm/{Button-DtmI3xYm.mjs → Button-9L4AksQP.mjs}

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6C
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { s as suffixModifier } from './suffix-modifier-B_pO0UkF.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 import { C as Context } from './Surface-Colbp3Zx.mjs';
 import { T as ThemeIcon } from './ThemeIcon-CN_Ed5b1.mjs';
 

package/lib/_shared/esm/{ButtonV2-CkFdHviV.mjs → ButtonV2-2U4PvnpS.mjs}

@@ -1,13 +1,14 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 import { C as Context } from './Surface-Colbp3Zx.mjs';
 import { S as Spinner } from './Spinner-Cd7LiPTy.mjs';
 
 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, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _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", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
+    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, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, isSpan = _a.isSpan, 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", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "isSpan", "onClick", "href", "id", "rel", "target", "type", "form"]);
     var surface = useContext(Context).surface;
+    var ButtonElement = isSpan ? "span" : "button";
     var iconSizes = {
         s: 16,
         m: 32,
@@ -22,6 +23,16 @@ var ButtonV2 = forwardRef(function (_a, ref) {
         "arc-ButtonV2--withIconBeforeText": iconPosition === "beforeText" && (icon || isLoading),
     });
     var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterAttrs(props));
+    var getIconColor = function (buttonStyle) {
+        switch (buttonStyle) {
+            case "compact":
+            case "secondary":
+            case "tertiary":
+                return surface === "light" ? "gradient" : "auto";
+            default:
+                return "auto";
+        }
+    };
     var buttonContent = (React__default.createElement("span", { className: classNames("arc-ButtonV2-inner", {
             "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
         }) },
@@ -29,11 +40,11 @@ var ButtonV2 = forwardRef(function (_a, ref) {
         isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
             React__default.createElement(Spinner, { size: size }))),
         icon && !isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-            React__default.createElement(Icon, { size: iconSizes[size], icon: icon })))));
+            React__default.createElement(Icon, { color: getIconColor(buttonStyle), size: iconSizes[size], icon: icon })))));
     if (href && !isLoading) {
         return (React__default.createElement("a", __assign({}, commonProps, { className: ButtonV2Classes, href: href, rel: rel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, target: target }), buttonContent));
     }
-    return (React__default.createElement("button", __assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, disabled: isLoading, type: type, form: form }),
+    return (React__default.createElement(ButtonElement, __assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, disabled: isLoading, type: type, form: form }),
         React__default.createElement("span", { className: classNames("arc-ButtonV2-inner", {
                 "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
             }) }, buttonContent)));

package/lib/_shared/esm/{Calendar-C_b271wl.mjs → Calendar-L6u3D8xb.mjs}

@@ -1,8 +1,7 @@
-'use client';
 import { b as __spreadArray, a as __assign, _ as __rest, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { createContext, forwardRef, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
 import { r as requiredArgs, t as toDate, b as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-Cr6KeQLU.mjs';
-import { a as ArcSizeBreakpointsM } from './index.es-JItYKukj.mjs';
+import { A as ArcSizeBreakpointsM } from './index.es-C3WGtwrW.mjs';
 import { u as useMediaQuery } from './use-media-query-DmKuIDEM.mjs';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { T as Text } from './Text-CBlnm5CT.mjs';
@@ -10,8 +9,8 @@ import { V as VisuallyHidden } from './VisuallyHidden-DqAgoqJo.mjs';
 import './index-Spae4j7j.mjs';
 import { S as Surface } from './Surface-Colbp3Zx.mjs';
 import { H as Heading } from './Heading-CxHWefi7.mjs';
-import { B as BtIconChevronRightMid } from './BtIconChevronRightMid-DB68JQ0u.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { B as BtIconChevronRightMid } from './BtIconChevronRightMid-DE4lmVaG.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 
 /**
  * @name addMonths
@@ -1127,24 +1126,13 @@ var CalendarDayNumber = forwardRef(function (_a, autoFocusRef) {
                     React__default.createElement("span", { "aria-hidden": true }, getDate(date)))))))));
 });
 
-const BtIconChevronDownMid = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M16.0001 18.0909L21.7041 12.3935C21.9566 12.1415 22.2987 12 22.6554 12C23.0121 12 23.3543 12.1415 23.6068 12.3935C23.7316 12.5181 23.8306 12.6661 23.8982 12.829C23.9657 12.9919 24.0005 13.1665 24.0005 13.3429C24.0005 13.5192 23.9657 13.6938 23.8982 13.8567C23.8306 14.0196 23.7316 14.1676 23.6068 14.2922L16.9508 20.9402C16.6983 21.1918 16.3565 21.3331 16.0001 21.3331C15.6437 21.3331 15.3018 21.1918 15.0494 20.9402L8.39342 14.2922C8.26861 14.1676 8.16959 14.0196 8.10202 13.8567C8.03446 13.6938 7.99969 13.5192 7.99969 13.3429C7.99969 13.1665 8.03446 12.9919 8.10202 12.829C8.16959 12.6661 8.26861 12.5181 8.39342 12.3935C8.6459 12.1415 8.98804 12 9.34475 12C9.70147 12 10.0436 12.1415 10.2961 12.3935L16.0001 18.0909Z",
-      fill: "currentColor",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronDownMid =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='m16 18.09 5.704-5.696a1.347 1.347 0 0 1 2.296.949 1.34 1.34 0 0 1-.393.95L16.95 20.94a1.347 1.347 0 0 1-1.902 0l-6.656-6.648A1.342 1.342 0 0 1 9.345 12c.356 0 .699.142.951.393z' clip-rule='evenodd'/%3e%3c/svg%3e";
 
 var CalendarDateSelect = function (_a) {
     var ariaLabel = _a.ariaLabel, onChange = _a.onChange, name = _a.name, value = _a.value, displayValue = _a.displayValue, options = _a.options;
@@ -1338,24 +1326,13 @@ var CalendarDayGrid = function (_a) {
             React__default.createElement("tbody", { onKeyDown: handleKeyDown }, getWeeksInMonth(month).map(function (week, i) { return (React__default.createElement("tr", { key: "".concat(month.getTime(), "-week-").concat(i) }, week.map(function (day) { return (React__default.createElement(CalendarDayNumber, { ref: autoFocusRef, shouldRender: isSameMonth(month, day), key: day.getTime(), date: day, isFocusWithinDayGrid: isFocusWithinDayGrid })); }))); }))))); })));
 };
 
-const BtIconChevronLeftMid = (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: "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",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronLeftMid =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='m7.621 8 2.849 2.852a.673.673 0 0 1-.732 1.097.7.7 0 0 1-.218-.145L6.196 8.476a.673.673 0 0 1 0-.951L9.52 4.197a.67.67 0 0 1 1.146.476c0 .178-.07.349-.196.475z' clip-rule='evenodd'/%3e%3c/svg%3e";
 
 var CalendarNavButton = function (_a) {
     var isDisabled = _a.isDisabled, onClick = _a.onClick, direction = _a.direction, ariaLabel = _a.ariaLabel;

package/lib/_shared/esm/{CardFooter-6APGUbK4.mjs → CardFooter-CgDDDI7Z.mjs}

@@ -1,59 +1,23 @@
-'use client';
 import React__default from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { B as BtIconArrowRight } from './BtIconArrowRight-CTjAzV9X.mjs';
-import { B as BtIconPlayFill } from './BtIconPlayFill-DEoVOrOQ.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 import { i as isDate, f as format } from './index-Cr6KeQLU.mjs';
 
-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 ArrowRight = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M18.146 11.646a.5.5 0 0 0 0 .707l3.147 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16l-4.354-4.354a.5.5 0 0 0-.707 0'/%3e%3c/svg%3e";
+var ArrowRightFill = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
+var Play = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='m20.839 15.04-7.178-4.144a1.107 1.107 0 0 0-1.661.958v8.288a1.105 1.105 0 0 0 1.661.96l7.178-4.145a1.107 1.107 0 0 0 0-1.917m-.5 1.051-7.178 4.145a.1.1 0 0 1-.107 0 .1.1 0 0 1-.054-.094v-8.288a.1.1 0 0 1 .054-.092.1.1 0 0 1 .107 0l7.178 4.143a.1.1 0 0 1 .054.094.1.1 0 0 1-.054.092'/%3e%3c/svg%3e";
+var PlayFill = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m4.839 14.957-7.178 4.145a1.108 1.108 0 0 1-1.661-.96v-8.288a1.107 1.107 0 0 1 1.661-.958l7.178 4.144a1.107 1.107 0 0 1 0 1.917'/%3e%3c/svg%3e";
 
 var CardFooter = function (_a) {
     var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.buttonSize, buttonSize = _c === void 0 ? "m" : _c, _d = _a.isDarkPathway, isDarkPathway = _d === void 0 ? false : _d, _e = _a.showButton, showButton = _e === void 0 ? true : _e, _f = _a.isHovered, isHovered = _f === void 0 ? false : _f;
     var icons = {
         arrow: {
-            regular: BtIconArrowRight,
-            filled: BtIconArrowRightFill,
+            regular: ArrowRight,
+            filled: ArrowRightFill,
         },
         play: {
-            regular: BtIconPlay,
-            filled: BtIconPlayFill,
+            regular: Play,
+            filled: PlayFill,
         },
     };
     return (React__default.createElement("div", { className: classNames("arc-CardFooter", {

package/lib/_shared/esm/{Combination-CFD0IA8r.mjs → Combination-BpO6XTeS.mjs}

@@ -1432,4 +1432,4 @@ var SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 var ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 
-export { DismissableLayer as D, FocusScope as F, Primitive as P, ReactRemoveScroll as R, Slot as S, useFocusGuards as a, Portal as b, composeEventHandlers as c, hideOthers as h, useComposedRefs as u };
+export { DismissableLayer as D, FocusScope as F, Primitive as P, ReactRemoveScroll as R, Slot as S, useFocusGuards as a, Portal as b, composeEventHandlers as c, composeRefs as d, dispatchDiscreteCustomEvent as e, hideOthers as h, useComposedRefs as u };

package/lib/_shared/esm/{ComboBox-CTx_umV_.mjs → ComboBox-DUTrEu0N.mjs}

@@ -1,30 +1,20 @@
-'use client';
 import { b as __spreadArray, a as __assign, _ as __rest, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { forwardRef, useId, useRef, useReducer } from 'react';
-import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from './index-ZYyu0Vjh.mjs';
+import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from './index-CxrL7jIX.mjs';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { u as useAriaDescribedby, F as FormControl } from './FormControl-B9fp1ilz.mjs';
 import { e as useThemeElement } from './index-Bz2JQq34.mjs';
 import { B as Box } from './Box-BYm_GTct.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
 import { T as ThemeIcon } from './ThemeIcon-CN_Ed5b1.mjs';
 
-const BtIconChevronDown2Px = (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: "M15.99316,23.91406,2.294,10.207A.99989.99989,0,1,1,3.708,8.793l12.28515,12.293L28.292,8.793A.99989.99989,0,1,1,29.70605,10.207Z",
-      fill: "currentColor",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconChevronDown2Px =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M15.993 23.914 2.294 10.207a1 1 0 1 1 1.414-1.414l12.285 12.293L28.292 8.793a1 1 0 1 1 1.414 1.414Z'/%3e%3c/svg%3e";
 
 var filterOptions = function (options, value) {
     return options.filter(function (option) {
@@ -270,7 +260,7 @@ var ComboBox = forwardRef(function (_a, ref) {
                         isAutocomplete && (React__default.createElement("div", { className: classNames("arc-ComboBox-inputIcon", {
                                 "arc-ComboBox-inputIcon--expanded": isExpanded,
                             }) },
-                            React__default.createElement(Icon, { isPresentationIcon: true, icon: BtIconChevronDown2Px, size: 24 }))))),
+                            React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: 24 }))))),
                 React__default.createElement(Anchor2, null),
                 React__default.createElement(Portal, { container: themeElement },
                     React__default.createElement(Content2, { align: "start", sideOffset: 5, onInteractOutside: onInteractOutside, onOpenAutoFocus: onOpenAutoFocus },

package/lib/_shared/esm/{ContentSwitcherDropdown-DuN_n1jh.mjs → ContentSwitcherDropdown-dktkyAjY.mjs}

@@ -1,9 +1,10 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { useState, isValidElement } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { R as Root2, T as Trigger, V as Value, I as Icon, P as Portal, C as Content2, S as ScrollUpButton, a as Viewport, b as Item, c as ItemText, d as ItemIndicator, e as ScrollDownButton } from './index-CpOcAL8k.mjs';
+import { R as Root2, T as Trigger, V as Value, I as Icon, P as Portal, C as Content2, S as ScrollUpButton, a as Viewport, b as Item, c as ItemText, d as ItemIndicator, e as ScrollDownButton } from './index-CYUcQl4W.mjs';
 import { T as ThemeIcon } from './ThemeIcon-CN_Ed5b1.mjs';
 import { e as useThemeElement } from './index-Bz2JQq34.mjs';
+import { V as VisuallyHidden } from './VisuallyHidden-DqAgoqJo.mjs';
 
 // src/get-text-width/get-text-width.ts
 var getTextWidth = (text, font) => {
@@ -43,7 +44,8 @@ var ContentSwitcherDropdown = function (_a) {
                 React__default.createElement(Trigger, { className: "arc-ContentSwitcherDropdown-selectTrigger", "aria-label": ariaLabel },
                     React__default.createElement(Value, null),
                     React__default.createElement(Icon, { className: "arc-ContentSwitcherDropdown-selectTriggerIcon" },
-                        React__default.createElement(ThemeIcon, { size: 24, icon: "selectTrigger" })))),
+                        React__default.createElement(ThemeIcon, { size: 24, icon: "selectTrigger" })),
+                    React__default.createElement(VisuallyHidden, null, ". This is a content switcher. Use the dropdown to select a section. The content below will update based on your selection."))),
             React__default.createElement(Portal, { container: themeElement },
                 React__default.createElement(Content2, { className: "arc-ContentSwitcherDropdown-selectContent", sideOffset: 8, position: "popper" },
                     React__default.createElement(ScrollUpButton, null),

package/lib/_shared/esm/{DatePicker-CIdfpUqM.mjs → DatePicker-CccSfg17.mjs}

@@ -1,8 +1,8 @@
 import { b as __spreadArray, _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from './index-ZYyu0Vjh.mjs';
-import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-C_b271wl.mjs';
+import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from './index-CxrL7jIX.mjs';
+import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-L6u3D8xb.mjs';
 import { r as requiredArgs, t as toDate, a as isValid, f as format } from './index-Cr6KeQLU.mjs';
 import { e as useThemeElement } from './index-Bz2JQq34.mjs';
 import { a as TextInputWithPlaceHolder } from './TextInput-Vp_cBbpQ.mjs';

package/lib/_shared/esm/HeroButton-HYskwyvn.mjs

@@ -0,0 +1,80 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
+import React__default, { forwardRef, useContext } from 'react';
+import { c as classNames } from './index-5C0-U8cc.mjs';
+import { c as camelcase } from './index-Spae4j7j.mjs';
+import { I as Icon } from './Icon-MZfaoOo9.mjs';
+import { C as Context } from './Surface-Colbp3Zx.mjs';
+import { S as Spinner } from './Spinner-Cd7LiPTy.mjs';
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowAltRight =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M18.854 11.646a.5.5 0 0 0-.707.707l3.146 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16Z'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowAltDown =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M20.354 18.146a.5.5 0 0 0-.707 0L16.5 21.293V9.5a.5.5 0 0 0-1 0v11.793l-3.146-3.146a.5.5 0 1 0-.707.707L16 23.207l4.354-4.354a.5.5 0 0 0 0-.707'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const ArcIconPlay =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 56 56'%3e%3cpath fill='currentColor' d='M36.468 26.32 23.907 19.07A1.938 1.938 0 0 0 21 20.745V35.25a1.935 1.935 0 0 0 2.907 1.68l12.561-7.254a1.938 1.938 0 0 0 0-3.354m-.875 1.84-12.561 7.254a.18.18 0 0 1-.187 0 .18.18 0 0 1-.095-.165V20.745a.18.18 0 0 1 .095-.16.18.18 0 0 1 .187 0l12.561 7.25a.18.18 0 0 1 .095.164.18.18 0 0 1-.095.16'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const ArcIconWarn =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M16 20.993a1 1 0 1 0 0 2 1 1 0 1 0 0-2M16.005 19.01a.5.5 0 0 0 .5-.5l.002-9.01a.5.5 0 0 0-1 0l-.002 9.01a.5.5 0 0 0 .5.5'/%3e%3c/svg%3e";
+
+var HeroButton = forwardRef(function (_a, ref) {
+    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, ariaLabel = _a.ariaLabel, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, 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", "ariaLabel", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
+    var surface = useContext(Context).surface;
+    var HeroButtonClasses = classNames("arc-HeroButton", ["arc-HeroButton--".concat(camelcase(buttonStyle))], {
+        "arc-HeroButton--onDarkSurface": surface === "dark",
+        "arc-HeroButton--emptyLabel": !label,
+        "arc-HeroButton--isLoading": isLoading,
+        "arc-HeroButton--withIcon": icon,
+        "arc-HeroButton--hasGradient": buttonStyle.includes("-gradient"),
+    });
+    var HeroButtonIcons = {
+        "arrow-right": BtIconArrowAltRight,
+        "arrow-down": BtIconArrowAltDown,
+        play: ArcIconPlay,
+        warning: ArcIconWarn,
+    };
+    var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterAttrs(props));
+    if (href && !isLoading) {
+        return (React__default.createElement("a", __assign({}, commonProps, { className: HeroButtonClasses, href: href, rel: rel, "aria-label": ariaLabel, target: target }),
+            React__default.createElement("span", { className: classNames("arc-HeroButton-inner") },
+                label && React__default.createElement("span", { className: "arc-HeroButton-label" }, label),
+                isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
+                    React__default.createElement(Spinner, { size: "xxl" }))),
+                icon && !isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
+                    React__default.createElement(Icon, { testId: "hero-button-icon", size: 48, icon: buttonStyle === "warning"
+                            ? HeroButtonIcons["warning"]
+                            : HeroButtonIcons[icon] }))))));
+    }
+    return (React__default.createElement("button", __assign({}, commonProps, { className: HeroButtonClasses, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
+        React__default.createElement("span", { className: classNames("arc-HeroButton-inner") },
+            label && React__default.createElement("span", { className: "arc-HeroButton-label" }, label),
+            icon && !isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
+                React__default.createElement(Icon, { testId: "hero-button-icon", size: 48, icon: buttonStyle === "warning"
+                        ? HeroButtonIcons["warning"]
+                        : HeroButtonIcons[icon] }))),
+            isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
+                React__default.createElement(Spinner, { size: "xxl" }))))));
+});
+
+export { HeroButton as H };

package/lib/_shared/esm/Icon-MZfaoOo9.mjs

@@ -0,0 +1,36 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
+import React__default, { useContext } from 'react';
+import { c as classNames } from './index-5C0-U8cc.mjs';
+import { s as suffixModifier } from './suffix-modifier-B_pO0UkF.mjs';
+import { C as Context } from './Surface-Colbp3Zx.mjs';
+
+/**
+ * Use `Icon` to display brand iconography.
+ */
+var Icon = function (_a) {
+    var _b;
+    var testId = _a.testId, icon = _a.icon, label = _a.label, size = _a.size, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.isInline, isInline = _d === void 0 ? false : _d, props = __rest(_a, ["testId", "icon", "label", "size", "color", "isInline"]);
+    var surface = useContext(Context).surface;
+    var iconUrl = icon ? "url(\"".concat(icon, "\")") : undefined;
+    return (React__default.createElement("span", __assign({ "data-testid": testId, "aria-label": label, role: label ? "img" : undefined, className: classNames((_b = {},
+            _b["arc-Icon"] = true,
+            _b["arc-Icon--inline"] = isInline,
+            _b[suffixModifier("arc-Icon--color", color)] = color !== "auto",
+            _b["arc-Icon--onDarkSurface"] = surface === "dark",
+            _b)), style: {
+            height: size,
+            width: size,
+            maskImage: iconUrl,
+            WebkitMaskImage: iconUrl,
+        } }, filterAttrs(props))));
+};
+var colors = [
+    "auto",
+    "brand",
+    "statusRed",
+    "statusAmber",
+    "statusGreen",
+    "gradient",
+];
+
+export { Icon as I, colors as c };

package/lib/_shared/esm/{MediaCard-_6xVVmiF.mjs → MediaCard-CjTDOvmx.mjs}

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
 import React__default, { useContext, useState, useEffect, Suspense } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
-import { A as ArcSizeBreakpointsS } from './index.es-JItYKukj.mjs';
+import { a as ArcSizeBreakpointsS } from './index.es-C3WGtwrW.mjs';
 import { u as useMediaQuery } from './use-media-query-DmKuIDEM.mjs';
 import { I as Image } from './Image-Dl8oH1Rn.mjs';
 import { H as Heading } from './Heading-CxHWefi7.mjs';
@@ -9,7 +9,7 @@ import { C as Context, S as Surface } from './Surface-Colbp3Zx.mjs';
 import { T as Text } from './Text-CBlnm5CT.mjs';
 import { V as VerticalSpace } from './VerticalSpace-Duhm0zXP.mjs';
 import { C as CardHeading } from './CardHeading-_setRRjq.mjs';
-import { C as CardFooter } from './CardFooter-6APGUbK4.mjs';
+import { C as CardFooter } from './CardFooter-CgDDDI7Z.mjs';
 import { C as ConditionalWrapper } from './ConditionalWrapper-WoJxFYwS.mjs';
 
 var VideoPlayer = React__default.lazy(function () {