@arc-ui/components 11.24.0 → 11.24.2-12.0.0-beta.13.0

package/dist/Alert/Alert.cjs.js

@@ -1,38 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-g-IbhJTT.js');
 var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var Icon = require('../_shared/cjs/Icon-b46897a3.js');
-var Heading = require('../_shared/cjs/Heading-27cba320.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
-var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
-var BtIconTick_esm = require('../_shared/cjs/BtIconTick.esm-844eac6c.js');
-var BtIconAlert_esm = require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index$1 = require('../_shared/cjs/index-CTlXMLug.js');
+var Icon = require('../_shared/cjs/Icon-BWRaGjwa.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-DIj22cFl.js');
+require('../_shared/cjs/Surface-CnWSIpkb.js');
 
 /** Use `Alert` to inform the user of important changes or actions. */
 var Alert = function (_a) {
     var _b;
-    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = filterDataAttrs.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
-    var surface = React.useContext(Surface.Context).surface;
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = index.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "status", "isDismissable", "onDismiss", "onLinkClick", "icon"]);
     var _d = React.useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
     var onDismissHandler = function () {
         setIsDismissed(true);
         onDismiss && onDismiss();
     };
     var statusIcons = {
-        general: BtIconTick_esm.BtIconNotification,
-        error: BtIconAlert_esm.BtIconAlert,
-        warning: BtIconTick_esm.BtIconAlertTriangle,
-        success: BtIconTick_esm.BtIconTick
+        general: "alertGeneral",
+        error: "alertError",
+        warning: "alertWarning",
+        success: "alertSuccess"
     };
     var handleLinkClick = function (event) {
         event.preventDefault();
@@ -41,23 +29,17 @@ var Alert = function (_a) {
     if (isDismissed) {
         return null;
     }
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Alert", (_b = {
-                "arc-Alert--onDarkSurface": surface === "dark",
-                "arc-Alert--secondary": type === "secondary"
-            },
+    return (React.createElement("div", index.__assign({ className: index$1.classNames("arc-Alert", (_b = {},
             _b["arc-Alert--".concat(status)] = status !== "general",
-            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default["default"].createElement(Icon.Icon, { size: 24, icon: icon })) : (React__default["default"].createElement(Icon.Icon, { size: 24, icon: statusIcons[status] }))),
-        React__default["default"].createElement("div", { className: "arc-Alert-content" },
-            React__default["default"].createElement("div", { className: "arc-Alert-heading" },
-                React__default["default"].createElement(Heading.Heading, { size: "xs", level: headingLevel }, heading)),
-            description ? (React__default["default"].isValidElement(description) ? (description) : (React__default["default"].createElement(Text.Text, { size: "s" }, description))) : null,
-            link && (React__default["default"].createElement("div", { className: "arc-Alert-link" },
-                React__default["default"].createElement(Text.Text, { size: "s" },
-                    React__default["default"].createElement("a", filterDataAttrs.__assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
-        isDismissable && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
-                React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px, size: 24 }))))));
+            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), index.filterAttrs(props)),
+        React.createElement("div", { className: "arc-Alert-icon" }, icon ? (React.createElement(Icon.Icon, { size: 24, icon: icon })) : (React.createElement(ThemeIcon.ThemeIcon, { size: 24, icon: statusIcons[status] }))),
+        React.createElement("div", { className: "arc-Alert-content" },
+            React.createElement("div", { className: "arc-Alert-heading" }, heading),
+            description ? (React.isValidElement(description) ? (description) : (React.createElement("div", { className: "arc-Alert-description" }, description))) : null,
+            link && (React.createElement("a", index.__assign({ className: "arc-Alert-link", href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))),
+        isDismissable && (React.createElement(React.Fragment, null,
+            React.createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
+                React.createElement(ThemeIcon.ThemeIcon, { size: 24, icon: "alertDismiss" }))))));
 };
 
 exports.Alert = Alert;

package/dist/Alert/Alert.esm.js

@@ -1,30 +1,24 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import React__default, { useContext, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { I as Icon } from '../_shared/esm/Icon-15799695.js';
-import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { T as Text } from '../_shared/esm/Text-14f586ac.js';
-import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
-import { B as BtIconNotification, a as BtIconAlertTriangle, b as BtIconTick } from '../_shared/esm/BtIconTick.esm-e265098f.js';
-import { B as BtIconAlert } from '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/index-B2AlS7Ha.js';
+import React__default, { useState } from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.js';
+import { I as Icon } from '../_shared/esm/Icon-_z0Qjje8.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-dM2wuvCO.js';
+import '../_shared/esm/Surface-Cop_8dPH.js';
 
 /** Use `Alert` to inform the user of important changes or actions. */
 var Alert = function (_a) {
     var _b;
-    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
-    var surface = useContext(Context).surface;
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "status", "isDismissable", "onDismiss", "onLinkClick", "icon"]);
     var _d = useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
     var onDismissHandler = function () {
         setIsDismissed(true);
         onDismiss && onDismiss();
     };
     var statusIcons = {
-        general: BtIconNotification,
-        error: BtIconAlert,
-        warning: BtIconAlertTriangle,
-        success: BtIconTick
+        general: "alertGeneral",
+        error: "alertError",
+        warning: "alertWarning",
+        success: "alertSuccess"
     };
     var handleLinkClick = function (event) {
         event.preventDefault();
@@ -33,23 +27,17 @@ var Alert = function (_a) {
     if (isDismissed) {
         return null;
     }
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Alert", (_b = {
-                "arc-Alert--onDarkSurface": surface === "dark",
-                "arc-Alert--secondary": type === "secondary"
-            },
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Alert", (_b = {},
             _b["arc-Alert--".concat(status)] = status !== "general",
-            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default.createElement(Icon, { size: 24, icon: icon })) : (React__default.createElement(Icon, { size: 24, icon: statusIcons[status] }))),
+            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterAttrs(props)),
+        React__default.createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default.createElement(Icon, { size: 24, icon: icon })) : (React__default.createElement(ThemeIcon, { size: 24, icon: statusIcons[status] }))),
         React__default.createElement("div", { className: "arc-Alert-content" },
-            React__default.createElement("div", { className: "arc-Alert-heading" },
-                React__default.createElement(Heading, { size: "xs", level: headingLevel }, heading)),
-            description ? (React__default.isValidElement(description) ? (description) : (React__default.createElement(Text, { size: "s" }, description))) : null,
-            link && (React__default.createElement("div", { className: "arc-Alert-link" },
-                React__default.createElement(Text, { size: "s" },
-                    React__default.createElement("a", __assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
+            React__default.createElement("div", { className: "arc-Alert-heading" }, heading),
+            description ? (React__default.isValidElement(description) ? (description) : (React__default.createElement("div", { className: "arc-Alert-description" }, description))) : null,
+            link && (React__default.createElement("a", __assign({ className: "arc-Alert-link", href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))),
         isDismissable && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
-                React__default.createElement(Icon, { icon: BtIconCrossAlt2Px, size: 24 }))))));
+                React__default.createElement(ThemeIcon, { size: 24, icon: "alertDismiss" }))))));
 };
 
 export { Alert };

package/dist/Alert/styles.css

@@ -0,0 +1 @@
+.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert{background-color:var(--alert-colors-status-light-bg-subtle-default);border-color:var(--alert-colors-status-light-border-default);border-radius:var(--alert-border-radius-s);border-style:solid;border-width:var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-m);display:flex;padding:calc(var(--alert-padding-s) - var(--alert-border-weight-s)) calc(var(--alert-padding-m) - var(--alert-border-weight-s)) calc(var(--alert-padding-s) - var(--alert-border-weight-s)) calc(var(--alert-padding-m) - var(--alert-border-weight-m))}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-icon{color:var(--alert-colors-status-light-text-default)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-content{display:flex;flex-direction:column;gap:var(--alert-gap-s);padding:0 var(--alert-padding-xs)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-heading{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-interface-alert-title-m)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-description{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-body-reg-s)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-dismiss{align-self:flex-start;background-color:transparent;border:none;color:var(--alert-colors-status-light-text-default);margin-left:auto;padding:0;position:relative}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-dismiss:focus-visible{outline:none}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-dismiss:focus-visible::after{border-radius:100%;bottom:0;content:"";height:24px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;right:0;width:24px}.arc-v11-24-2-12-0-0-beta-13-0 .arc a.arc-Alert-link{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-body-reg-s);padding-bottom:var(--alert-padding-xxs);padding-top:var(--alert-padding-xxs);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert-dismiss:hover{cursor:pointer}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert--error{background-color:var(--alert-colors-status-light-bg-subtle-error);border-color:var(--alert-colors-status-light-border-error)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert--warning{background-color:var(--alert-colors-status-light-bg-subtle-warning);border-color:var(--alert-colors-status-light-border-warning)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Alert--success{background-color:var(--alert-colors-status-light-bg-subtle-success);border-color:var(--alert-colors-status-light-border-success)}

package/dist/Align/Align.cjs.js

@@ -1,33 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-var index = require('../_shared/cjs/index-9947ac13.js');
+var index = require('../_shared/cjs/index-g-IbhJTT.js');
+var index$1 = require('../_shared/cjs/index-CTlXMLug.js');
 var React = require('react');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-64dcd338.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
  * Use `Align` to align items horizontally or vertically.
  */
 var Align = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.horizontal, horizontal = _c === void 0 ? "left" : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, _e = _a.vertical, vertical = _e === void 0 ? "top" : _e, props = filterDataAttrs.__rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
-    var wrappedChildren = React__default["default"].Children.map(children, function (child, i) { return (React__default["default"].createElement(AlignItem, { key: i }, child)); });
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
+    var children = _a.children, _c = _a.horizontal, horizontal = _c === void 0 ? "left" : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, _e = _a.vertical, vertical = _e === void 0 ? "top" : _e, props = index.__rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
+    var wrappedChildren = React.Children.map(children, function (child, i) { return (React.createElement(AlignItem, { key: i }, child)); });
+    return (React.createElement("div", index.__assign({ className: index$1.classNames((_b = {},
             _b["arc-Align"] = true,
-            _b[suffixModifier.suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
+            _b[index.suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
             _b["arc-Align--debugVisible"] = isDebugVisible,
-            _b[suffixModifier.suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)), wrappedChildren));
+            _b[index.suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
+            _b)) }, index.filterAttrs(props)), wrappedChildren));
 };
 var AlignItem = function (_a) {
     var children = _a.children;
-    return React__default["default"].createElement("div", { className: "arc-Align-item" }, children);
+    return React.createElement("div", { className: "arc-Align-item" }, children);
 };
 
 exports.Align = Align;

package/dist/Align/Align.esm.js

@@ -1,7 +1,6 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterAttrs } from '../_shared/esm/index-B2AlS7Ha.js';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.js';
 import React__default from 'react';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-3d548e45.js';
 
 /**
  * Use `Align` to align items horizontally or vertically.
@@ -15,7 +14,7 @@ var Align = function (_a) {
             _b[suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
             _b["arc-Align--debugVisible"] = isDebugVisible,
             _b[suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
-            _b)) }, filterDataAttrs(props)), wrappedChildren));
+            _b)) }, filterAttrs(props)), wrappedChildren));
 };
 var AlignItem = function (_a) {
     var children = _a.children;

package/dist/Align/styles.css

@@ -0,0 +1 @@
+.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align{align-items:flex-start;display:flex;flex-direction:column}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align--horizontalCenter{align-items:center}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align--horizontalRight{align-items:flex-end}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align--verticalBottom{height:100%;justify-content:flex-end}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align--verticalCenter{height:100%;justify-content:center}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align-item{position:relative}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Align--debugVisible .arc-Align-item::before{align-items:center;background:rgba(207,58,138,0.5);bottom:0;content:"Align";display:flex;justify-content:center;left:0;outline:1px dashed #cf3a8a;outline-offset:-1px;position:absolute;right:0;top:0}

package/dist/AppButton/AppButton.cjs.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var index = require('../_shared/cjs/index-g-IbhJTT.js');
+var React = require('react');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4m_7AYx.js');
+
+var GooglePlayIcon = function () { return (React.createElement("svg", { "aria-hidden": true, role: "presentation", xmlns: "http://www.w3.org/2000/svg", id: "artwork", version: "1.1", height: "48", width: "162", viewBox: "0 0 135 40" },
+    React.createElement("defs", null,
+        React.createElement("style", null, ".cls-1{stroke:#fff;stroke-miterlimit:10;stroke-width:.2px;fill:#fff}")),
+    React.createElement("rect", { width: "135", height: "40", rx: "5", ry: "5", style: { fill: "#000", strokeWidth: 0 } }),
+    React.createElement("path", { d: "M130 .8c2.3 0 4.2 1.9 4.2 4.2v30c0 2.3-1.9 4.2-4.2 4.2H5C2.7 39.2.8 37.3.8 35V5C.8 2.7 2.7.8 5 .8h125m0-.8H5C2.2 0 0 2.2 0 5v30c0 2.8 2.2 5 5 5h125c2.8 0 5-2.2 5-5V5c0-2.8-2.2-5-5-5Z", style: { strokeWidth: 0, fill: "#a6a6a6" } }),
+    React.createElement("path", { d: "M47.4 10.2c0 .8-.2 1.5-.8 2-.6.6-1.3.9-2.2.9s-1.6-.3-2.2-.9-.9-1.4-.9-2.2.3-1.6.9-2.2 1.3-.9 2.2-.9.8 0 1.2.2.7.4.9.7l-.5.5c-.4-.5-.9-.7-1.6-.7s-1.2.2-1.6.7c-.5.4-.7 1-.7 1.7s.2 1.3.7 1.7c.5.4 1 .7 1.6.7s1.2-.2 1.7-.7.5-.7.5-1.2h-2.2v-.7h2.9v.5ZM52 7.7h-2.7v1.9h2.5v.7h-2.5v1.9H52v.7h-3.5v-6H52v.7ZM55.3 13h-.8V7.7h-1.7V7h4.1v.7h-1.7V13ZM59.9 13V7h.8v6h-.8ZM64.1 13h-.8V7.7h-1.7V7h4.1v.7H64V13ZM73.6 12.2c-.6.6-1.3.9-2.2.9s-1.6-.3-2.2-.9-.9-1.4-.9-2.2.3-1.6.9-2.2c.6-.6 1.3-.9 2.2-.9s1.6.3 2.2.9c.6.6.9 1.4.9 2.2s-.3 1.6-.9 2.2Zm-3.8-.5c.4.5 1 .7 1.6.7s1.2-.2 1.6-.7c.4-.5.7-1 .7-1.7s-.2-1.3-.7-1.7c-.4-.5-1-.7-1.6-.7s-1.2.2-1.6.7c-.4.5-.7 1-.7 1.7s.2 1.3.7 1.7ZM75.6 13V7h.9l2.9 4.7V7h.8v6h-.8l-3.1-4.9V13h-.8Z", className: "cls-1" }),
+    React.createElement("path", { d: "M68.1 21.8c-2.3 0-4.3 1.8-4.3 4.2s1.9 4.2 4.3 4.2 4.3-1.8 4.3-4.2-1.9-4.2-4.3-4.2Zm0 6.8c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.4 1 2.4 2.6-1.1 2.6-2.4 2.6Zm-9.3-6.8c-2.3 0-4.3 1.8-4.3 4.2s1.9 4.2 4.3 4.2 4.3-1.8 4.3-4.2-1.9-4.2-4.3-4.2Zm0 6.8c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.4 1 2.4 2.6-1.1 2.6-2.4 2.6Zm-11.1-5.5v1.8H52c-.1 1-.5 1.8-1 2.3-.6.6-1.6 1.3-3.3 1.3-2.7 0-4.7-2.1-4.7-4.8s2.1-4.8 4.7-4.8 2.5.6 3.2 1.3l1.3-1.3c-1.1-1-2.5-1.8-4.5-1.8-3.6 0-6.7 3-6.7 6.6s3.1 6.6 6.7 6.6 3.5-.6 4.6-1.8c1.2-1.2 1.6-2.9 1.6-4.2v-1.1h-6.1Zm45.4 1.4c-.3-1-1.4-2.7-3.6-2.7s-4 1.7-4 4.2 1.8 4.2 4.2 4.2 3.1-1.2 3.5-1.9l-1.4-1c-.5.7-1.1 1.2-2.1 1.2s-1.6-.4-2.1-1.3l5.7-2.3-.2-.5Zm-5.9 1.4c0-1.6 1.3-2.5 2.2-2.5s1.4.4 1.6.9l-3.8 1.6ZM82.6 30h1.9V17.5h-1.9V30Zm-3-7.3c-.4-.5-1.2-1-2.2-1-2.1 0-4.1 1.9-4.1 4.3s1.9 4.2 4.1 4.2 1.8-.5 2.2-1v.6c0 1.6-.9 2.5-2.3 2.5s-1.8-.8-2.1-1.5l-1.6.7c.5 1.1 1.7 2.5 3.8 2.5s4-1.3 4-4.4V22h-1.8v.7Zm-2.2 5.9c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.3 1.1 2.3 2.6-1 2.6-2.3 2.6Zm24.4-11.1h-4.5V30h1.9v-4.7h2.6c2.1 0 4.1-1.5 4.1-3.9s-2-3.9-4.1-3.9Zm0 6h-2.7v-4.3h2.7c1.4 0 2.2 1.2 2.2 2.1s-.8 2.1-2.2 2.1Zm11.6-1.8c-1.3 0-2.8.6-3.3 1.9l1.7.7c.3-.7 1-.9 1.7-.9s1.9.6 2 1.6c-.3 0-1.1-.3-1.9-.3-1.8 0-3.6 1-3.6 2.8s1.5 2.8 3.1 2.8 1.9-.6 2.4-1.2v1h1.8v-4.8c0-2.2-1.7-3.5-3.8-3.5Zm-.2 6.9c-.6 0-1.5-.3-1.5-1.1s1.1-1.3 2-1.3 1.2.2 1.7.4c-.1 1.2-1.1 2-2.2 2Zm10.5-6.6-2.1 5.4-2.2-5.4h-2l3.3 7.6-1.9 4.2h1.9l5.1-11.8h-2.1Zm-16.8 8h1.9V17.5h-1.9V30Z", style: { strokeWidth: 0, fill: "#fff" } }),
+    React.createElement("path", { d: "M20.7 19.4 10.1 30.7c.3 1.2 1.5 2.1 2.8 2.1s1-.1 1.5-.4 12-6.9 12-6.9l-5.6-6.1Z", style: { fill: "#ea4335", strokeWidth: 0 } }),
+    React.createElement("path", { d: "m31.5 17.5-5.2-3-5.8 5.2 5.9 5.8 5.2-3c.9-.5 1.5-1.4 1.5-2.5s-.6-2-1.5-2.5Z", style: { fill: "#fbbc04", strokeWidth: 0 } }),
+    React.createElement("path", { d: "M10.1 9.3c0 .2-.1.5-.1.7v20c0 .3 0 .5.1.7l11-11-11-10.4Z", style: { fill: "#4285f4", strokeWidth: 0 } }),
+    React.createElement("path", { d: "m20.8 20 5.5-5.5-12-6.9c-.4-.3-.9-.4-1.5-.4-1.3 0-2.5.9-2.8 2.1L20.7 20Z", style: { fill: "#34a853", strokeWidth: 0 } }))); };
+
+var AppStoreIcon = function () { return (React.createElement("svg", { "aria-hidden": true, role: "presentation", id: "livetype", xmlns: "http://www.w3.org/2000/svg", height: "48", width: "143.59", viewBox: "0 0 119.66407 40" },
+    React.createElement("title", null, "Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917"),
+    React.createElement("g", null,
+        React.createElement("g", null,
+            React.createElement("g", null,
+                React.createElement("path", { d: "M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z", style: { fill: "#a6a6a6" } }),
+                React.createElement("path", { d: "M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z" })),
+            React.createElement("g", { id: "_Group_", "data-name": "<Group>" },
+                React.createElement("g", { id: "_Group_2", "data-name": "<Group>" },
+                    React.createElement("g", { id: "_Group_3", "data-name": "<Group>" },
+                        React.createElement("path", { id: "_Path_", "data-name": "<Path>", d: "M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z", style: { fill: "#fff" } }),
+                        React.createElement("path", { id: "_Path_2", "data-name": "<Path>", d: "M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z", style: { fill: "#fff" } }))),
+                React.createElement("g", null,
+                    React.createElement("path", { d: "M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z", style: { fill: "#fff" } }),
+                    React.createElement("path", { d: "M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z", style: { fill: "#fff" } })))),
+        React.createElement("g", { id: "_Group_4", "data-name": "<Group>" },
+            React.createElement("g", null,
+                React.createElement("path", { d: "M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M59.09377,8.437h.88867v6.26074h-.88867Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z", style: { fill: "#fff" } }),
+                React.createElement("path", { d: "M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z", style: { fill: "#fff" } })))))); };
+
+var AppButton = function (_a) {
+    var type = _a.type, url = _a.url, screenReaderText = _a.screenReaderText, props = index.__rest(_a, ["type", "url", "screenReaderText"]);
+    var logos = {
+        "google-play": GooglePlayIcon,
+        "apple-app-store": AppStoreIcon
+    };
+    var Logo = logos[type];
+    return (React.createElement("a", index.__assign({ className: "arc-AppButton", href: url }, index.filterAttrs(props)),
+        React.createElement(Logo, null),
+        React.createElement(VisuallyHidden.VisuallyHidden, null, screenReaderText)));
+};
+
+exports.AppButton = AppButton;

package/dist/AppButton/AppButton.esm.js

@@ -0,0 +1,66 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/index-B2AlS7Ha.js';
+import React__default from 'react';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-yiIi83XT.js';
+
+var GooglePlayIcon = function () { return (React__default.createElement("svg", { "aria-hidden": true, role: "presentation", xmlns: "http://www.w3.org/2000/svg", id: "artwork", version: "1.1", height: "48", width: "162", viewBox: "0 0 135 40" },
+    React__default.createElement("defs", null,
+        React__default.createElement("style", null, ".cls-1{stroke:#fff;stroke-miterlimit:10;stroke-width:.2px;fill:#fff}")),
+    React__default.createElement("rect", { width: "135", height: "40", rx: "5", ry: "5", style: { fill: "#000", strokeWidth: 0 } }),
+    React__default.createElement("path", { d: "M130 .8c2.3 0 4.2 1.9 4.2 4.2v30c0 2.3-1.9 4.2-4.2 4.2H5C2.7 39.2.8 37.3.8 35V5C.8 2.7 2.7.8 5 .8h125m0-.8H5C2.2 0 0 2.2 0 5v30c0 2.8 2.2 5 5 5h125c2.8 0 5-2.2 5-5V5c0-2.8-2.2-5-5-5Z", style: { strokeWidth: 0, fill: "#a6a6a6" } }),
+    React__default.createElement("path", { d: "M47.4 10.2c0 .8-.2 1.5-.8 2-.6.6-1.3.9-2.2.9s-1.6-.3-2.2-.9-.9-1.4-.9-2.2.3-1.6.9-2.2 1.3-.9 2.2-.9.8 0 1.2.2.7.4.9.7l-.5.5c-.4-.5-.9-.7-1.6-.7s-1.2.2-1.6.7c-.5.4-.7 1-.7 1.7s.2 1.3.7 1.7c.5.4 1 .7 1.6.7s1.2-.2 1.7-.7.5-.7.5-1.2h-2.2v-.7h2.9v.5ZM52 7.7h-2.7v1.9h2.5v.7h-2.5v1.9H52v.7h-3.5v-6H52v.7ZM55.3 13h-.8V7.7h-1.7V7h4.1v.7h-1.7V13ZM59.9 13V7h.8v6h-.8ZM64.1 13h-.8V7.7h-1.7V7h4.1v.7H64V13ZM73.6 12.2c-.6.6-1.3.9-2.2.9s-1.6-.3-2.2-.9-.9-1.4-.9-2.2.3-1.6.9-2.2c.6-.6 1.3-.9 2.2-.9s1.6.3 2.2.9c.6.6.9 1.4.9 2.2s-.3 1.6-.9 2.2Zm-3.8-.5c.4.5 1 .7 1.6.7s1.2-.2 1.6-.7c.4-.5.7-1 .7-1.7s-.2-1.3-.7-1.7c-.4-.5-1-.7-1.6-.7s-1.2.2-1.6.7c-.4.5-.7 1-.7 1.7s.2 1.3.7 1.7ZM75.6 13V7h.9l2.9 4.7V7h.8v6h-.8l-3.1-4.9V13h-.8Z", className: "cls-1" }),
+    React__default.createElement("path", { d: "M68.1 21.8c-2.3 0-4.3 1.8-4.3 4.2s1.9 4.2 4.3 4.2 4.3-1.8 4.3-4.2-1.9-4.2-4.3-4.2Zm0 6.8c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.4 1 2.4 2.6-1.1 2.6-2.4 2.6Zm-9.3-6.8c-2.3 0-4.3 1.8-4.3 4.2s1.9 4.2 4.3 4.2 4.3-1.8 4.3-4.2-1.9-4.2-4.3-4.2Zm0 6.8c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.4 1 2.4 2.6-1.1 2.6-2.4 2.6Zm-11.1-5.5v1.8H52c-.1 1-.5 1.8-1 2.3-.6.6-1.6 1.3-3.3 1.3-2.7 0-4.7-2.1-4.7-4.8s2.1-4.8 4.7-4.8 2.5.6 3.2 1.3l1.3-1.3c-1.1-1-2.5-1.8-4.5-1.8-3.6 0-6.7 3-6.7 6.6s3.1 6.6 6.7 6.6 3.5-.6 4.6-1.8c1.2-1.2 1.6-2.9 1.6-4.2v-1.1h-6.1Zm45.4 1.4c-.3-1-1.4-2.7-3.6-2.7s-4 1.7-4 4.2 1.8 4.2 4.2 4.2 3.1-1.2 3.5-1.9l-1.4-1c-.5.7-1.1 1.2-2.1 1.2s-1.6-.4-2.1-1.3l5.7-2.3-.2-.5Zm-5.9 1.4c0-1.6 1.3-2.5 2.2-2.5s1.4.4 1.6.9l-3.8 1.6ZM82.6 30h1.9V17.5h-1.9V30Zm-3-7.3c-.4-.5-1.2-1-2.2-1-2.1 0-4.1 1.9-4.1 4.3s1.9 4.2 4.1 4.2 1.8-.5 2.2-1v.6c0 1.6-.9 2.5-2.3 2.5s-1.8-.8-2.1-1.5l-1.6.7c.5 1.1 1.7 2.5 3.8 2.5s4-1.3 4-4.4V22h-1.8v.7Zm-2.2 5.9c-1.3 0-2.4-1.1-2.4-2.6s1.1-2.6 2.4-2.6 2.3 1.1 2.3 2.6-1 2.6-2.3 2.6Zm24.4-11.1h-4.5V30h1.9v-4.7h2.6c2.1 0 4.1-1.5 4.1-3.9s-2-3.9-4.1-3.9Zm0 6h-2.7v-4.3h2.7c1.4 0 2.2 1.2 2.2 2.1s-.8 2.1-2.2 2.1Zm11.6-1.8c-1.3 0-2.8.6-3.3 1.9l1.7.7c.3-.7 1-.9 1.7-.9s1.9.6 2 1.6c-.3 0-1.1-.3-1.9-.3-1.8 0-3.6 1-3.6 2.8s1.5 2.8 3.1 2.8 1.9-.6 2.4-1.2v1h1.8v-4.8c0-2.2-1.7-3.5-3.8-3.5Zm-.2 6.9c-.6 0-1.5-.3-1.5-1.1s1.1-1.3 2-1.3 1.2.2 1.7.4c-.1 1.2-1.1 2-2.2 2Zm10.5-6.6-2.1 5.4-2.2-5.4h-2l3.3 7.6-1.9 4.2h1.9l5.1-11.8h-2.1Zm-16.8 8h1.9V17.5h-1.9V30Z", style: { strokeWidth: 0, fill: "#fff" } }),
+    React__default.createElement("path", { d: "M20.7 19.4 10.1 30.7c.3 1.2 1.5 2.1 2.8 2.1s1-.1 1.5-.4 12-6.9 12-6.9l-5.6-6.1Z", style: { fill: "#ea4335", strokeWidth: 0 } }),
+    React__default.createElement("path", { d: "m31.5 17.5-5.2-3-5.8 5.2 5.9 5.8 5.2-3c.9-.5 1.5-1.4 1.5-2.5s-.6-2-1.5-2.5Z", style: { fill: "#fbbc04", strokeWidth: 0 } }),
+    React__default.createElement("path", { d: "M10.1 9.3c0 .2-.1.5-.1.7v20c0 .3 0 .5.1.7l11-11-11-10.4Z", style: { fill: "#4285f4", strokeWidth: 0 } }),
+    React__default.createElement("path", { d: "m20.8 20 5.5-5.5-12-6.9c-.4-.3-.9-.4-1.5-.4-1.3 0-2.5.9-2.8 2.1L20.7 20Z", style: { fill: "#34a853", strokeWidth: 0 } }))); };
+
+var AppStoreIcon = function () { return (React__default.createElement("svg", { "aria-hidden": true, role: "presentation", id: "livetype", xmlns: "http://www.w3.org/2000/svg", height: "48", width: "143.59", viewBox: "0 0 119.66407 40" },
+    React__default.createElement("title", null, "Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917"),
+    React__default.createElement("g", null,
+        React__default.createElement("g", null,
+            React__default.createElement("g", null,
+                React__default.createElement("path", { d: "M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z", style: { fill: "#a6a6a6" } }),
+                React__default.createElement("path", { d: "M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z" })),
+            React__default.createElement("g", { id: "_Group_", "data-name": "<Group>" },
+                React__default.createElement("g", { id: "_Group_2", "data-name": "<Group>" },
+                    React__default.createElement("g", { id: "_Group_3", "data-name": "<Group>" },
+                        React__default.createElement("path", { id: "_Path_", "data-name": "<Path>", d: "M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z", style: { fill: "#fff" } }),
+                        React__default.createElement("path", { id: "_Path_2", "data-name": "<Path>", d: "M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z", style: { fill: "#fff" } }))),
+                React__default.createElement("g", null,
+                    React__default.createElement("path", { d: "M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z", style: { fill: "#fff" } }),
+                    React__default.createElement("path", { d: "M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z", style: { fill: "#fff" } })))),
+        React__default.createElement("g", { id: "_Group_4", "data-name": "<Group>" },
+            React__default.createElement("g", null,
+                React__default.createElement("path", { d: "M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M59.09377,8.437h.88867v6.26074h-.88867Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z", style: { fill: "#fff" } }),
+                React__default.createElement("path", { d: "M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z", style: { fill: "#fff" } })))))); };
+
+var AppButton = function (_a) {
+    var type = _a.type, url = _a.url, screenReaderText = _a.screenReaderText, props = __rest(_a, ["type", "url", "screenReaderText"]);
+    var logos = {
+        "google-play": GooglePlayIcon,
+        "apple-app-store": AppStoreIcon
+    };
+    var Logo = logos[type];
+    return (React__default.createElement("a", __assign({ className: "arc-AppButton", href: url }, filterAttrs(props)),
+        React__default.createElement(Logo, null),
+        React__default.createElement(VisuallyHidden, null, screenReaderText)));
+};
+
+export { AppButton };

package/dist/AppButton/package.json

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

package/dist/AppButton/styles.css

@@ -0,0 +1 @@
+.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AppButton{display:block;line-height:0;width:-moz-max-content;width:max-content}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AppButton:focus-visible{outline:var(--buttons-border-weight-s) solid var(--sem-color-border-primary-light-emphasis);outline-offset:var(--buttons-border-weight-s)}

package/dist/Avatar/Avatar.cjs.js

@@ -1,17 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Avatar = require('../_shared/cjs/Avatar-f1b1c129.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Avatar = require('../_shared/cjs/Avatar-B-Y9MTwI.js');
+require('../_shared/cjs/index-g-IbhJTT.js');
 require('react');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
-require('../_shared/cjs/Icon-b46897a3.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/Heading-27cba320.js');
+require('../_shared/cjs/index-CTlXMLug.js');
+require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.js');
+require('../_shared/cjs/ThemeIcon-DIj22cFl.js');
+require('../_shared/cjs/Surface-CnWSIpkb.js');
+require('../_shared/cjs/Image-BZBXf92s.js');
+require('../_shared/cjs/Heading-CXJ7sBmj.js');
 
 
 

package/dist/Avatar/Avatar.esm.js

@@ -1,10 +1,9 @@
-export { A as Avatar } from '../_shared/esm/Avatar-320313f0.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { A as Avatar } from '../_shared/esm/Avatar-BVBFnrtW.js';
+import '../_shared/esm/index-B2AlS7Ha.js';
 import 'react';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/ConditionalWrapper-59be8f35.js';
-import '../_shared/esm/Icon-15799695.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/Heading-d16e0e53.js';
+import '../_shared/esm/index-5C0-U8cc.js';
+import '../_shared/esm/ConditionalWrapper-WoJxFYwS.js';
+import '../_shared/esm/ThemeIcon-dM2wuvCO.js';
+import '../_shared/esm/Surface-Cop_8dPH.js';
+import '../_shared/esm/Image-DGwQ41lV.js';
+import '../_shared/esm/Heading-BLcpp1ms.js';

package/dist/Avatar/styles.css

@@ -0,0 +1 @@
+.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Avatar{align-items:center;background:var(--avatar-colors-light-bg-default);border-radius:50%;color:var(--avatar-colors-light-text-default-alt);display:block;display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:0.4s ease background-color}.arc-v11-24-2-12-0-0-beta-13-0 .arc a.arc-Avatar:hover{color:var(--avatar-colors-light-text-default-alt)}.arc-v11-24-2-12-0-0-beta-13-0 .arc a.arc-Avatar:focus,.arc-v11-24-2-12-0-0-beta-13-0 .arc a.arc-Avatar:focus-visible{border-radius:50%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v11-24-2-12-0-0-beta-13-0 .arc a.arc-Avatar--img::before{background:transparent;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:0.4s ease background-color}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Avatar--s{height:var(--avatar-size-s);width:var(--avatar-size-s)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Avatar--m{height:var(--avatar-size-m);width:var(--avatar-size-m)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Avatar--l{height:var(--avatar-size-l);width:var(--avatar-size-l)}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-Avatar--xl{height:var(--avatar-size-xl);width:var(--avatar-size-xl)}

package/dist/AvatarGroup/AvatarGroup.cjs.js

@@ -1,38 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-g-IbhJTT.js');
 var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Avatar = require('../_shared/cjs/Avatar-f1b1c129.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
-require('../_shared/cjs/Icon-b46897a3.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/Heading-27cba320.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index$1 = require('../_shared/cjs/index-CTlXMLug.js');
+var Avatar = require('../_shared/cjs/Avatar-B-Y9MTwI.js');
+var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.js');
+require('../_shared/cjs/ThemeIcon-DIj22cFl.js');
+require('../_shared/cjs/Surface-CnWSIpkb.js');
+require('../_shared/cjs/Image-BZBXf92s.js');
+require('../_shared/cjs/Heading-CXJ7sBmj.js');
 
 var getAvatars = function (avatars, max) {
     var maxAvatars = avatars.slice(0, max);
     var hasHiddenAvatars = maxAvatars.length < avatars.length;
-    return filterDataAttrs.__spreadArray(filterDataAttrs.__spreadArray([], maxAvatars, true), (hasHiddenAvatars && max
+    return index.__spreadArray(index.__spreadArray([], maxAvatars, true), (hasHiddenAvatars && max
         ? [{ initials: "+".concat(avatars.length - max) }]
         : []), true);
 };
 
 /** Use `AvatarGroup` to visually represent a group of users. */
 var AvatarGroup = function (_a) {
-    var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, avatars = _a.avatars, onClick = _a.onClick, max = _a.max, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = filterDataAttrs.__rest(_a, ["title", "ariaLabel", "href", "avatars", "onClick", "max", "size"]);
+    var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, avatars = _a.avatars, onClick = _a.onClick, max = _a.max, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = index.__rest(_a, ["title", "ariaLabel", "href", "avatars", "onClick", "max", "size"]);
     var id = React.useId();
-    var wrapperAttrs = filterDataAttrs.__assign({ className: "arc-AvatarGroup" }, filterDataAttrs.filterDataAttrs(props));
-    return (React__default["default"].createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default["default"].createElement("a", filterDataAttrs.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default["default"].createElement("div", filterDataAttrs.__assign({}, wrapperAttrs), children); } },
-        React__default["default"].createElement("div", { className: "arc-AvatarGroup-avatarContainer" }, getAvatars(avatars, max).map(function (props, i) { return (React__default["default"].createElement("div", { key: "".concat(id, "-avatar-").concat(i), className: index.classNames("arc-AvatarGroup-avatar", "arc-AvatarGroup-avatar--".concat(size)) },
-            React__default["default"].createElement(Avatar.Avatar, filterDataAttrs.__assign({ size: size }, props)))); }))));
+    var wrapperAttrs = index.__assign({ className: "arc-AvatarGroup" }, index.filterAttrs(props));
+    return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React.createElement("a", index.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React.createElement("div", index.__assign({}, wrapperAttrs), children); } },
+        React.createElement("div", { className: "arc-AvatarGroup-avatarContainer" }, getAvatars(avatars, max).map(function (props, i) { return (React.createElement("div", { key: "".concat(id, "-avatar-").concat(i), className: index$1.classNames("arc-AvatarGroup-avatar", "arc-AvatarGroup-avatar--".concat(size)) },
+            React.createElement(Avatar.Avatar, index.__assign({ size: size }, props)))); }))));
 };
 
 exports.AvatarGroup = AvatarGroup;

package/dist/AvatarGroup/AvatarGroup.esm.js

@@ -1,13 +1,12 @@
-import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as __spreadArray, _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/index-B2AlS7Ha.js';
 import React__default, { useId } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { A as Avatar } from '../_shared/esm/Avatar-320313f0.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-59be8f35.js';
-import '../_shared/esm/Icon-15799695.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/Heading-d16e0e53.js';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.js';
+import { A as Avatar } from '../_shared/esm/Avatar-BVBFnrtW.js';
+import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-WoJxFYwS.js';
+import '../_shared/esm/ThemeIcon-dM2wuvCO.js';
+import '../_shared/esm/Surface-Cop_8dPH.js';
+import '../_shared/esm/Image-DGwQ41lV.js';
+import '../_shared/esm/Heading-BLcpp1ms.js';
 
 var getAvatars = function (avatars, max) {
     var maxAvatars = avatars.slice(0, max);
@@ -21,7 +20,7 @@ var getAvatars = function (avatars, max) {
 var AvatarGroup = function (_a) {
     var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, avatars = _a.avatars, onClick = _a.onClick, max = _a.max, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = __rest(_a, ["title", "ariaLabel", "href", "avatars", "onClick", "max", "size"]);
     var id = useId();
-    var wrapperAttrs = __assign({ className: "arc-AvatarGroup" }, filterDataAttrs(props));
+    var wrapperAttrs = __assign({ className: "arc-AvatarGroup" }, filterAttrs(props));
     return (React__default.createElement(ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default.createElement("a", __assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default.createElement("div", __assign({}, wrapperAttrs), children); } },
         React__default.createElement("div", { className: "arc-AvatarGroup-avatarContainer" }, getAvatars(avatars, max).map(function (props, i) { return (React__default.createElement("div", { key: "".concat(id, "-avatar-").concat(i), className: classNames("arc-AvatarGroup-avatar", "arc-AvatarGroup-avatar--".concat(size)) },
             React__default.createElement(Avatar, __assign({ size: size }, props)))); }))));

package/dist/AvatarGroup/styles.css

@@ -0,0 +1 @@
+.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup{display:block;position:relative;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup:focus-visible{border-radius:40px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatarContainer{align-items:center;display:flex;position:relative}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatar{border:var(--avatar-border-weight-s) solid var(--avatar-colors-light-border-subtle);border-radius:50%;position:relative}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatar--s:not(:last-of-type){margin-right:calc((var(--avatar-size-s)/2) - var(--avatar-size-s))}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatar--m:not(:last-of-type){margin-right:calc((var(--avatar-size-m)/2) - var(--avatar-size-m))}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatar--l:not(:last-of-type){margin-right:calc((var(--avatar-size-l)/2) - var(--avatar-size-l))}.arc-v11-24-2-12-0-0-beta-13-0 .arc .arc-AvatarGroup-avatar--xl:not(:last-of-type){margin-right:calc((var(--avatar-size-xl)/2) - var(--avatar-size-xl))}