@arc-ui/community-components 0.1.0 → 1.0.0

package/.turbo/turbo-build.log

@@ -1,16 +1,136 @@
 
-> @arc-ui/community-components@0.1.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@1.0.0 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf dist && rollup -c && generate-subpath-css
 
 
 src/index.ts → dist...
-created dist in 6.1s
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) [plugin typescript] src/components/ProductNavigation/ProductNavigation.tsx (53:22): @rollup/plugin-typescript TS2339: Property 'focus' does not exist on type 'never'.
+/builds/enterprise/frontend/arc-community/packages/components/src/components/ProductNavigation/ProductNavigation.tsx:53:22
+
+53     cardRef.current?.focus();
+                        ~~~~~
+
+created dist in 4.5s
 
 src/index.ts → dist/index.es.js...
-created dist/index.es.js in 4.1s
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) [plugin typescript] src/components/ProductNavigation/ProductNavigation.tsx (53:22): @rollup/plugin-typescript TS2339: Property 'focus' does not exist on type 'never'.
+/builds/enterprise/frontend/arc-community/packages/components/src/components/ProductNavigation/ProductNavigation.tsx:53:22
+
+53     cardRef.current?.focus();
+                        ~~~~~
+
+created dist/index.es.js in 3.2s
 
-./src/components/Accordion/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
-created dist in 3.9s
+./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) [plugin typescript] src/components/ProductNavigation/ProductNavigation.tsx (53:22): @rollup/plugin-typescript TS2339: Property 'focus' does not exist on type 'never'.
+/builds/enterprise/frontend/arc-community/packages/components/src/components/ProductNavigation/ProductNavigation.tsx:53:22
+
+53     cardRef.current?.focus();
+                        ~~~~~
+
+created dist in 2.8s
 
-./src/components/Accordion/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
-created dist in 3.8s
+./src/components/Accordion/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/Highlights/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → dist...
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialX/ArcIconSocialX.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconLink/BtIconLink.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/ArcIconSocialLinkedin/ArcIconSocialLinkedin.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) ../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../../node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs" was ignored.
+/builds/enterprise/frontend/arc-community/node_modules/.pnpm/@arc-ui+icons@12.0.0-beta.16/node_modules/@arc-ui/icons/lib/icons/BtIconEmailUnread/BtIconEmailUnread.mjs:1:0
+1: "use client";
+   ^
+2: 
+3: import React from "react";
+(!) [plugin typescript] src/components/ProductNavigation/ProductNavigation.tsx (53:22): @rollup/plugin-typescript TS2339: Property 'focus' does not exist on type 'never'.
+/builds/enterprise/frontend/arc-community/packages/components/src/components/ProductNavigation/ProductNavigation.tsx:53:22
+
+53     cardRef.current?.focus();
+                        ~~~~~
+
+created dist in 2.7s

package/CHANGELOG.md

@@ -4,4 +4,26 @@
 
 ### Major Changes
 
+- b860730: Update community repo to use the arc repo changes, dot notation removed, theme and icon packages flattened, pkg paths updated
+
+### Minor Changes
+
+- 60a7218: Allow Icon prop to accept custom svgs types for copylead and articlesidebar
+- 6bbb300: Add new alignTypography and isInverted props to BannerWithTabs
+- 233531a: Remove illustrations package and references
+- 3030de7: Add script to generate json file containing all versions from changelog
+- da5f2b0: Add optional image to sectionheading component
+- 7de6006: Create new ProductNavigation component
+- 1e6d75f: Add component generator and ArticleSidebar component.
+
+### Patch Changes
+
+- 1eccea8: Update BannerWithTabs story copy and fix dark background bug
+- 1e6d75f: Update SectionHeading component to use prop elementType p
+- df655c9: Refactor ProductNavigation component to remove js DOM manipulation
+
+## 0.1.0
+
+### Minor Changes
+
 - initial version

package/dist/Accordion/Accordion.cjs.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-DlS_Fyr9.js');
 var React = require('react');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-var SectionHeading = require('../_shared/cjs/SectionHeading-L2EpTQ79.js');
-var Disclosure = require('@arc-ui/components/dist/Disclosure');
+var SectionHeading = require('../_shared/cjs/SectionHeading-7IxNz67p.js');
+var Disclosure = require('@arc-ui/components/Disclosure');
 require('../_shared/cjs/index-Bp6Dd2i1.js');
-require('@arc-ui/components/dist/Heading');
-require('@arc-ui/components/dist/Text');
-require('@arc-ui/components/dist/VerticalSpace');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Image');
 
 var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
@@ -22,8 +22,8 @@ var AccordionDisclosureList = function (_a) {
  * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
  */
 var Accordion = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, disclosureList = _a.disclosureList, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "content", "disclosureList"]);
-    return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
+    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, disclosureList = _a.disclosureList, props = filterDataAttrs.__rest(_a, ["heading", "headingLevel", "content", "disclosureList"]);
+    return (React.createElement("div", filterDataAttrs.__assign({}, filterDataAttrs.filterDataAttrs(props)),
         React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, content: content }),
         React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
 };

package/dist/Accordion/Accordion.esm.js

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-Cv15O4Nx.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-DAx-HNG5.js';
 import React from 'react';
-import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-C70XNhqJ.js';
-import { Disclosure } from '@arc-ui/components/dist/Disclosure';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-Dz0GfXsP.js';
+import { Disclosure } from '@arc-ui/components/Disclosure';
 import '../_shared/esm/index-BfTCfPZ1.js';
-import '@arc-ui/components/dist/Heading';
-import '@arc-ui/components/dist/Text';
-import '@arc-ui/components/dist/VerticalSpace';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';
 
 var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;

package/dist/ArticleSidebar/ArticleSidebar.cjs.js

@@ -0,0 +1,185 @@
+'use strict';
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-DlS_Fyr9.js');
+var React = require('react');
+var Heading = require('@arc-ui/components/Heading');
+var Icon = require('@arc-ui/components/Icon');
+var Text = require('@arc-ui/components/Text');
+var Rule = require('@arc-ui/components/Rule');
+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-BXxxwh6E.js');
+require('@arc-ui/components/Grid');
+require('@arc-ui/components/Avatar');
+
+const ArcIconSocialLinkedin = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z",
+      fill: "currentColor",
+    }),
+  );
+
+const ArcIconSocialX = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M24.0342 3H28.3116L18.9688 13.6389L30 28.1034H21.3608L14.5789 19.3354L6.8402 28.1034H2.56281L12.5809 16.7385L2 3H10.8643L16.9709 11.0141L24.0342 3ZM22.5427 25.5624H24.9065L9.56985 5.40144H7.00905L22.5427 25.5624Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconLink = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M9.959,10.0127h2.417a5.99044,5.99044,0,0,1,5.22558,8.91552.5.5,0,1,0,.87207.48926A6.99034,6.99034,0,0,0,12.376,9.0127H9.959a6.98853,6.98853,0,0,0,0,13.97705h1.54a.5.5,0,1,0,0-1H9.959a5.98853,5.98853,0,0,1,0-11.977Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M22.0625,9.0127h-1.54a.5.5,0,0,0,0,1h1.54a5.98853,5.98853,0,0,1,0,11.97705h-2.417a5.99145,5.99145,0,0,1-5.22656-8.915.49955.49955,0,1,0-.8711-.48926,6.99,6.99,0,0,0,6.09766,10.4043h2.417a6.98853,6.98853,0,0,0,0-13.977Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconEmailUnread = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M29,6H3A1,1,0,0,0,2,7V25a1,1,0,0,0,1,1H29a1,1,0,0,0,1-1V7A1,1,0,0,0,29,6Zm0,1V8.71649L18.00049,16.33154a3.5158,3.5158,0,0,1-3.98438,0L3,8.70532V7Zm0,2.93292V22.08368l-8.77545-6.07544Zm-17.20819,6.0752L3,22.09485V9.92175ZM3,25V23.31128l9.67035-6.695.77643.53754a4.52223,4.52223,0,0,0,5.123,0l.77619-.53735L29,23.30011V25Z",
+      fill: "currentColor",
+    }),
+  );
+
+var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
+
+/**
+ * Use `ArticleSidebar` to provide additional information about the article.
+ */
+var ArticleSidebar = function (_a) {
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection;
+    var id = React.useId();
+    var _b = React.useState(false), showToast = _b[0], setShowToast = _b[1];
+    var url = location.href;
+    var copyTextToClipBoard = function () { return filterDataAttrs.__awaiter(void 0, void 0, void 0, function () {
+        return filterDataAttrs.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, navigator.clipboard.writeText(url)];
+                case 1:
+                    _a.sent();
+                    setShowToast(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var shareButtons = filterDataAttrs.__spreadArray(filterDataAttrs.__spreadArray([
+        {
+            isButton: true,
+            label: "Copy url to clipboard",
+            onClick: copyTextToClipBoard,
+            icon: BtIconLink,
+        },
+        {
+            label: "Share by email",
+            href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+            icon: BtIconEmailUnread,
+        }
+    ], (share.linkedin
+        ? [
+            {
+                label: "Share on LinkedIn",
+                href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                icon: ArcIconSocialLinkedin,
+            },
+        ]
+        : []), true), (share.x
+        ? [
+            {
+                label: "Share on x",
+                href: "https://twitter.com/intent/tweet?url=".concat(url),
+                icon: ArcIconSocialX,
+            },
+        ]
+        : []), true);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.textContent },
+            author && (React.createElement(React.Fragment, null,
+                React.createElement(Author.Author, filterDataAttrs.__assign({}, author, { avatar: filterDataAttrs.__assign(filterDataAttrs.__assign({}, author.avatar), { size: "xl" }) })))),
+            aboutSection && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+                React.createElement(Heading.Heading, { level: aboutSection.headingLevel }, aboutSection.heading),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+                React.createElement(Text.Text, { size: "s" }, aboutSection.content))),
+            additionalContent &&
+                additionalContent.map(function (_a) {
+                    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+                        React.createElement(Heading.Heading, { level: headingLevel, size: "xxs" }, heading),
+                        React.createElement(Text.Text, { size: "s" }, content)));
+                })),
+        (author || aboutSection || additionalContent) && (React.createElement("div", { "data-testid": "content-rule" },
+            React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+            React.createElement(Rule.Rule, null),
+            React.createElement(VerticalSpace.VerticalSpace, { size: "32" }))),
+        React.createElement(Heading.Heading, { level: linkSection.headingLevel }, linkSection.heading),
+        linkSection.links.map(function (_a) {
+            var text = _a.text, url = _a.url;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement(Link.Link, { size: "s", href: url }, text))));
+        }),
+        React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+        topics && (React.createElement(React.Fragment, null,
+            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, filterDataAttrs.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })),
+            React.createElement(VerticalSpace.VerticalSpace, { size: "32" }))),
+        React.createElement(Rule.Rule, null),
+        React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+        React.createElement(Heading.Heading, { level: share.headingLevel }, share.heading),
+        React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+        React.createElement("div", { className: styles.shareButtonContainer }, shareButtons.map(function (_a) {
+            var isButton = _a.isButton, label = _a.label, href = _a.href, icon = _a.icon, onClick = _a.onClick;
+            return (React.createElement("a", { key: "".concat(id, "-").concat(label), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles.shareButton, "aria-label": label, href: href, onClick: onClick },
+                React.createElement(Icon.Icon, { icon: icon, size: 24 })));
+        })),
+        React.createElement(Toast.Toast, null,
+            React.createElement(Toast.ToastNotification, { status: "success", title: "Copied to clipboard", isOpen: showToast, onOpenChange: function () { return setShowToast(false); } }))));
+};
+
+exports.ArticleSidebar = ArticleSidebar;

package/dist/ArticleSidebar/ArticleSidebar.esm.js

@@ -0,0 +1,183 @@
+import { b as __spreadArray, a as __assign, c as __awaiter, d as __generator } from '../_shared/esm/filter-data-attrs-DAx-HNG5.js';
+import React, { useId, useState } from 'react';
+import { Heading } from '@arc-ui/components/Heading';
+import { Icon } from '@arc-ui/components/Icon';
+import { Text } from '@arc-ui/components/Text';
+import { Rule } from '@arc-ui/components/Rule';
+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-B8tJxqB8.js';
+import '@arc-ui/components/Grid';
+import '@arc-ui/components/Avatar';
+
+const ArcIconSocialLinkedin = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z",
+      fill: "currentColor",
+    }),
+  );
+
+const ArcIconSocialX = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M24.0342 3H28.3116L18.9688 13.6389L30 28.1034H21.3608L14.5789 19.3354L6.8402 28.1034H2.56281L12.5809 16.7385L2 3H10.8643L16.9709 11.0141L24.0342 3ZM22.5427 25.5624H24.9065L9.56985 5.40144H7.00905L22.5427 25.5624Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconLink = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M9.959,10.0127h2.417a5.99044,5.99044,0,0,1,5.22558,8.91552.5.5,0,1,0,.87207.48926A6.99034,6.99034,0,0,0,12.376,9.0127H9.959a6.98853,6.98853,0,0,0,0,13.97705h1.54a.5.5,0,1,0,0-1H9.959a5.98853,5.98853,0,0,1,0-11.977Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M22.0625,9.0127h-1.54a.5.5,0,0,0,0,1h1.54a5.98853,5.98853,0,0,1,0,11.97705h-2.417a5.99145,5.99145,0,0,1-5.22656-8.915.49955.49955,0,1,0-.8711-.48926,6.99,6.99,0,0,0,6.09766,10.4043h2.417a6.98853,6.98853,0,0,0,0-13.977Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconEmailUnread = (props) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M29,6H3A1,1,0,0,0,2,7V25a1,1,0,0,0,1,1H29a1,1,0,0,0,1-1V7A1,1,0,0,0,29,6Zm0,1V8.71649L18.00049,16.33154a3.5158,3.5158,0,0,1-3.98438,0L3,8.70532V7Zm0,2.93292V22.08368l-8.77545-6.07544Zm-17.20819,6.0752L3,22.09485V9.92175ZM3,25V23.31128l9.67035-6.695.77643.53754a4.52223,4.52223,0,0,0,5.123,0l.77619-.53735L29,23.30011V25Z",
+      fill: "currentColor",
+    }),
+  );
+
+var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
+
+/**
+ * Use `ArticleSidebar` to provide additional information about the article.
+ */
+var ArticleSidebar = function (_a) {
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection;
+    var id = useId();
+    var _b = useState(false), showToast = _b[0], setShowToast = _b[1];
+    var url = location.href;
+    var copyTextToClipBoard = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, navigator.clipboard.writeText(url)];
+                case 1:
+                    _a.sent();
+                    setShowToast(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var shareButtons = __spreadArray(__spreadArray([
+        {
+            isButton: true,
+            label: "Copy url to clipboard",
+            onClick: copyTextToClipBoard,
+            icon: BtIconLink,
+        },
+        {
+            label: "Share by email",
+            href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+            icon: BtIconEmailUnread,
+        }
+    ], (share.linkedin
+        ? [
+            {
+                label: "Share on LinkedIn",
+                href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                icon: ArcIconSocialLinkedin,
+            },
+        ]
+        : []), true), (share.x
+        ? [
+            {
+                label: "Share on x",
+                href: "https://twitter.com/intent/tweet?url=".concat(url),
+                icon: ArcIconSocialX,
+            },
+        ]
+        : []), true);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.textContent },
+            author && (React.createElement(React.Fragment, null,
+                React.createElement(Author, __assign({}, author, { avatar: __assign(__assign({}, author.avatar), { size: "xl" }) })))),
+            aboutSection && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace, { size: "32" }),
+                React.createElement(Heading, { level: aboutSection.headingLevel }, aboutSection.heading),
+                React.createElement(VerticalSpace, { size: "16" }),
+                React.createElement(Text, { size: "s" }, aboutSection.content))),
+            additionalContent &&
+                additionalContent.map(function (_a) {
+                    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement(VerticalSpace, { size: "16" }),
+                        React.createElement(Heading, { level: headingLevel, size: "xxs" }, heading),
+                        React.createElement(Text, { size: "s" }, content)));
+                })),
+        (author || aboutSection || additionalContent) && (React.createElement("div", { "data-testid": "content-rule" },
+            React.createElement(VerticalSpace, { size: "32" }),
+            React.createElement(Rule, null),
+            React.createElement(VerticalSpace, { size: "32" }))),
+        React.createElement(Heading, { level: linkSection.headingLevel }, linkSection.heading),
+        linkSection.links.map(function (_a) {
+            var text = _a.text, url = _a.url;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace, { size: "8" }),
+                React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement(Link, { size: "s", href: url }, text))));
+        }),
+        React.createElement(VerticalSpace, { size: "32" }),
+        topics && (React.createElement(React.Fragment, null,
+            React.createElement(Heading, { level: topics.headingLevel }, topics.heading),
+            React.createElement(VerticalSpace, { size: "16" }),
+            React.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })),
+            React.createElement(VerticalSpace, { size: "32" }))),
+        React.createElement(Rule, null),
+        React.createElement(VerticalSpace, { size: "32" }),
+        React.createElement(Heading, { level: share.headingLevel }, share.heading),
+        React.createElement(VerticalSpace, { size: "16" }),
+        React.createElement("div", { className: styles.shareButtonContainer }, shareButtons.map(function (_a) {
+            var isButton = _a.isButton, label = _a.label, href = _a.href, icon = _a.icon, onClick = _a.onClick;
+            return (React.createElement("a", { key: "".concat(id, "-").concat(label), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles.shareButton, "aria-label": label, href: href, onClick: onClick },
+                React.createElement(Icon, { icon: icon, size: 24 })));
+        })),
+        React.createElement(Toast, null,
+            React.createElement(ToastNotification, { status: "success", title: "Copied to clipboard", isOpen: showToast, onOpenChange: function () { return setShowToast(false); } }))));
+};
+
+export { ArticleSidebar };

package/dist/ArticleSidebar/styles.css

@@ -0,0 +1 @@
+.ArticleSidebar-module_tagGroup__rIPQc{display:flex;gap:16px;flex-wrap:wrap}.ArticleSidebar-module_textContent__3nCfG{padding-right:16px}.ArticleSidebar-module_shareButtonContainer__iAfHL{display:flex;gap:8px}.arc a.ArticleSidebar-module_shareButton__rb-1E{color:var(--sem-color-fg-secondary-light-default);background:var(--sem-color-bg-secondary-light-default);border:1px solid var(--sem-color-border-secondary-light-subtle);cursor:pointer;border-radius:50%;padding:12px;display:block;transition:0.4s ease color,0.4s ease border-color}.arc a.ArticleSidebar-module_shareButton__rb-1E:hover{color:var(--sem-color-bg-primary-light-strong);border-color:var(--sem-color-bg-primary-light-strong)}

package/dist/Author/Author.cjs.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var Author = require('../_shared/cjs/Author-CAo-qryZ.js');
-require('../_shared/cjs/tslib.es6-DBA0GFPJ.js');
+var Author = require('../_shared/cjs/Author-BXxxwh6E.js');
+require('../_shared/cjs/filter-data-attrs-DlS_Fyr9.js');
 require('react');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-require('@arc-ui/components/dist/Grid');
-require('@arc-ui/components/dist/Avatar');
-require('@arc-ui/components/dist/Heading');
-require('@arc-ui/components/dist/Text');
+require('@arc-ui/components/Grid');
+require('@arc-ui/components/Avatar');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');