@arc-ui/community-components 3.12.0 → 3.13.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @arc-ui/community-components@3.12.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.13.1 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf lib dist && rollup -c && generate-subpath-css && pnpm run build:clean
 
 Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
@@ -7,41 +7,41 @@ Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
 src/index.ts → lib/index.cjs, lib/index.mjs...
-created lib/index.cjs, lib/index.mjs in 13.9s
+created lib/index.cjs, lib/index.mjs in 6.9s
 
 ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
 (!) Unresolved dependencies
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
 @arc-ui/components/NavigationHeader (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
-@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
 @arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
-@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
-@arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
 @arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
+@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
+@arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
+@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
 @arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/ImpactCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/InformationCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
 @arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
 @arc-ui/components/TemplateBanner (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
-@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.d.ts")
+@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/FeaturePost/types/feature-post-image.d.ts" and "lib/types/components/CopyLead/types/copy-lead-image.d.ts")
 @arc-ui/components/VerticalSpace (imported by "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts")
 @arc-ui/components/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
 @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
-@arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
 @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
+@arc-ui/components/Button (imported by "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts" and "lib/types/components/CopyLead/types/copy-lead-button.d.ts")
 react-player/types (imported by "lib/types/internal/VideoCardPlayer/VideoCardPlayer.d.ts" and "lib/types/internal/VideoCardPlayer/types/player-props.d.ts")
 @arc-ui/components/Visible (imported by "lib/types/internal/VideoCardPlayer/components/VideoCardThumbnail/VideoCardThumbnail.d.ts")
-created lib/index.d.mts, lib/index.d.cts in 406ms
+created lib/index.d.mts, lib/index.d.cts in 154ms
 
 ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 20s
+created lib in 7.6s
 
 ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 17s
+created lib in 7.3s
 Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
-> @arc-ui/community-components@3.12.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.13.1 build:clean /builds/enterprise/frontend/arc-community/packages/components
 > rimraf ./lib/types ./lib/styles.js ./lib/index.js ./lib/index.js.map
 

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @arc-ui/community-components
 
+## 3.13.1
+
+### Patch Changes
+
+- 8978dfe: Add support for URL prop
+- 8978dfe: Add optional URL prop to ArticleSidebar
+
+## 3.13.0
+
+### Minor Changes
+
+- 5c1a585: update Arc packages to 13.12.0
+
+### Patch Changes
+
+- 494d75d: Add in onOpenAutoFocus={(e) => e.preventDefault()} to Popover within HeaderBarNotification, causing focus pull on page load"
+
 ## 3.12.0
 
 ### Minor Changes

package/lib/ArticleCarousel/ArticleCarousel.cjs

@@ -6,7 +6,7 @@ var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var Carousel = require('@arc-ui/components/Carousel');
 var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var MediaCard = require('@arc-ui/components/MediaCard');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 require('@arc-ui/components/Text');

package/lib/ArticleCarousel/ArticleCarousel.mjs

@@ -4,7 +4,7 @@ import { a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } fr
 import { Carousel } from '@arc-ui/components/Carousel';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { MediaCard } from '@arc-ui/components/MediaCard';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import '@arc-ui/components/Text';

package/lib/ArticleSidebar/ArticleSidebar.cjs

@@ -55,10 +55,15 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = tslib_es6.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = tslib_es6.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = React.useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    React.useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
         return tslib_es6.__generator(this, function (_a) {
             switch (_a.label) {
@@ -79,14 +84,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -94,14 +99,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
@@ -129,9 +135,9 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, { key: "".concat(id, "-").concat(url) },
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                    React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement("div", null,
                         React.createElement(Link.Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React.createElement(React.Fragment, null,
@@ -139,7 +145,7 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
             React.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, tslib_es6.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React.createElement(React.Fragment, null,
+        showShare && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Rule.Rule, null),

package/lib/ArticleSidebar/ArticleSidebar.mjs

@@ -1,5 +1,5 @@
 import { _ as __rest, b as __spreadArray, a as __assign, c as __awaiter, d as __generator } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
-import React__default, { useId, useState } from 'react';
+import React__default, { useId, useState, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
@@ -53,10 +53,15 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = useId();
     var _c = useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -77,14 +82,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -92,14 +97,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React__default.createElement("div", __assign({}, filterAttrs(props)),
         React__default.createElement("div", { className: classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
@@ -127,9 +133,9 @@ var ArticleSidebar = function (_a) {
             React__default.createElement(Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React__default.createElement(React__default.Fragment, null,
+                return (React__default.createElement(React__default.Fragment, { key: "".concat(id, "-").concat(url) },
                     React__default.createElement(VerticalSpace, { size: "8" }),
-                    React__default.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React__default.createElement("div", null,
                         React__default.createElement(Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React__default.createElement(React__default.Fragment, null,
@@ -137,7 +143,7 @@ var ArticleSidebar = function (_a) {
             React__default.createElement(Heading, { level: topics.headingLevel }, topics.heading),
             React__default.createElement(VerticalSpace, { size: "16" }),
             React__default.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React__default.createElement(Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React__default.createElement(React__default.Fragment, null,
+        showShare && (React__default.createElement(React__default.Fragment, null,
             (linkSection || topics) && (React__default.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React__default.createElement(VerticalSpace, { size: "32" }),
                 React__default.createElement(Rule, null),

package/lib/CopyLead/CopyLead.cjs

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 var Heading = require('@arc-ui/components/Heading');

package/lib/CopyLead/CopyLead.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default, { useState, useEffect, Suspense } from 'react';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { Heading } from '@arc-ui/components/Heading';

package/lib/FeaturePost/FeaturePost.cjs

@@ -4,7 +4,7 @@ var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');

package/lib/FeaturePost/FeaturePost.mjs

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mj
 import React__default, { useState, useEffect, Suspense } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';

package/lib/HeaderBarNotification/HeaderBarNotification.cjs

@@ -40,7 +40,7 @@ var HeaderBarNotification = function (_a) {
             localStorage.setItem(localStorageId, "true");
         setShowNotification(false);
     };
-    return (React.createElement(Popover.Popover, tslib_es6.__assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: index.classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React.createElement("div", { className: styles.container },
+    return (React.createElement(Popover.Popover, tslib_es6.__assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: index.classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React.createElement("div", { className: styles.container },
             React.createElement("div", { className: styles.content },
                 (image || icon) && (React.createElement("div", { className: styles.image },
                     image && (React.createElement(Image.Image, { src: image, alt: heading, fit: "cover", width: 55 })),

package/lib/HeaderBarNotification/HeaderBarNotification.mjs

@@ -38,7 +38,7 @@ var HeaderBarNotification = function (_a) {
             localStorage.setItem(localStorageId, "true");
         setShowNotification(false);
     };
-    return (React__default.createElement(Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React__default.createElement("div", { className: styles.container },
+    return (React__default.createElement(Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React__default.createElement("div", { className: styles.container },
             React__default.createElement("div", { className: styles.content },
                 (image || icon) && (React__default.createElement("div", { className: styles.image },
                     image && (React__default.createElement(Image, { src: image, alt: heading, fit: "cover", width: 55 })),

package/lib/ProductNavigation/ProductNavigation.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var InformationCard = require('@arc-ui/components/InformationCard');

package/lib/ProductNavigation/ProductNavigation.mjs

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { InformationCard } from '@arc-ui/components/InformationCard';

package/lib/PromoListing/PromoListing.cjs

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var Carousel = require('@arc-ui/components/Carousel');
 var Heading = require('@arc-ui/components/Heading');
 var useMediaQuery = require('@arc-ui/components/use-media-query');

package/lib/PromoListing/PromoListing.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default, { useId } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
-import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { Carousel } from '@arc-ui/components/Carousel';
 import { Heading } from '@arc-ui/components/Heading';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';

package/lib/Summary/Summary.cjs

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-B73RVhhj.cjs');
+var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var Box = require('@arc-ui/components/Box');

package/lib/Summary/Summary.mjs

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DNGykRl2.mjs';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C76rXaZz.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { Box } from '@arc-ui/components/Box';

package/lib/_shared/cjs/{index.es-B73RVhhj.cjs → index.es-DcJ01c8P.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 21 May 2026 15:46:02 GMT
+ * Generated on Thu, 23 Jul 2026 08:25:27 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/_shared/esm/{index.es-DNGykRl2.mjs → index.es-C76rXaZz.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 May 2026 15:46:02 GMT
+ * Generated on Thu, 23 Jul 2026 08:25:27 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/index.cjs

@@ -276,7 +276,7 @@ var HeaderBarNotification = function (_a) {
             localStorage.setItem(localStorageId, "true");
         setShowNotification(false);
     };
-    return (React.createElement(Popover.Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: classNames(styles$v.popupNotification, (_b = {}, _b[styles$v.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles$v[s]; })), content: React.createElement("div", { className: styles$v.container },
+    return (React.createElement(Popover.Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: classNames(styles$v.popupNotification, (_b = {}, _b[styles$v.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles$v[s]; })), content: React.createElement("div", { className: styles$v.container },
             React.createElement("div", { className: styles$v.content },
                 (image || icon) && (React.createElement("div", { className: styles$v.image },
                     image && (React.createElement(Image$2.Image, { src: image, alt: heading, fit: "cover", width: 55 })),
@@ -1011,7 +1011,7 @@ var SectionHeading = function (_a) {
 
 /**
  * Do not edit directly
- * Generated on Thu, 21 May 2026 15:46:02 GMT
+ * Generated on Thu, 23 Jul 2026 08:25:27 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";
@@ -3837,10 +3837,15 @@ var styles$e = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = React.useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    React.useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -3861,14 +3866,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -3876,14 +3881,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
                 _b[styles$e.textContent] = hasTopContent,
@@ -3911,9 +3917,9 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, { key: "".concat(id, "-").concat(url) },
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                    React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement("div", null,
                         React.createElement(Link.Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React.createElement(React.Fragment, null,
@@ -3921,7 +3927,7 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
             React.createElement("div", { className: styles$e.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React.createElement(React.Fragment, null,
+        showShare && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Rule.Rule, null),