@arc-ui/community-components 3.4.0 → 3.6.0

package/.turbo/turbo-build.log

@@ -1,37 +1,37 @@
 
-> @arc-ui/community-components@3.4.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.6.0 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 7 months old. Please run:
+Browserslist: browsers data (caniuse-lite) is 8 months old. Please run:
   npx update-browserslist-db@latest
   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 8s
+created lib/index.cjs, lib/index.mjs in 8.1s
 
 ./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/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/SectionHeading/SectionHeading.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/topic.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts" and "lib/types/components/ArticleSidebar/types/share.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/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts" and "lib/types/components/ArticleSidebar/types/topic.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/MediaCard (imported by "lib/types/components/PromoListing/PromoListing.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/MediaCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.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" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
-@arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
-@arc-ui/components/ButtonV2 (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/Highlights/Highlights.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/FeaturePost/types/feature-post-image.d.ts" and "lib/types/components/CopyLead/types/copy-lead-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/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.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 182ms
+created lib/index.d.mts, lib/index.d.cts in 199ms
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/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...
+./src/components/Accordion/index.ts, ./src/components/ActionTile/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/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/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...
 (!) ../../node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js" was ignored.
 /builds/enterprise/frontend/arc-community/node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js:1:0
 1: "use client";
@@ -44,8 +44,8 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
@@ -56,8 +56,8 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/hls-video-element@1.5.10/node_modules/hls-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
@@ -68,20 +68,20 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/tiktok-video-element@0.1.2/node_modules/tiktok-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
@@ -91,17 +91,17 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
 1: "use client";import m,{useState as pe,useRef as Ee}from"react";import{MaxResolution as Le,MinResolution as Ae,Renditi...
    ^
 2: //# sourceMappingURL=index.mjs.map
-created lib in 9.2s
+created lib in 10.1s
 
-./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/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/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/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...
+./src/components/Accordion/index.ts, ./src/components/ActionTile/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/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/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...
 (!) ../../node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js" was ignored.
 /builds/enterprise/frontend/arc-community/node_modules/.pnpm/react-player@3.4.0_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cml-util_ujikj3aqrwufkk63gma7dosk7u/node_modules/react-player/dist/index.js:1:0
 1: "use client";
    ^
 2: import players from "./players.js";
 3: import { createReactPlayer } from "./ReactPlayer.js";
-(!) ../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
@@ -112,26 +112,26 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/dash-video-element@0.3.1_@svta+cml-cta@1.0.1_@svta+cml-structured-field-values@1.0.1_@svta+cm_wdp7ojayoebclcyse67qoschgq/node_modules/dash-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/wistia-video-element@1.3.6/node_modules/wistia-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
 3: // dist/react.ts
-(!) ../../node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js" was ignored.
-/builds/enterprise/frontend/arc-community/node_modules/.pnpm/youtube-video-element@1.9.0/node_modules/youtube-video-element/dist/react.js:1:0
+(!) ../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/vimeo-video-element@1.7.0/node_modules/vimeo-video-element/dist/react.js:1:0
 1: "use client";
    ^
 2: 
@@ -153,11 +153,11 @@ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
 1: "use client";import m,{useState as pe,useRef as Ee}from"react";import{MaxResolution as Le,MinResolution as Ae,Renditi...
    ^
 2: //# sourceMappingURL=index.mjs.map
-created lib in 8.8s
-Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
+created lib in 9.3s
+Browserslist: browsers data (caniuse-lite) is 8 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.4.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.6.0 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,25 @@
 # @arc-ui/community-components
 
+## 3.6.0
+
+### Minor Changes
+
+- c61d7d8: Added headingLevel to BannerWithTabs
+
+### Patch Changes
+
+- c61d7d8: Add `target` to `HighlightsCTAProps` from `ButtonV2Props`, allowing the CTA button to open links in a new tab.
+
+## 3.5.0
+
+### Minor Changes
+
+- 9a00e8d: feat: add BusinessSegmentSwitcher component
+
+### Patch Changes
+
+- 1f078fc: Add activeIcon for BrandIcon on active state for ActionTile, added onClick props for LinkTile
+
 ## 3.4.0
 
 ### Minor Changes

package/lib/Accordion/Accordion.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var Accordion = require('../_shared/cjs/Accordion-QqDoB3pY.cjs');
-require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
+require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');

package/lib/Accordion/Accordion.mjs

@@ -1,6 +1,7 @@
-export { A as Accordion } from '../_shared/esm/Accordion-DtU7jbCv.mjs';
-import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+export { A as Accordion } from '../_shared/esm/Accordion-DSRlkcXi.mjs';
+import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import 'react';
+import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';

package/lib/ActionTile/ActionTile.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var Icon = require('@arc-ui/components/Icon');
 
 var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
@@ -17,18 +18,19 @@ const BtIconTickAlt2Px =
 
 var ActionTile = function (_a) {
     var _b;
-    var icon = _a.icon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = filterAttrs.__rest(_a, ["icon", "heading", "isActive", "onClick", "className"]);
+    var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = tslib_es6.__rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick", "className"]);
     var tileClasses = index.classNames(styles["action-tile"], (_b = {},
         _b[styles["action-tile--active"]] = isActive,
         _b), className);
+    var displayIcon = isActive && activeIcon ? activeIcon : icon;
     var content = (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles["action-tile-content"] },
-            icon && (React.createElement("div", { className: styles["action-tile-icon"] },
-                React.createElement(Icon.Icon, { icon: icon, size: 48 }))),
+            displayIcon && (React.createElement("div", { className: styles["action-tile-icon"] },
+                React.createElement(Icon.Icon, { icon: displayIcon, size: 48 }))),
             React.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React.createElement("div", { className: styles["action-tile-tick"] },
             React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
-    return (React.createElement("div", filterAttrs.__assign({ className: tileClasses, onClick: onClick }, filterAttrs.filterAttrs(props)), content));
+    return (React.createElement("div", tslib_es6.__assign({ className: tileClasses, onClick: onClick }, filterAttrs.filterAttrs(props)), content));
 };
 
 exports.ActionTile = ActionTile;

package/lib/ActionTile/ActionTile.mjs

@@ -1,6 +1,7 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { Icon } from '@arc-ui/components/Icon';
 
 var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
@@ -15,14 +16,15 @@ const BtIconTickAlt2Px =
 
 var ActionTile = function (_a) {
     var _b;
-    var icon = _a.icon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = __rest(_a, ["icon", "heading", "isActive", "onClick", "className"]);
+    var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick", "className"]);
     var tileClasses = classNames(styles["action-tile"], (_b = {},
         _b[styles["action-tile--active"]] = isActive,
         _b), className);
+    var displayIcon = isActive && activeIcon ? activeIcon : icon;
     var content = (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: styles["action-tile-content"] },
-            icon && (React__default.createElement("div", { className: styles["action-tile-icon"] },
-                React__default.createElement(Icon, { icon: icon, size: 48 }))),
+            displayIcon && (React__default.createElement("div", { className: styles["action-tile-icon"] },
+                React__default.createElement(Icon, { icon: displayIcon, size: 48 }))),
             React__default.createElement("h3", { className: styles["action-tile-heading"] }, heading)),
         isActive && (React__default.createElement("div", { className: styles["action-tile-tick"] },
             React__default.createElement(Icon, { icon: BtIconTickAlt2Px, size: 28 })))));

package/lib/ActionTile/styles.css

@@ -1 +1 @@
-.ActionTile-module_action-tile__JPwGb{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:230px;height:164px;padding:var(--sem-space-padding-110);gap:var(--sem-space-padding-70);border-radius:var(--sem-border-radius-xl);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;isolation:isolate;overflow:visible}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:var(--sem-space-padding-60);flex:1;align-items:flex-start;align-self:stretch}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:var(--sem-color-fg-secondary-light-default);transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-m);letter-spacing:0;color:var(--sem-color-fg-secondary-light-default);margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;align-self:stretch;flex-grow:1}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sem-border-radius-l);background:var(--sem-color-fg-primary-light-minimal);color:var(--sem-color-fg-secondary-light-alt);flex-shrink:0;position:absolute;top:-4px;right:-4px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}
+.ActionTile-module_action-tile__JPwGb{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:230px;height:164px;min-height:132px;padding:var(--sem-space-padding-110);gap:var(--sem-space-padding-70);border-radius:var(--sem-border-radius-xl);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;isolation:isolate;overflow:visible}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:var(--sem-space-padding-60);flex:1;align-items:flex-start;align-self:stretch}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:var(--sem-color-fg-secondary-light-default);transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-m);letter-spacing:0;color:var(--sem-color-fg-secondary-light-default);margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;align-self:stretch;flex-grow:1}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sem-border-radius-l);background:var(--sem-color-fg-primary-light-minimal);color:var(--sem-color-fg-secondary-light-alt);flex-shrink:0;position:absolute;top:-4px;right:-4px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}

package/lib/ArticleSidebar/ArticleSidebar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
@@ -11,7 +11,8 @@ var Link = require('@arc-ui/components/Link');
 var Tag = require('@arc-ui/components/Tag');
 var Toast = require('@arc-ui/components/Toast');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
+var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 
@@ -54,12 +55,12 @@ 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 = filterAttrs.__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, props = tslib_es6.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
     var url = location.href;
-    var copyTextToClipBoard = function () { return filterAttrs.__awaiter(void 0, void 0, void 0, function () {
-        return filterAttrs.__generator(this, function (_a) {
+    var copyTextToClipBoard = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_es6.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, navigator.clipboard.writeText(url)];
                 case 1:
@@ -70,7 +71,7 @@ var ArticleSidebar = function (_a) {
         });
     }); };
     var shareButtons = share
-        ? filterAttrs.__spreadArray(filterAttrs.__spreadArray([
+        ? tslib_es6.__spreadArray(tslib_es6.__spreadArray([
             {
                 isButton: true,
                 onClick: copyTextToClipBoard,
@@ -101,12 +102,12 @@ var ArticleSidebar = function (_a) {
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
     var hasBottomContent = Boolean(linkSection || topics || share);
-    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
+    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
                 _b)) },
             author && (React.createElement(React.Fragment, null,
-                React.createElement(Author.Author, filterAttrs.__assign({}, author, { avatar: filterAttrs.__assign(filterAttrs.__assign({}, author.avatar), { size: "xl" }) })))),
+                React.createElement(Author.Author, tslib_es6.__assign({}, author, { avatar: tslib_es6.__assign(tslib_es6.__assign({}, author.avatar), { size: "xl" }) })))),
             aboutSection && (React.createElement(React.Fragment, null,
                 author && React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Heading.Heading, { level: aboutSection.headingLevel }, aboutSection.heading),
@@ -137,7 +138,7 @@ var ArticleSidebar = function (_a) {
             linkSection && React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
             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, filterAttrs.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
+            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,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),

package/lib/ArticleSidebar/ArticleSidebar.mjs

@@ -1,4 +1,4 @@
-import { _ as __rest, b as __spreadArray, a as __assign, f as filterAttrs, c as __awaiter, d as __generator } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+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 { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { Heading } from '@arc-ui/components/Heading';
@@ -9,7 +9,8 @@ import { Link } from '@arc-ui/components/Link';
 import { Tag } from '@arc-ui/components/Tag';
 import { Toast, ToastNotification } from '@arc-ui/components/Toast';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { A as Author } from '../_shared/esm/Author-CJQFrQM9.mjs';
+import { A as Author } from '../_shared/esm/Author-CLMgH9ES.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 

package/lib/Author/Author.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
-require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
+require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 require('@arc-ui/components/Heading');

package/lib/Author/Author.mjs

@@ -1,6 +1,7 @@
-export { A as Author } from '../_shared/esm/Author-CJQFrQM9.mjs';
-import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+export { A as Author } from '../_shared/esm/Author-CLMgH9ES.mjs';
+import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import 'react';
+import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 import '@arc-ui/components/Heading';

package/lib/BannerWithTabs/BannerWithTabs.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var TabbedBanner = require('@arc-ui/components/TabbedBanner');
-var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');
 require('@arc-ui/components/Image');
@@ -14,12 +15,12 @@ var styles = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithT
 
 var BannerWithTabs = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = filterAttrs.__rest(_a, ["tabs", "defaultValue", "heading", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
-    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = tslib_es6.__rest(_a, ["tabs", "defaultValue", "heading", "headingLevel", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
+    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)) },
-            React.createElement(SectionHeading.SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
+            React.createElement(SectionHeading.SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, headingLevel: headingLevel, content: content, isPadded: alignTypography === "left" ? true : false })),
         React.createElement(TabbedBanner.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };
 

package/lib/BannerWithTabs/BannerWithTabs.mjs

@@ -1,8 +1,9 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { TabbedBanner } from '@arc-ui/components/TabbedBanner';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';
 import '@arc-ui/components/Image';
@@ -12,12 +13,12 @@ var styles = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithT
 
 var BannerWithTabs = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "headingLevel", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
     return (React__default.createElement("div", __assign({}, filterAttrs(props)),
         React__default.createElement("div", { className: classNames((_b = {},
                 _b[styles.bannerWithTabsHeadingCentered] = alignTypography === "center",
                 _b)) },
-            React__default.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
+            React__default.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, headingLevel: headingLevel, content: content, isPadded: alignTypography === "left" ? true : false })),
         React__default.createElement(TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
 };
 

package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+var ContentSwitcher = require('@arc-ui/components/ContentSwitcher');
+var ContentSwitcherDropdown = require('@arc-ui/components/ContentSwitcherDropdown');
+var InformationCard = require('@arc-ui/components/InformationCard');
+var TypographyCard = require('@arc-ui/components/TypographyCard');
+var MediaCard = require('@arc-ui/components/MediaCard');
+var Carousel = require('@arc-ui/components/Carousel');
+
+var styles = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
+
+/**
+ * Renders either an InformationCard or a contained MediaCard based on the card type.
+ */
+var renderCard = function (card) {
+    if (card.type === "information") {
+        return React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, card));
+    }
+    if (card.type === "media") {
+        return React.createElement(MediaCard.MediaCard, tslib_es6.__assign({}, card, { isContained: true }));
+    }
+    return null;
+};
+
+/**
+ * Renders a responsive carousel containing the bento grid cards for mobile and tablet viewports.
+ */
+var renderBusinessSegmentSwitcherCarousel = function (_a) {
+    var content = _a.content, label = _a.label;
+    return (React.createElement(Carousel.Carousel, { overflow: "visible", behavior: "adaptive", responsive: {
+            xs: { itemsPerSlide: 1 },
+            s: { itemsPerSlide: 2 },
+        } },
+        React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card1)),
+        React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card2)),
+        content.card3 && (React.createElement("div", { className: styles.cardWrapper },
+            React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, content.card3)))),
+        React.createElement("div", { className: styles.cardWrapper },
+            React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label, " solutions"), label: content.card4.label, url: content.card4.url }))));
+};
+
+/**
+ * BusinessSegmentSwitcher displays tabbed content with a bento grid layout made up of 3 - 4 cards.
+ * Renders as tabs on desktop and a dropdown with carousel on mobile (below 1024px).
+ */
+var BusinessSegmentSwitcher = function (_a) {
+    var _b, _c;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, props = tslib_es6.__rest(_a, ["tabs", "defaultValue"]);
+    var initialTab = (_c = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+    var _d = React.useState(initialTab), selectedTab = _d[0], setSelectedTab = _d[1];
+    return (React.createElement("div", tslib_es6.__assign({ className: styles.businessSegmentSwitcher }, filterAttrs.filterAttrs(props)),
+        React.createElement("div", { className: styles.businessSegmentSwitcherDesktop },
+            React.createElement(ContentSwitcher.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React.createElement(ContentSwitcher.ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React.createElement(ContentSwitcher.ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content, label = _a.label;
+                    return (React.createElement(ContentSwitcher.ContentSwitcherContent, { value: value, key: "".concat(index, "-").concat(value), hidden: value !== selectedTab },
+                        React.createElement("div", { className: styles.contentWrapper },
+                            React.createElement("div", { className: styles.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
+                            renderCard(content.card1),
+                            renderCard(content.card2),
+                            React.createElement("div", { className: styles.cardCol },
+                                content.card3 && React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, content.card3)),
+                                React.createElement("div", null,
+                                    React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url }))))));
+                }))),
+        React.createElement("div", { className: styles.businessSegmentSwitcherMobile },
+            React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { isInset: true, value: selectedTab, tabs: tabs, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
+                var value = _a.value, content = _a.content, label = _a.label;
+                return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
+                    React.createElement("div", { className: styles.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
+            })))));
+};
+
+exports.BusinessSegmentSwitcher = BusinessSegmentSwitcher;