@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/river/RiverStoryScroll/RiverStoryScrollResponder.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type RiverStoryScrollResponderProps = {
+    index: number;
+    children?: React.ReactNode;
+    className?: string;
+    visibleClassName?: string;
+    hiddenClassName?: string;
+};
+export declare function RiverStoryScrollResponder({ index, children, className, visibleClassName, hiddenClassName, }: RiverStoryScrollResponderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RiverStoryScrollResponder.d.ts.map

package/esm/river/RiverStoryScroll/RiverStoryScrollResponder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiverStoryScrollResponder.d.ts","sourceRoot":"","sources":["../../../src/river/RiverStoryScroll/RiverStoryScrollResponder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAM9C,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,gBAAgD,EAChD,eAAoD,GACrD,EAAE,8BAA8B,2CA8BhC"}

package/esm/river/RiverStoryScroll/RiverStoryScrollResponder.js

@@ -0,0 +1,24 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useStoryScrollContext as t } from "./RiverStoryScrollProvider.js";
+import n from "./RiverStoryScroll.module.js";
+import r, { useEffect as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/river/RiverStoryScroll/RiverStoryScrollResponder.tsx
+function s({ index: s, children: c, className: l, visibleClassName: u = n["tracker-in-viewport"], hiddenClassName: d = n["tracker-outside-viewport"] }) {
+	let { visibilityStates: f } = t(), p = f[s], m = a(null);
+	i(() => {
+		let e = m.current;
+		e && (p ? e.play().catch((e) => {
+			console.error("Error playing the video:", e);
+		}) : e.pause());
+	}, [p]);
+	let h = r.Children.map(c, (e) => r.isValidElement(e) && e.type === "video" ? r.cloneElement(e, { ref: m }) : e);
+	return /* @__PURE__ */ o("div", {
+		className: e(l, p ? u : d),
+		children: h
+	});
+}
+//#endregion
+export { s as RiverStoryScrollResponder };
+
+//# sourceMappingURL=RiverStoryScrollResponder.js.map

package/esm/river/RiverStoryScroll/RiverStoryScrollResponder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiverStoryScrollResponder.js","names":[],"sources":["../../../src/river/RiverStoryScroll/RiverStoryScrollResponder.tsx"],"sourcesContent":["import React, {useEffect, useRef} from 'react'\nimport {useStoryScrollContext} from './RiverStoryScrollProvider' // Adjust the import path as necessary\n\nimport styles from './RiverStoryScroll.module.css'\nimport {clsx} from 'clsx'\n\ntype RiverStoryScrollResponderProps = {\n  index: number\n  children?: React.ReactNode\n  className?: string\n  visibleClassName?: string // Optional: A class to apply when the item is supposed to be visible\n  hiddenClassName?: string // Optional: A class to apply when the item is hidden\n}\n\nexport function RiverStoryScrollResponder({\n  index,\n  children,\n  className,\n  visibleClassName = styles['tracker-in-viewport'],\n  hiddenClassName = styles['tracker-outside-viewport'],\n}: RiverStoryScrollResponderProps) {\n  const {visibilityStates} = useStoryScrollContext()\n  const isVisible = visibilityStates[index]\n  const videoRef = useRef<HTMLVideoElement>(null)\n\n  useEffect(() => {\n    const videoElement = videoRef.current\n\n    if (!videoElement) return\n\n    if (isVisible) {\n      // eslint-disable-next-line github/no-then\n      videoElement.play().catch(error => {\n        // eslint-disable-next-line no-console\n        console.error('Error playing the video:', error)\n      })\n    } else {\n      videoElement.pause()\n    }\n  }, [isVisible])\n\n  // Parse children to attach ref to video elements\n  const parsedChildren = React.Children.map(children, child => {\n    if (React.isValidElement(child) && child.type === 'video') {\n      return React.cloneElement(child, {ref: videoRef} as React.HTMLAttributes<HTMLVideoElement>)\n    }\n    return child\n  })\n\n  return <div className={clsx(className, isVisible ? visibleClassName : hiddenClassName)}>{parsedChildren}</div>\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAA0B,EACxC,UACA,aACA,cACA,sBAAmB,EAAO,wBAC1B,qBAAkB,EAAO,+BACQ;CACjC,IAAM,EAAC,wBAAoB,GAAuB,EAC5C,IAAY,EAAiB,IAC7B,IAAW,EAAyB,KAAK;AAE/C,SAAgB;EACd,IAAM,IAAe,EAAS;AAEzB,QAED,IAEF,EAAa,MAAM,CAAC,OAAM,MAAS;AAEjC,WAAQ,MAAM,4BAA4B,EAAM;IAChD,GAEF,EAAa,OAAO;IAErB,CAAC,EAAU,CAAC;CAGf,IAAM,IAAiB,EAAM,SAAS,IAAI,IAAU,MAC9C,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,UACzC,EAAM,aAAa,GAAO,EAAC,KAAK,GAAS,CAA2C,GAEtF,EACP;AAEF,QAAO,kBAAC,OAAD;EAAK,WAAW,EAAK,GAAW,IAAY,IAAmB,EAAgB;YAAG;EAAqB,CAAA"}

package/esm/river/RiverStoryScroll/RiverStoryScrollTracker.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type RiverStoryScrollTrackerProps = {
+    index: number;
+    children?: React.ReactNode;
+    className?: string;
+    location?: string;
+};
+export declare const RiverStoryScrollTracker: ({ index, children, className }: RiverStoryScrollTrackerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RiverStoryScrollTracker.d.ts.map

package/esm/river/RiverStoryScroll/RiverStoryScrollTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiverStoryScrollTracker.d.ts","sourceRoot":"","sources":["../../../src/river/RiverStoryScroll/RiverStoryScrollTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAOxD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,gCAAmC,4BAA4B,4CAgEtG,CAAA"}

package/esm/river/RiverStoryScroll/RiverStoryScrollTracker.js

@@ -0,0 +1,41 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useWindowSize as t } from "../../hooks/useWindowSize.js";
+import { useStoryScrollContext as n } from "./RiverStoryScrollProvider.js";
+import r from "./RiverStoryScroll.module.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/river/RiverStoryScroll/RiverStoryScrollTracker.tsx
+var c = ({ index: c, children: l, className: u = "" }) => {
+	let { isLarge: d } = t(), f = a(null), [p, m] = o(!1), { setVisibilityStates: h } = n();
+	return i(() => {
+		function e() {
+			return window.innerWidth / window.innerHeight >= .78;
+		}
+		let t = ([t]) => {
+			e() && (m(t.isIntersecting), h(c, t.isIntersecting));
+		}, n = ([t]) => {
+			e() || (m(t.isIntersecting), h(c, t.isIntersecting));
+		}, r = new IntersectionObserver(t, d ? { threshold: .8 } : {
+			rootMargin: "-80% 0% -19.99% 0%",
+			threshold: 0
+		}), i = new IntersectionObserver(n, d ? { threshold: .8 } : {
+			rootMargin: "-65% 0% -34.99% 0%",
+			threshold: 0
+		});
+		return f.current && (r.observe(f.current), i.observe(f.current)), () => {
+			r.disconnect(), i.disconnect();
+		};
+	}, [
+		c,
+		d,
+		h
+	]), /* @__PURE__ */ s("div", {
+		ref: f,
+		className: e(u, p ? r["in-viewport"] : r["outside-viewport"]),
+		children: l
+	});
+};
+//#endregion
+export { c as RiverStoryScrollTracker };
+
+//# sourceMappingURL=RiverStoryScrollTracker.js.map

package/esm/river/RiverStoryScroll/RiverStoryScrollTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiverStoryScrollTracker.js","names":[],"sources":["../../../src/river/RiverStoryScroll/RiverStoryScrollTracker.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react'\nimport {clsx} from 'clsx'\n\nimport {useWindowSize} from '../../'\nimport {useStoryScrollContext} from './RiverStoryScrollProvider'\nimport styles from './RiverStoryScroll.module.css'\n\ntype RiverStoryScrollTrackerProps = {\n  index: number\n  children?: React.ReactNode\n  className?: string\n  location?: string\n}\n\nexport const RiverStoryScrollTracker = ({index, children, className = ''}: RiverStoryScrollTrackerProps) => {\n  const {isLarge} = useWindowSize()\n  const elementRef = useRef<HTMLDivElement | null>(null)\n  const [isIntersecting, setIsIntersecting] = useState(false)\n  const {setVisibilityStates} = useStoryScrollContext()\n\n  useEffect(() => {\n    function isLandscape() {\n      return window.innerWidth / window.innerHeight >= 0.78\n    }\n\n    const observerCallback = ([entry]: IntersectionObserverEntry[]) => {\n      if (isLandscape()) {\n        setIsIntersecting(entry.isIntersecting)\n        setVisibilityStates(index, entry.isIntersecting)\n      }\n    }\n\n    const observerCallbackPortrait = ([entry]: IntersectionObserverEntry[]) => {\n      if (!isLandscape()) {\n        setIsIntersecting(entry.isIntersecting)\n        setVisibilityStates(index, entry.isIntersecting)\n      }\n    }\n\n    const observer = new IntersectionObserver(\n      observerCallback,\n      !isLarge\n        ? {\n            rootMargin: '-80% 0% -19.99% 0%',\n            threshold: 0,\n          }\n        : {threshold: 0.8},\n    )\n\n    const observerPortrait = new IntersectionObserver(\n      observerCallbackPortrait,\n      !isLarge\n        ? {\n            rootMargin: '-65% 0% -34.99% 0%',\n            threshold: 0,\n          }\n        : {threshold: 0.8},\n    )\n\n    if (elementRef.current) {\n      observer.observe(elementRef.current)\n      observerPortrait.observe(elementRef.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      observerPortrait.disconnect()\n    }\n  }, [index, isLarge, setVisibilityStates])\n\n  return (\n    <div\n      ref={elementRef}\n      className={clsx(className, isIntersecting ? styles['in-viewport'] : styles['outside-viewport'])}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAcA,IAAa,KAA2B,EAAC,UAAO,aAAU,eAAY,SAAsC;CAC1G,IAAM,EAAC,eAAW,GAAe,EAC3B,IAAa,EAA8B,KAAK,EAChD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,EAAC,2BAAuB,GAAuB;AAoDrD,QAlDA,QAAgB;EACd,SAAS,IAAc;AACrB,UAAO,OAAO,aAAa,OAAO,eAAe;;EAGnD,IAAM,KAAoB,CAAC,OAAwC;AACjE,GAAI,GAAa,KACf,EAAkB,EAAM,eAAe,EACvC,EAAoB,GAAO,EAAM,eAAe;KAI9C,KAA4B,CAAC,OAAwC;AACzE,GAAK,GAAa,KAChB,EAAkB,EAAM,eAAe,EACvC,EAAoB,GAAO,EAAM,eAAe;KAI9C,IAAW,IAAI,qBACnB,GACC,IAKG,EAAC,WAAW,IAAI,GAJhB;GACE,YAAY;GACZ,WAAW;GACZ,CAEN,EAEK,IAAmB,IAAI,qBAC3B,GACC,IAKG,EAAC,WAAW,IAAI,GAJhB;GACE,YAAY;GACZ,WAAW;GACZ,CAEN;AAOD,SALI,EAAW,YACb,EAAS,QAAQ,EAAW,QAAQ,EACpC,EAAiB,QAAQ,EAAW,QAAQ,SAGjC;AAEX,GADA,EAAS,YAAY,EACrB,EAAiB,YAAY;;IAE9B;EAAC;EAAO;EAAS;EAAoB,CAAC,EAGvC,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EAAK,GAAW,IAAiB,EAAO,iBAAiB,EAAO,oBAAoB;EAE9F;EACG,CAAA"}

package/esm/river/RiverStoryScroll/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RiverStoryScroll';
+//# sourceMappingURL=index.d.ts.map

package/esm/river/RiverStoryScroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/river/RiverStoryScroll/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/esm/river/index.d.ts

@@ -0,0 +1,6 @@
+export * from './RiverAccordion';
+export * from './River';
+export * from './RiverBreakout';
+export * from './RiverBreakoutTabs';
+export * from './RiverStoryScroll';
+//# sourceMappingURL=index.d.ts.map

package/esm/river/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/river/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA"}

package/esm/river/river-shared.module-Cc5R8-Kl.css

@@ -0,0 +1 @@
+.Primer_Brand__river-shared-module__River___PCP5W{grid-gap:var(--brand-River-spacing-inner);gap:var(--brand-River-spacing-inner);padding-inline:var(--brand-River-spacing-outerInline);padding-block:var(--brand-River-spacing-outerBlock);grid-auto-rows:min-content;display:grid;container-type:inline-size}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX{padding-inline:var(--brand-River-variant-gridline-spacing-outerInline);padding-block:var(--brand-River-variant-gridline-spacing-outerBlock);gap:var(--base-size-32);position:relative}@media screen and (width>=48rem){.Primer_Brand__river-shared-module__River--variant-gridline___e27QX{gap:var(--base-size-28)}}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX:before,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX:after{content:"";border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);z-index:1;width:100vw;height:0;position:absolute;left:50%;transform:translate(-50%)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX:before{top:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX:after{bottom:0}@media screen and (width>=80rem){.Primer_Brand__river-shared-module__River--variant-gridline___e27QX{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__river-shared-module__River--align-center___4igQp{text-align:center}.Primer_Brand__river-shared-module__River__content___udxiD{order:2}.Primer_Brand__river-shared-module__River__visual--fill-media___aXDjy img,.Primer_Brand__river-shared-module__River__visual--fill-media___aXDjy picture,.Primer_Brand__river-shared-module__River__visual--fill-media___aXDjy video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.Primer_Brand__river-shared-module__River__visual--rounded___noFTs{border-radius:var(--brand-borderRadius-large);overflow:hidden}.Primer_Brand__river-shared-module__River__visual--has-shadow___5__Jy{box-shadow:var(--brand-River-visual-shadow)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32);margin-inline:calc(-1 * var(--brand-River-variant-gridline-spacing-outerInline));border-radius:0;justify-content:center;align-items:center;display:flex}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video{border-radius:var(--brand-borderRadius-large);width:auto;max-width:100%;height:auto}@media screen and (width<=47.99rem){.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{justify-content:flex-end;align-items:flex-end;padding-block-end:0;padding-inline-end:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video{border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}}@media screen and (width>=48rem) and (width<=63.24rem){.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{align-items:flex-end;padding-block-end:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video{border-end-end-radius:0;border-end-start-radius:0}}.Primer_Brand__river-shared-module__River__heading___e5fwB{margin-bottom:var(--brand-River-heading-margin)}.Primer_Brand__river-shared-module__River__call-to-action___yOsJI{margin-top:var(--base-size-20)}.Primer_Brand__river-shared-module__River__text___HCqnL strong,.Primer_Brand__river-shared-module__River__text___HCqnL b{font-weight:var(--base-text-weight-normal);color:var(--brand-color-text-default)}.Primer_Brand__river-shared-module__River__heading___e5fwB code,.Primer_Brand__river-shared-module__River__text___HCqnL code{font-size:inherit;background-color:var(--brand-color-canvas-subtle);padding:0 var(--base-size-4) var(--base-size-2);margin-inline:var(--base-size-2);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-small);box-shadow:var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);font-family:var(--brand-fontStack-monospace)!important}.Primer_Brand__river-shared-module__River__text___HCqnL code{padding:var(--base-size-2) var(--base-size-4) 0}.Primer_Brand__river-shared-module__River__heading-inner___XAylb:has(code){line-height:1.8lh}@media screen and (width>=64rem){.Primer_Brand__river-shared-module__River__heading-inner___XAylb:has(code){line-height:2.1lh}}.Primer_Brand__river-shared-module__River__text___HCqnL:has(code){line-height:1.1lh}.Primer_Brand__river-shared-module__River__trailingComponent___jDuou{margin-block-start:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River__trailingComponent--divider___mTL35{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-start:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River__label___ENXiR{margin-block-end:var(--brand-River-label-margin)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w .Primer_Brand__river-shared-module__River__visual___s4zuj{order:1}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w .Primer_Brand__river-shared-module__River__content___udxiD{order:2}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m .Primer_Brand__river-shared-module__River__content___udxiD{order:1}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m .Primer_Brand__river-shared-module__River__visual___s4zuj{order:2}@media screen and (width<=63.24rem){.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{margin-block-start:calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock))}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{margin-block-end:calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock))}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{margin-block-start:calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock))}}@media screen and (width>=63.25rem){.Primer_Brand__river-shared-module__River___PCP5W{grid-template-rows:initial}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{padding:var(--base-size-64);margin:0}.Primer_Brand__river-shared-module__River__content___udxiD{order:initial}.Primer_Brand__river-shared-module__River--50-50___37Rpp{grid-template-columns:[content]1fr[visual]1fr}.Primer_Brand__river-shared-module__River--60-40___3M2aV{grid-template-columns:[content]4fr[visual]6fr}.Primer_Brand__river-shared-module__River--align-start___PjR7w{grid-template-areas:"content visual"}.Primer_Brand__river-shared-module__River--align-end___PI17m{grid-template-areas:"visual content"}.Primer_Brand__river-shared-module__River--align-end___PI17m.Primer_Brand__river-shared-module__River--60-40___3M2aV{grid-template-columns:[visual]6fr[content]4fr}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA)) .Primer_Brand__river-shared-module__River__visual___s4zuj{margin-inline-start:calc(var(--base-size-80) + var(--base-size-8))}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA)) .Primer_Brand__river-shared-module__River__visual___s4zuj{margin-inline-end:calc(var(--base-size-80) + var(--base-size-8))}.Primer_Brand__river-shared-module__River__content___udxiD{grid-area:content;align-content:center;display:grid}.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(.Primer_Brand__river-shared-module__River--variant-gridline___e27QX) .Primer_Brand__river-shared-module__River__body-text___K4T6H,.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(.Primer_Brand__river-shared-module__River--variant-gridline___e27QX) .Primer_Brand__river-shared-module__River__heading___e5fwB{max-width:400px}.Primer_Brand__river-shared-module__River--align-start___PjR7w:not(.Primer_Brand__river-shared-module__River--variant-gridline___e27QX) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-end:var(--base-size-128)}.Primer_Brand__river-shared-module__River--align-end___PI17m:not(.Primer_Brand__river-shared-module__River--variant-gridline___e27QX) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:var(--base-size-128)}.Primer_Brand__river-shared-module__River__content--align-block-end___w7f2E{align-content:end}.Primer_Brand__river-shared-module__River__visual___s4zuj{grid-area:visual}.Primer_Brand__river-shared-module__River--align-center___4igQp{grid-auto-rows:min-content;grid-template-columns:initial}.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__content___udxiD,.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__visual___s4zuj{grid-area:unset;justify-self:center}.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__body-text___K4T6H{justify-self:center;max-width:600px}.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__visual___s4zuj{margin-bottom:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__content___udxiD{margin-top:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX:not(.Primer_Brand__river-shared-module__River--align-center___4igQp):has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){gap:0;padding:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(.Primer_Brand__river-shared-module__River--align-center___4igQp):has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){grid-template-columns:1fr 1fr}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--60-40___3M2aV:not(.Primer_Brand__river-shared-module__River--align-center___4igQp):has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){grid-template-columns:560fr 676fr}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m.Primer_Brand__river-shared-module__River--60-40___3M2aV:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){grid-template-columns:676fr 560fr}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:var(--base-size-64);padding-inline-end:var(--brand-River-spacing-inner);padding-block:var(--brand-River-variant-gridline-spacing-outerBlock)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--50-50___37Rpp.Primer_Brand__river-shared-module__River--align-start___PjR7w:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-end:calc(var(--base-size-80) + var(--base-size-32))}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--60-40___3M2aV.Primer_Brand__river-shared-module__River--align-start___PjR7w:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-end:var(--base-size-128)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:var(--brand-River-spacing-inner);padding-inline-end:var(--base-size-64);padding-block:var(--brand-River-variant-gridline-spacing-outerBlock)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--50-50___37Rpp.Primer_Brand__river-shared-module__River--align-end___PI17m:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:calc(var(--base-size-80) + var(--base-size-32))}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--60-40___3M2aV.Primer_Brand__river-shared-module__River--align-end___PI17m:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:var(--base-size-128)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-start___PjR7w:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA)) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-end:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-end___PI17m:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA)) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline-start:var(--brand-River-spacing-inner)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--50-50___37Rpp:not(.Primer_Brand__river-shared-module__River--align-center___4igQp) .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{margin-inline:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){padding:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{width:100%;margin:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__visual___s4zuj{margin-bottom:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp{gap:0}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp .Primer_Brand__river-shared-module__River__content___udxiD{margin-top:0;margin-bottom:var(--base-size-64)}.Primer_Brand__river-shared-module__River--variant-gridline___e27QX.Primer_Brand__river-shared-module__River--align-center___4igQp:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA) .Primer_Brand__river-shared-module__River__content___udxiD{padding-inline:var(--brand-River-variant-gridline-spacing-outerInline);padding-block-start:var(--brand-River-variant-gridline-spacing-outerBlock)}}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F{gap:var(--brand-RiverBreakout-spacing-inner);flex-direction:column;padding-block-start:var(--brand-River-spacing-outerBlock);padding-block-end:var(--brand-River-spacing-outerBlock);display:flex}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__text___HCqnL{max-width:37.5rem;color:var(--brand-color-text-default);font-size:var(--brand-text-size-500);font-weight:var(--brand-heading-weight-500);letter-spacing:var(--brand-heading-letterSpacing-500);line-height:var(--brand-text-lineHeight-500)}.Primer_Brand__river-shared-module__RiverBreakout--muted___ndl_I .Primer_Brand__river-shared-module__River__text___HCqnL{color:var(--brand-color-text-muted)}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__text___HCqnL em,.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__text___HCqnL b{color:var(--brand-color-text-default);font-style:normal;font-weight:inherit}.Primer_Brand__river-shared-module__RiverBreakout__hiddenHeading___wqngh{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__call-to-action___yOsJI{padding-block-start:var(--base-size-12)}@media screen and (width>=48rem){.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__content___udxiD{grid-gap:var(--brand-River-spacing-inner);gap:var(--brand-River-spacing-inner);grid-row-gap:var(--brand-River-spacing-innerY);row-gap:var(--brand-River-spacing-innerY);grid-template-columns:5fr 3fr;grid-template-areas:"text trailingComponent""cta trailingComponent";grid-auto-rows:auto 1fr;display:grid}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__text___HCqnL{grid-area:text}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__call-to-action___yOsJI{grid-area:cta;margin-block:0}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__trailingComponent___jDuou{grid-area:trailingComponent;justify-self:flex-end;margin-block-start:0}}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H{padding-inline:var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);gap:0;padding-block-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);padding-block-end:0;position:relative}@media screen and (width<=63.24rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H{width:100%;max-width:38.625rem;margin-inline:auto}}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:before,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:after{content:"";border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100vw;height:0;position:absolute;left:50%;transform:translate(-50%)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:before{top:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:after{bottom:0}@media screen and (width>=618px){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=63.25rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H{border-inline:none}}@media screen and (width>=1300px){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual___s4zuj{overflow:hidden}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--rounded___noFTs{border-radius:var(--brand-borderRadius-large)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__content___udxiD{gap:var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);padding-block-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);padding-block-end:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__call-to-action___yOsJI{padding-block-start:var(--base-size-12)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__trailingComponent--divider___mTL35{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);margin-inline:calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));padding-block-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);padding-block-end:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);padding-inline:var(--brand-RiverBreakout-variant-gridline-spacing-outerInline)}@media screen and (width>=48rem) and (width<=63.24rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__content___udxiD{flex-direction:column;display:flex}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__trailingComponent___jDuou{margin-block-start:0}}@media screen and (width>=63.25rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___mTL35){padding-block-end:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__content___udxiD{grid-template-columns:1fr 31rem;grid-template-areas:"text trailingComponent""cta trailingComponent";grid-template-columns:1fr var(--brand-RiverBreakout-gridline-trailing-width,31rem);grid-gap:var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);gap:var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);flex:1;grid-template-rows:auto 1fr;padding-block:0;display:grid}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__text___HCqnL{grid-area:text;padding-block-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__call-to-action___yOsJI{grid-area:cta;margin-block:0;padding-block-end:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__trailingComponent___jDuou{grid-area:trailingComponent;margin-block-start:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__trailingComponent--divider___mTL35{border-top:none;border-left:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline:0;padding-block:0;padding-inline-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);align-self:stretch;margin-block:0;margin-inline:0;padding-block-start:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);padding-block-end:var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd)}}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H:has(.Primer_Brand__river-shared-module__River__visual--has-background___0wEBA){padding-block-start:0}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{background-color:var(--brand-color-canvas-subtle);border-radius:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video{border-radius:var(--brand-borderRadius-large);width:auto;max-width:100%;height:auto}.Primer_Brand__river-shared-module__RiverBreakout___Jcz2F .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA [data-video-player-container]{border-radius:var(--brand-borderRadius-large)}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{margin-inline:calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));padding:var(--base-size-32)}@media screen and (width<=47.99rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{align-items:flex-end;padding-block-end:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA [data-video-player-container]{border-end-end-radius:0;border-end-start-radius:0}}@media screen and (width>=48rem) and (width<=63.24rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{align-items:flex-end;padding-block-end:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA [data-video-player-container]{border-end-end-radius:0;border-end-start-radius:0}}@media screen and (width>=63.25rem){.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA{padding:var(--base-size-64);align-items:flex-end;padding-block-end:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA img,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA picture,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA video,.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA [data-video-player-container]{border-end-end-radius:0;border-end-start-radius:0}.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H .Primer_Brand__river-shared-module__River__visual--has-background___0wEBA.Primer_Brand__river-shared-module__River__visual--rounded___noFTs{border-radius:0}}

package/esm/river/river-shared.module.js

@@ -0,0 +1,32 @@
+import './river-shared.module-Cc5R8-Kl.css';var e = {
+	River: "Primer_Brand__river-shared-module__River___PCP5W",
+	"River--variant-gridline": "Primer_Brand__river-shared-module__River--variant-gridline___e27QX",
+	"River--align-center": "Primer_Brand__river-shared-module__River--align-center___4igQp",
+	River__content: "Primer_Brand__river-shared-module__River__content___udxiD",
+	"River__visual--fill-media": "Primer_Brand__river-shared-module__River__visual--fill-media___aXDjy",
+	"River__visual--rounded": "Primer_Brand__river-shared-module__River__visual--rounded___noFTs",
+	"River__visual--has-shadow": "Primer_Brand__river-shared-module__River__visual--has-shadow___5__Jy",
+	"River__visual--has-background": "Primer_Brand__river-shared-module__River__visual--has-background___0wEBA",
+	River__heading: "Primer_Brand__river-shared-module__River__heading___e5fwB",
+	"River__call-to-action": "Primer_Brand__river-shared-module__River__call-to-action___yOsJI",
+	River__text: "Primer_Brand__river-shared-module__River__text___HCqnL",
+	"River__heading-inner": "Primer_Brand__river-shared-module__River__heading-inner___XAylb",
+	River__trailingComponent: "Primer_Brand__river-shared-module__River__trailingComponent___jDuou",
+	"River__trailingComponent--divider": "Primer_Brand__river-shared-module__River__trailingComponent--divider___mTL35",
+	River__label: "Primer_Brand__river-shared-module__River__label___ENXiR",
+	"River--align-start": "Primer_Brand__river-shared-module__River--align-start___PjR7w",
+	River__visual: "Primer_Brand__river-shared-module__River__visual___s4zuj",
+	"River--align-end": "Primer_Brand__river-shared-module__River--align-end___PI17m",
+	"River--50-50": "Primer_Brand__river-shared-module__River--50-50___37Rpp",
+	"River--60-40": "Primer_Brand__river-shared-module__River--60-40___3M2aV",
+	"River__body-text": "Primer_Brand__river-shared-module__River__body-text___K4T6H",
+	"River__content--align-block-end": "Primer_Brand__river-shared-module__River__content--align-block-end___w7f2E",
+	RiverBreakout: "Primer_Brand__river-shared-module__RiverBreakout___Jcz2F",
+	"RiverBreakout--muted": "Primer_Brand__river-shared-module__RiverBreakout--muted___ndl_I",
+	RiverBreakout__hiddenHeading: "Primer_Brand__river-shared-module__RiverBreakout__hiddenHeading___wqngh",
+	"RiverBreakout--variant-gridline": "Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___2_O5H"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=river-shared.module.js.map

package/esm/river/river-shared.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"river-shared.module.js","names":[],"sources":["../../src/river/river-shared.module.css"],"sourcesContent":[".River {\n  display: grid;\n  gap: var(--brand-River-spacing-inner);\n  grid-auto-rows: min-content;\n  padding-inline: var(--brand-River-spacing-outerInline);\n  padding-block: var(--brand-River-spacing-outerBlock);\n  container-type: inline-size;\n}\n\n.River--variant-gridline {\n  position: relative;\n  padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);\n  padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);\n  gap: var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n  .River--variant-gridline {\n    gap: var(--base-size-28);\n  }\n}\n\n.River--variant-gridline::before,\n.River--variant-gridline::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n}\n\n.River--variant-gridline::before {\n  top: 0;\n}\n\n.River--variant-gridline::after {\n  bottom: 0;\n}\n\n@media screen and (min-width: 80rem) {\n  .River--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.River--align-center {\n  text-align: center;\n}\n\n.River__content {\n  order: 2;\n}\n\n.River__visual--fill-media img,\n.River__visual--fill-media picture,\n.River__visual--fill-media video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.River__visual--rounded {\n  overflow: hidden;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.River__visual--has-shadow {\n  box-shadow: var(--brand-River-visual-shadow);\n}\n\n.River--variant-gridline .River__visual--has-background {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--brand-color-canvas-subtle);\n  padding: var(--base-size-32);\n  border-radius: 0;\n  margin-inline: calc(-1 * var(--brand-River-variant-gridline-spacing-outerInline));\n}\n\n.River--variant-gridline .River__visual--has-background img,\n.River--variant-gridline .River__visual--has-background picture,\n.River--variant-gridline .River__visual--has-background video {\n  max-width: 100%;\n  height: auto;\n  width: auto;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n@media screen and (max-width: 47.99rem) {\n  .River--variant-gridline .River__visual--has-background {\n    align-items: flex-end;\n    justify-content: flex-end;\n    padding-block-end: 0;\n    padding-inline-end: 0;\n  }\n\n  .River--variant-gridline .River__visual--has-background img,\n  .River--variant-gridline .River__visual--has-background picture,\n  .River--variant-gridline .River__visual--has-background video {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n    border-start-end-radius: 0;\n  }\n}\n\n@media screen and (min-width: 48rem) and (max-width: 63.24rem) {\n  .River--variant-gridline .River__visual--has-background {\n    align-items: flex-end;\n    padding-block-end: 0;\n  }\n\n  .River--variant-gridline .River__visual--has-background img,\n  .River--variant-gridline .River__visual--has-background picture,\n  .River--variant-gridline .River__visual--has-background video {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n}\n\n.River__heading {\n  margin-bottom: var(--brand-River-heading-margin);\n}\n\n.River__call-to-action {\n  margin-top: var(--base-size-20);\n}\n\n.River__text strong,\n.River__text b {\n  font-weight: var(--base-text-weight-normal);\n  color: var(--brand-color-text-default);\n}\n\n.River__heading code,\n.River__text code {\n  font-size: inherit;\n  font-family: var(--brand-fontStack-monospace) !important;\n  background-color: var(--brand-color-canvas-subtle);\n  padding: 0 var(--base-size-4) var(--base-size-2);\n  margin-inline: var(--base-size-2);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-small);\n  box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);\n}\n\n.River__text code {\n  padding: var(--base-size-2) var(--base-size-4) 0;\n}\n\n.River__heading-inner:has(code) {\n  line-height: calc(1lh * 1.8);\n}\n\n@media screen and (min-width: 64rem) {\n  .River__heading-inner:has(code) {\n    line-height: calc(1lh * 2.1);\n  }\n}\n\n.River__text:has(code) {\n  line-height: calc(1lh * 1.1);\n}\n\n.River__trailingComponent {\n  margin-block-start: var(--brand-River-spacing-inner);\n}\n\n.River__trailingComponent--divider {\n  padding-block-start: var(--brand-River-spacing-inner);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.River__label {\n  margin-block-end: var(--brand-River-label-margin);\n}\n\n.River--variant-gridline.River--align-start .River__visual {\n  order: 1;\n}\n\n.River--variant-gridline.River--align-start .River__content {\n  order: 2;\n}\n\n.River--variant-gridline.River--align-end .River__content {\n  order: 1;\n}\n\n.River--variant-gridline.River--align-end .River__visual {\n  order: 2;\n}\n\n@media screen and (max-width: 63.24rem) {\n  .River--variant-gridline.River--align-start .River__visual--has-background {\n    margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));\n  }\n\n  .River--variant-gridline.River--align-end .River__visual--has-background {\n    margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));\n  }\n\n  .River--variant-gridline.River--align-center .River__visual--has-background {\n    margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .River {\n    grid-template-rows: unset;\n  }\n\n  .River--variant-gridline .River__visual--has-background {\n    padding: var(--base-size-64);\n    margin: 0;\n  }\n\n  .River__content {\n    order: unset;\n  }\n\n  .River--50-50 {\n    grid-template-columns: [content] 1fr [visual] 1fr;\n  }\n\n  .River--60-40 {\n    grid-template-columns: [content] 4fr [visual] 6fr;\n  }\n\n  .River--align-start {\n    grid-template-areas: 'content visual';\n  }\n\n  .River--align-end {\n    grid-template-areas: 'visual content';\n  }\n\n  .River--align-end.River--60-40 {\n    grid-template-columns: [visual] 6fr [content] 4fr;\n  }\n\n  .River--variant-gridline.River--align-start.River--50-50:not(:has(.River__visual--has-background)) .River__visual {\n    margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));\n  }\n\n  .River--variant-gridline.River--align-end.River--50-50:not(:has(.River__visual--has-background)) .River__visual {\n    margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));\n  }\n\n  .River__content {\n    display: grid;\n    align-content: center;\n    grid-area: content;\n  }\n\n  .River--50-50:not(.River--variant-gridline) .River__body-text,\n  .River--50-50:not(.River--variant-gridline) .River__heading {\n    max-width: 400px;\n  }\n\n  .River--align-start:not(.River--variant-gridline) .River__content {\n    padding-inline-end: var(--base-size-128);\n  }\n\n  .River--align-end:not(.River--variant-gridline) .River__content {\n    padding-inline-start: var(--base-size-128);\n  }\n\n  .River__content--align-block-end {\n    align-content: end;\n  }\n\n  .River__visual {\n    grid-area: visual;\n  }\n\n  .River--align-center {\n    grid-auto-rows: min-content;\n    grid-template-columns: unset;\n  }\n\n  .River--align-center .River__content,\n  .River--align-center .River__visual {\n    grid-area: unset;\n    justify-self: center;\n  }\n\n  .River--align-center .River__body-text {\n    max-width: 600px;\n    justify-self: center;\n  }\n\n  .River--align-center .River__visual {\n    margin-bottom: var(--brand-River-spacing-inner);\n  }\n\n  .River--align-center .River__content {\n    margin-top: var(--brand-River-spacing-inner);\n  }\n\n  .River--variant-gridline:not(.River--align-center):has(.River__visual--has-background) {\n    padding: 0;\n    gap: 0;\n  }\n\n  .River--variant-gridline.River--50-50:not(.River--align-center):has(.River__visual--has-background) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .River--variant-gridline.River--60-40:not(.River--align-center):has(.River__visual--has-background) {\n    grid-template-columns: 560fr 676fr;\n  }\n\n  .River--variant-gridline.River--align-end.River--60-40:has(.River__visual--has-background) {\n    grid-template-columns: 676fr 560fr;\n  }\n\n  .River--variant-gridline.River--align-start:has(.River__visual--has-background) .River__content {\n    padding-inline-start: var(--base-size-64);\n    padding-inline-end: var(--brand-River-spacing-inner);\n    padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);\n  }\n\n  .River--variant-gridline.River--50-50.River--align-start:has(.River__visual--has-background) .River__content {\n    padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));\n  }\n\n  .River--variant-gridline.River--60-40.River--align-start:has(.River__visual--has-background) .River__content {\n    padding-inline-end: var(--base-size-128);\n  }\n\n  .River--variant-gridline.River--align-end:has(.River__visual--has-background) .River__content {\n    padding-inline-start: var(--brand-River-spacing-inner);\n    padding-inline-end: var(--base-size-64);\n    padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);\n  }\n\n  .River--variant-gridline.River--50-50.River--align-end:has(.River__visual--has-background) .River__content {\n    padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));\n  }\n\n  .River--variant-gridline.River--60-40.River--align-end:has(.River__visual--has-background) .River__content {\n    padding-inline-start: var(--base-size-128);\n  }\n\n  .River--variant-gridline.River--align-start:not(:has(.River__visual--has-background)) .River__content {\n    padding-inline-end: var(--brand-River-spacing-inner);\n  }\n\n  .River--variant-gridline.River--align-end:not(:has(.River__visual--has-background)) .River__content {\n    padding-inline-start: var(--brand-River-spacing-inner);\n  }\n\n  .River--variant-gridline.River--50-50:not(.River--align-center) .River__visual--has-background {\n    margin-inline-start: 0;\n    margin-inline-end: 0;\n  }\n\n  .River--variant-gridline.River--align-center:has(.River__visual--has-background) {\n    padding: 0;\n  }\n\n  .River--variant-gridline.River--align-center .River__visual--has-background {\n    width: 100%;\n    margin: 0;\n  }\n\n  .River--variant-gridline.River--align-center .River__visual {\n    margin-bottom: 0;\n  }\n\n  .River--variant-gridline.River--align-center {\n    gap: 0;\n  }\n\n  .River--variant-gridline.River--align-center .River__content {\n    margin-top: 0;\n    margin-bottom: var(--base-size-64);\n  }\n\n  .River--variant-gridline.River--align-center:has(.River__visual--has-background) .River__content {\n    padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);\n    padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);\n  }\n}\n\n.RiverBreakout {\n  display: flex;\n  flex-direction: column;\n  gap: var(--brand-RiverBreakout-spacing-inner);\n  padding-block-end: var(--brand-River-spacing-outerBlock);\n  padding-block-start: var(--brand-River-spacing-outerBlock);\n}\n\n.RiverBreakout .River__text {\n  max-width: 37.5rem; /* 600px */\n  color: var(--brand-color-text-default);\n  font-size: var(--brand-text-size-500);\n  font-weight: var(--brand-heading-weight-500);\n  letter-spacing: var(--brand-heading-letterSpacing-500);\n  line-height: var(--brand-text-lineHeight-500);\n}\n\n.RiverBreakout--muted .River__text {\n  color: var(--brand-color-text-muted);\n}\n\n.RiverBreakout .River__text em,\n.RiverBreakout .River__text b {\n  color: var(--brand-color-text-default);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.RiverBreakout__hiddenHeading {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.RiverBreakout .River__call-to-action {\n  padding-block-start: var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n  .RiverBreakout .River__content {\n    display: grid;\n    gap: var(--brand-River-spacing-inner);\n    row-gap: var(--brand-River-spacing-innerY);\n    grid-template-areas:\n      'text trailingComponent'\n      'cta trailingComponent';\n    grid-template-columns: 5fr 3fr;\n    grid-auto-rows: auto 1fr;\n  }\n\n  .RiverBreakout .River__text {\n    grid-area: text;\n  }\n\n  .RiverBreakout .River__call-to-action {\n    grid-area: cta;\n    margin-block: 0;\n  }\n\n  .RiverBreakout .River__trailingComponent {\n    grid-area: trailingComponent;\n    justify-self: flex-end;\n    margin-block-start: 0;\n  }\n}\n\n.RiverBreakout--variant-gridline {\n  position: relative;\n  padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);\n  padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);\n  padding-block-end: 0;\n  gap: 0;\n}\n\n@media screen and (max-width: 63.24rem) {\n  .RiverBreakout--variant-gridline {\n    width: 100%;\n    max-width: 38.625rem;\n    margin-inline: auto;\n  }\n}\n\n.RiverBreakout--variant-gridline::before,\n.RiverBreakout--variant-gridline::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.RiverBreakout--variant-gridline::before {\n  top: 0;\n}\n\n.RiverBreakout--variant-gridline::after {\n  bottom: 0;\n}\n\n@media screen and (min-width: 618px) {\n  .RiverBreakout--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .RiverBreakout--variant-gridline {\n    border-inline: none;\n  }\n}\n\n@media screen and (min-width: 1300px) {\n  .RiverBreakout--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.RiverBreakout--variant-gridline .River__visual {\n  overflow: hidden;\n}\n\n.RiverBreakout--variant-gridline .River__visual--rounded {\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.RiverBreakout--variant-gridline .River__content {\n  padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);\n  padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);\n  gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);\n}\n\n.RiverBreakout--variant-gridline .River__call-to-action {\n  padding-block-start: var(--base-size-12);\n}\n\n.RiverBreakout--variant-gridline .River__trailingComponent--divider {\n  padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);\n  padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));\n  padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);\n}\n\n/* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */\n@media screen and (min-width: 48rem) and (max-width: 63.24rem) {\n  .RiverBreakout--variant-gridline .River__content {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .RiverBreakout--variant-gridline .River__trailingComponent {\n    margin-block-start: 0;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .RiverBreakout--variant-gridline:has(.River__trailingComponent--divider) {\n    padding-block-end: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__content {\n    display: grid;\n    grid-template-areas:\n      'text trailingComponent'\n      'cta trailingComponent';\n    grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);\n    grid-template-rows: auto 1fr;\n    gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);\n    flex: 1;\n    padding-block: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__text {\n    grid-area: text;\n    padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);\n  }\n\n  .RiverBreakout--variant-gridline .River__call-to-action {\n    grid-area: cta;\n    margin-block: 0;\n    padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);\n  }\n\n  .RiverBreakout--variant-gridline .River__trailingComponent {\n    grid-area: trailingComponent;\n    margin-block-start: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__trailingComponent--divider {\n    border-top: none;\n    border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    margin-inline: 0;\n    margin-block: 0;\n    padding-inline: 0;\n    padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);\n    padding-block: 0;\n    padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);\n    padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);\n    align-self: stretch;\n  }\n}\n\n/* Gridline + background: remove outer container top padding (background fills to top edge) */\n.RiverBreakout--variant-gridline:has(.River__visual--has-background) {\n  padding-block-start: 0;\n}\n\n.RiverBreakout .River__visual--has-background {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--brand-color-canvas-subtle);\n  border-radius: 0;\n  overflow: hidden;\n}\n\n.RiverBreakout .River__visual--has-background img,\n.RiverBreakout .River__visual--has-background picture,\n.RiverBreakout .River__visual--has-background video {\n  max-width: 100%;\n  height: auto;\n  width: auto;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.RiverBreakout .River__visual--has-background [data-video-player-container] {\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.RiverBreakout--variant-gridline .River__visual--has-background {\n  margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));\n  padding: var(--base-size-32);\n}\n\n@media screen and (max-width: 47.99rem) {\n  .RiverBreakout--variant-gridline .River__visual--has-background {\n    align-items: flex-end;\n    padding-block-end: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background img,\n  .RiverBreakout--variant-gridline .River__visual--has-background picture,\n  .RiverBreakout--variant-gridline .River__visual--has-background video {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background [data-video-player-container] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n}\n\n@media screen and (min-width: 48rem) and (max-width: 63.24rem) {\n  .RiverBreakout--variant-gridline .River__visual--has-background {\n    align-items: flex-end;\n    padding-block-end: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background img,\n  .RiverBreakout--variant-gridline .River__visual--has-background picture,\n  .RiverBreakout--variant-gridline .River__visual--has-background video {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background [data-video-player-container] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .RiverBreakout--variant-gridline .River__visual--has-background {\n    align-items: flex-end;\n    padding: var(--base-size-64);\n    padding-block-end: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background img,\n  .RiverBreakout--variant-gridline .River__visual--has-background picture,\n  .RiverBreakout--variant-gridline .River__visual--has-background video {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background [data-video-player-container] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .RiverBreakout--variant-gridline .River__visual--has-background.River__visual--rounded {\n    border-radius: 0;\n  }\n}\n"],"mappings":""}

package/esm/utils/isFragmentElement.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const isFragmentElement: (node: React.ReactNode | null | undefined) => node is React.ReactElement<{
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=isFragmentElement.d.ts.map

package/esm/utils/isFragmentElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFragmentElement.d.ts","sourceRoot":"","sources":["../../src/utils/isFragmentElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB,GAC5B,MAAM,KAAK,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,KACvC,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAEzD,CAAA"}

package/esm/utils/isFragmentElement.js

@@ -0,0 +1,7 @@
+import e from "react";
+//#region src/utils/isFragmentElement.ts
+var t = (t) => e.isValidElement(t) && t.type === e.Fragment;
+//#endregion
+export { t as isFragmentElement };
+
+//# sourceMappingURL=isFragmentElement.js.map

package/esm/utils/isFragmentElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFragmentElement.js","names":[],"sources":["../../src/utils/isFragmentElement.ts"],"sourcesContent":["import React from 'react'\n\nexport const isFragmentElement = (\n  node: React.ReactNode | null | undefined,\n): node is React.ReactElement<{children?: React.ReactNode}> => {\n  return React.isValidElement(node) && node.type === React.Fragment\n}\n"],"mappings":";;AAEA,IAAa,KACX,MAEO,EAAM,eAAe,EAAK,IAAI,EAAK,SAAS,EAAM"}

package/lib/Pillar/Pillar.d.ts

@@ -2,9 +2,8 @@ import React, { PropsWithChildren, type JSX } from 'react';
 import { HeadingProps, type ImageProps, LinkProps } from '..';
 import { type IconProps } from '../Icon';
 import type { BaseProps } from '../component-helpers';
-export declare const PillarIconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
 export declare const defaultPillarIconColor = "green";
-export declare const defaultPillarIconSize: "small";
+export declare const defaultPillarIconSize = 32;
 export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<C> & {
     /**
      * The HTML element used to render the Pillar.
@@ -28,9 +27,8 @@ type IconComponent = React.ComponentType<IconComponentProps> | React.ExoticCompo
 type IconElement = React.ReactElement<IconComponentProps>;
 export type PillarIconProps = Omit<IconProps, 'icon' | 'color'> & {
     icon: IconElement | IconComponent;
-    color?: (typeof PillarIconColors)[number];
 };
-declare function PillarIcon({ icon, className, color, hasBackground, size, ...props }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
+declare function PillarIcon({ icon, className, hasBackground, size, ...props }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
 type PillarHeadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;