@primer/react-brand 0.80.0-rc.4bfa3a79 → 0.80.0-rc.b232dc70

package/esm/TestimonialGroup/TestimonialGroup.js

@@ -0,0 +1,190 @@
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
+import { useProvidedRefOrCreate as t } from "../hooks/useRef.js";
+import n from "../hooks/useIsomorphicLayoutEffect.js";
+import { useReducedMotion as r } from "../hooks/useReducedMotion.js";
+import { Testimonial as i } from "../Testimonial/Testimonial.js";
+import { CarouselPagination as a } from "../CarouselPagination/CarouselPagination.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial-group/base-Cq-doRpg.css';/* empty css                                                                                                  */
+import o from "./TestimonialGroup.module.js";
+import { Children as s, cloneElement as c, forwardRef as l, isValidElement as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/TestimonialGroup/TestimonialGroup.tsx
+var _ = { root: "TestimonialGroup" }, v = l(({ children: l, className: v, defaultActiveIndex: y = 0, onChange: b, labels: { carousel: x = "Testimonials", controlsPrev: S = "Previous testimonial", controlsNext: C = "Next testimonial", controlsNavigation: w = "{carousel} navigation", carouselRoleDescription: T = "carousel", slideRoleDescription: E = "slide", indicator: D = "Go to testimonial {current}", slide: O = "Testimonial {current} of {total}", announcement: k = "Testimonial {current} of {total}: {author}" } = {}, "aria-label": A = x, "data-testid": j, ...M }, N) => {
+	let P = f(() => s.toArray(l).filter((e) => u(e) && e.type === i), [l]), F = Math.max(0, Math.min(Number.isInteger(y) ? y : 0, P.length - 1)), [I, L] = m({
+		index: F,
+		targetIndex: F,
+		phase: "idle"
+	}), R = p(I), z = t(N), B = p(null), V = p(null), H = p(b), [U, W] = m(null), G = r(), K = p(null), q = (e, t) => e.replace(/\{(current|total|author|carousel)\}/g, (e, n) => String(t[n] ?? e));
+	if (n(() => {
+		H.current = b;
+	}, [b]), n(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelectorAll(`.${o.TestimonialGroup__slide}`), n = Math.max(0, ...Array.from(t, (e) => e.getBoundingClientRect().height));
+			e.style.minHeight = `${Math.ceil(n)}px`;
+			let r = V.current;
+			if (!r) return;
+			let i = P[I.index]?.props.variant === "expressive" ? t[I.index].querySelector(`.${o.TestimonialGroup__quoteMark}`) : null, a = 0;
+			if (i) {
+				let t = e.getBoundingClientRect(), n = i.getBoundingClientRect();
+				a = getComputedStyle(e).direction === "rtl" ? t.right - n.right : n.left - t.left;
+			}
+			r.style.marginInlineStart = `${Math.max(0, a)}px`;
+		};
+		t();
+		let n = new ResizeObserver(t);
+		n.observe(e);
+		for (let t of e.children) n.observe(t);
+		return () => n.disconnect();
+	}, [P, I.index]), d(() => {
+		let e = B.current?.children;
+		if (e) for (let [t, n] of Array.from(e).entries()) n.toggleAttribute("inert", t !== I.index);
+	}, [P, I.index]), d(() => {
+		if (!z.current || P.length === 0) return;
+		let e = !1, t = R.current, n = P.length, r = (e) => {
+			t = e, R.current = e, L(e);
+		}, i = () => {
+			let n = t.targetIndex, i = n !== t.index;
+			r({
+				...t,
+				index: n,
+				phase: G ? "idle" : "in"
+			}), e && W(n), e = !1, i && H.current?.(n);
+		};
+		return K.current = {
+			changeTo: (a) => {
+				if (a < 0 || a >= n) return;
+				if (a === t.index && t.phase !== "out") {
+					W(a);
+					return;
+				}
+				e = !0;
+				let o = t.phase === "out";
+				if (r({
+					...t,
+					targetIndex: a
+				}), G) {
+					i();
+					return;
+				}
+				if (o) {
+					a === t.index && (r({
+						...t,
+						phase: "in"
+					}), W(t.index), e = !1);
+					return;
+				}
+				r({
+					...t,
+					phase: "out"
+				});
+			},
+			finishPhase: () => {
+				t.phase === "out" ? i() : t.phase === "in" && r({
+					...t,
+					phase: "idle"
+				});
+			}
+		}, t.index >= n || t.targetIndex >= n ? r({
+			index: n - 1,
+			targetIndex: n - 1,
+			phase: "idle"
+		}) : t.phase !== "idle" && i(), () => {
+			K.current = null;
+		};
+	}, [
+		G,
+		P.length,
+		z
+	]), d(() => {
+		if (I.phase === "idle" || G) return;
+		let e = B.current?.children[I.index];
+		if (!e) return;
+		let t = (e) => {
+			let t = Number.parseFloat(e);
+			return Number.isFinite(t) ? t * (e.trim().endsWith("ms") ? 1 : 1e3) : 0;
+		}, n = 0, r = e.querySelectorAll([
+			o.TestimonialGroup__quoteMark,
+			o.TestimonialGroup__quote,
+			o.TestimonialGroup__media
+		].map((e) => `.${e}`).join(","));
+		for (let e of r) {
+			let r = getComputedStyle(e), i = r.transitionDuration.split(",").map(t), a = r.transitionDelay.split(",").map(t);
+			for (let [e, t] of r.transitionProperty.split(",").entries()) t.trim() !== "opacity" && t.trim() !== "all" || (n = Math.max(n, i[e % i.length] + a[e % a.length]));
+		}
+		let i = setTimeout(() => K.current?.finishPhase(), n);
+		return () => clearTimeout(i);
+	}, [
+		G,
+		I.index,
+		I.phase
+	]), P.length === 0) return null;
+	let J = U === null ? void 0 : P[U], Y = J && s.toArray(J.props.children).find((e) => u(e) && e.type === i.Name)?.props.children, X = typeof Y == "string" && Y.trim().length > 0;
+	return /* @__PURE__ */ g("div", {
+		...M,
+		ref: z,
+		role: "region",
+		"aria-roledescription": T,
+		"aria-label": A,
+		"data-testid": j || _.root,
+		className: e(o.TestimonialGroup, v),
+		children: [/* @__PURE__ */ g("div", {
+			className: e(o.TestimonialGroup__content, P.some((e) => e.props.variant === "expressive") && o["TestimonialGroup__content--expressive"]),
+			children: [P.length > 1 && /* @__PURE__ */ h("div", {
+				ref: V,
+				className: o.TestimonialGroup__controls,
+				children: /* @__PURE__ */ h(a, {
+					loop: !0,
+					itemCount: P.length,
+					activeIndex: I.targetIndex,
+					"aria-label": q(w, { carousel: A }),
+					labels: {
+						previous: S,
+						next: C
+					},
+					itemAttributesBuilder: (e) => ({ "aria-label": q(D, {
+						current: e + 1,
+						total: P.length
+					}) }),
+					onChange: (e) => K.current?.changeTo(e)
+				})
+			}), /* @__PURE__ */ h("div", {
+				ref: B,
+				className: o.TestimonialGroup__slides,
+				children: P.map((t, n) => /* @__PURE__ */ h("div", {
+					className: e(o.TestimonialGroup__slide, n === I.index && o["TestimonialGroup__slide--active"]),
+					role: "group",
+					"aria-roledescription": E,
+					"aria-label": q(O, {
+						current: n + 1,
+						total: P.length
+					}),
+					"aria-hidden": n !== I.index || void 0,
+					children: c(t, {
+						variant: t.props.variant ?? "minimal",
+						animate: void 0,
+						quoteMarkClassName: e(t.props.quoteMarkClassName, o.TestimonialGroup__quoteMark),
+						mediaClassName: e(t.props.mediaClassName, o.TestimonialGroup__media),
+						children: s.map(t.props.children, (n) => u(n) ? n.type === i.Quote ? c(n, { className: e(n.props.className, o.TestimonialGroup__quote) }) : n.type === i.Avatar ? c(n, { className: e(n.props.className, o.TestimonialGroup__avatar, t.props.size === "large" && o["TestimonialGroup__avatar--size-large"]) }) : n : n),
+						className: e(t.props.className, o[`TestimonialGroup__testimonial--${n === I.index ? I.phase : "out"}`])
+					})
+				}, t.key))
+			})]
+		}), /* @__PURE__ */ h("span", {
+			className: o.TestimonialGroup__announcement,
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			children: U !== null && J && q(X ? k : O, {
+				current: U + 1,
+				total: P.length,
+				author: X ? Y : void 0
+			})
+		})]
+	});
+}), y = Object.assign(v, { testIds: _ });
+//#endregion
+export { y as TestimonialGroup };
+
+//# sourceMappingURL=TestimonialGroup.js.map

package/esm/TestimonialGroup/TestimonialGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestimonialGroup.js","names":[],"sources":["../../src/TestimonialGroup/TestimonialGroup.tsx"],"sourcesContent":["import React, {Children, cloneElement, forwardRef, isValidElement, useEffect, useMemo, useRef, useState} from 'react'\nimport {clsx} from 'clsx'\nimport {Testimonial, type TestimonialProps} from '../Testimonial'\nimport {CarouselPagination} from '../CarouselPagination'\nimport {useReducedMotion} from '../hooks/useReducedMotion'\nimport {useProvidedRefOrCreate} from '../hooks/useRef'\nimport useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial-group/base.css'\nimport styles from './TestimonialGroup.module.css'\n\nconst testIds = {\n  root: 'TestimonialGroup',\n}\n\nexport type TestimonialGroupProps = BaseProps<HTMLDivElement> &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {\n    'data-testid'?: string\n    /** Initial testimonial: 0 for the first, 1 for the second. */\n    defaultActiveIndex?: number\n    /** Called after a testimonial changes, with its index (first is 0). */\n    onChange?: (activeIndex: number) => void\n    /** Overrides accessible control labels and slide announcements. */\n    labels?: {\n      carousel?: string\n      controlsPrev?: string\n      controlsNext?: string\n      controlsNavigation?: string\n      carouselRoleDescription?: string\n      slideRoleDescription?: string\n      /** Complete selector label using {current} and {total}. */\n      indicator?: string\n      /** Complete slide label using {current} and {total}. */\n      slide?: string\n      /** Complete announcement using {current}, {total}, and {author}. */\n      announcement?: string\n    }\n  }\n\ntype TestimonialGroupView = {index: number; targetIndex: number; phase: 'idle' | 'out' | 'in'}\n\nconst Root = forwardRef<HTMLDivElement, TestimonialGroupProps>(\n  (\n    {\n      children,\n      className,\n      defaultActiveIndex = 0,\n      onChange,\n      labels: {\n        carousel = 'Testimonials',\n        controlsPrev = 'Previous testimonial',\n        controlsNext = 'Next testimonial',\n        controlsNavigation = '{carousel} navigation',\n        carouselRoleDescription = 'carousel',\n        slideRoleDescription = 'slide',\n        indicator = 'Go to testimonial {current}',\n        slide: slideLabel = 'Testimonial {current} of {total}',\n        announcement: announcementLabel = 'Testimonial {current} of {total}: {author}',\n      } = {},\n      'aria-label': ariaLabel = carousel,\n      'data-testid': testId,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const testimonials = useMemo(\n      () =>\n        Children.toArray(children).filter(\n          (child): child is React.ReactElement<TestimonialProps> =>\n            isValidElement<TestimonialProps>(child) && child.type === Testimonial,\n        ),\n      [children],\n    )\n    const initialIndex = Math.max(\n      0,\n      Math.min(Number.isInteger(defaultActiveIndex) ? defaultActiveIndex : 0, testimonials.length - 1),\n    )\n    const [view, setView] = useState<TestimonialGroupView>({\n      index: initialIndex,\n      targetIndex: initialIndex,\n      phase: 'idle',\n    })\n    const viewRef = useRef(view)\n    const rootRef = useProvidedRefOrCreate<HTMLDivElement | null>(forwardedRef)\n    const slidesRef = useRef<HTMLDivElement>(null)\n    const controlsRef = useRef<HTMLDivElement>(null)\n    const onChangeRef = useRef(onChange)\n    const [announcementIndex, setAnnouncementIndex] = useState<number | null>(null)\n    const prefersReducedMotion = useReducedMotion()\n    const controller = useRef<{\n      changeTo: (index: number) => void\n      finishPhase: () => void\n    } | null>(null)\n    const formatLabel = (\n      template: string,\n      values: {current?: number; total?: number; author?: string; carousel?: string},\n    ) =>\n      template.replace(/\\{(current|total|author|carousel)\\}/g, (placeholder, name: keyof typeof values) =>\n        String(values[name] ?? placeholder),\n      )\n\n    useIsomorphicLayoutEffect(() => {\n      onChangeRef.current = onChange\n    }, [onChange])\n\n    useIsomorphicLayoutEffect(() => {\n      const slidesContainer = slidesRef.current\n      if (!slidesContainer) return\n\n      const measureLayout = () => {\n        const slides = slidesContainer.querySelectorAll<HTMLElement>(`.${styles.TestimonialGroup__slide}`)\n        const tallest = Math.max(0, ...Array.from(slides, slide => slide.getBoundingClientRect().height))\n        slidesContainer.style.minHeight = `${Math.ceil(tallest)}px`\n\n        const controls = controlsRef.current\n        if (!controls) return\n        const quoteMark =\n          testimonials[view.index]?.props.variant === 'expressive'\n            ? slides[view.index].querySelector<HTMLElement>(`.${styles.TestimonialGroup__quoteMark}`)\n            : null\n        let inlineInset = 0\n        if (quoteMark) {\n          const slidesBounds = slidesContainer.getBoundingClientRect()\n          const quoteBounds = quoteMark.getBoundingClientRect()\n          inlineInset =\n            getComputedStyle(slidesContainer).direction === 'rtl'\n              ? slidesBounds.right - quoteBounds.right\n              : quoteBounds.left - slidesBounds.left\n        }\n        controls.style.marginInlineStart = `${Math.max(0, inlineInset)}px`\n      }\n      measureLayout()\n      const observer = new ResizeObserver(measureLayout)\n      observer.observe(slidesContainer)\n      for (const slide of slidesContainer.children) {\n        observer.observe(slide)\n      }\n      return () => observer.disconnect()\n    }, [testimonials, view.index])\n\n    useEffect(() => {\n      const slides = slidesRef.current?.children\n      if (!slides) return\n\n      for (const [index, slide] of Array.from(slides).entries()) {\n        // Workaround to avoid React 18 / 19 type and rendering mismatches with the `inert` attribute.\n        // TODO: Move back to JSX when React 19 is fully adopted in Dotcom.\n        slide.toggleAttribute('inert', index !== view.index)\n      }\n    }, [testimonials, view.index])\n\n    useEffect(() => {\n      const root = rootRef.current\n      if (!root || testimonials.length === 0) return\n      let announceOnCommit = false\n      let current = viewRef.current\n      const count = testimonials.length\n      const updateView = (nextView: TestimonialGroupView) => {\n        current = nextView\n        viewRef.current = nextView\n        setView(nextView)\n      }\n      const commit = () => {\n        const nextIndex = current.targetIndex\n        const changed = nextIndex !== current.index\n        updateView({...current, index: nextIndex, phase: prefersReducedMotion ? 'idle' : 'in'})\n        if (announceOnCommit) setAnnouncementIndex(nextIndex)\n        announceOnCommit = false\n        if (changed) onChangeRef.current?.(nextIndex)\n      }\n      const changeTo = (nextIndex: number) => {\n        if (nextIndex < 0 || nextIndex >= count) return\n        if (nextIndex === current.index && current.phase !== 'out') {\n          setAnnouncementIndex(nextIndex)\n          return\n        }\n        announceOnCommit = true\n        const wasOutgoing = current.phase === 'out'\n        updateView({...current, targetIndex: nextIndex})\n        if (prefersReducedMotion) {\n          commit()\n          return\n        }\n        if (wasOutgoing) {\n          if (nextIndex === current.index) {\n            updateView({...current, phase: 'in'})\n            setAnnouncementIndex(current.index)\n            announceOnCommit = false\n          }\n          return\n        }\n        updateView({...current, phase: 'out'})\n      }\n      controller.current = {\n        changeTo,\n        finishPhase: () => {\n          if (current.phase === 'out') commit()\n          else if (current.phase === 'in') updateView({...current, phase: 'idle'})\n        },\n      }\n      if (current.index >= count || current.targetIndex >= count) {\n        updateView({index: count - 1, targetIndex: count - 1, phase: 'idle'})\n      } else if (current.phase !== 'idle') {\n        commit()\n      }\n      return () => {\n        controller.current = null\n      }\n    }, [prefersReducedMotion, testimonials.length, rootRef])\n\n    useEffect(() => {\n      if (view.phase === 'idle' || prefersReducedMotion) return\n      const activeSlide = slidesRef.current?.children[view.index]\n      if (!activeSlide) return\n      const toMilliseconds = (value: string) => {\n        const duration = Number.parseFloat(value)\n        return Number.isFinite(duration) ? duration * (value.trim().endsWith('ms') ? 1 : 1000) : 0\n      }\n      let completionTime = 0\n      const parts = activeSlide.querySelectorAll<HTMLElement>(\n        [styles.TestimonialGroup__quoteMark, styles.TestimonialGroup__quote, styles.TestimonialGroup__media]\n          .map(partClassName => `.${partClassName}`)\n          .join(','),\n      )\n      for (const part of parts) {\n        const computedStyle = getComputedStyle(part)\n        const durations = computedStyle.transitionDuration.split(',').map(toMilliseconds)\n        const delays = computedStyle.transitionDelay.split(',').map(toMilliseconds)\n        for (const [index, property] of computedStyle.transitionProperty.split(',').entries()) {\n          if (property.trim() !== 'opacity' && property.trim() !== 'all') continue\n          completionTime = Math.max(completionTime, durations[index % durations.length] + delays[index % delays.length])\n        }\n      }\n      const transitionTimer = setTimeout(() => controller.current?.finishPhase(), completionTime)\n      return () => clearTimeout(transitionTimer)\n    }, [prefersReducedMotion, view.index, view.phase])\n\n    if (testimonials.length === 0) return null\n\n    const announcedTestimonial = announcementIndex === null ? undefined : testimonials[announcementIndex]\n    const announcedName =\n      announcedTestimonial &&\n      Children.toArray(announcedTestimonial.props.children).find(\n        (child): child is React.ReactElement<{children?: React.ReactNode}> =>\n          isValidElement(child) && child.type === Testimonial.Name,\n      )?.props.children\n    const hasAnnouncedName = typeof announcedName === 'string' && announcedName.trim().length > 0\n\n    return (\n      <div\n        {...props}\n        ref={rootRef}\n        role=\"region\"\n        aria-roledescription={carouselRoleDescription}\n        aria-label={ariaLabel}\n        data-testid={testId || testIds.root}\n        className={clsx(styles.TestimonialGroup, className)}\n      >\n        <div\n          className={clsx(\n            styles.TestimonialGroup__content,\n            testimonials.some(testimonial => testimonial.props.variant === 'expressive') &&\n              styles['TestimonialGroup__content--expressive'],\n          )}\n        >\n          {testimonials.length > 1 && (\n            <div ref={controlsRef} className={styles.TestimonialGroup__controls}>\n              <CarouselPagination\n                loop\n                itemCount={testimonials.length}\n                activeIndex={view.targetIndex}\n                aria-label={formatLabel(controlsNavigation, {carousel: ariaLabel})}\n                labels={{\n                  previous: controlsPrev,\n                  next: controlsNext,\n                }}\n                itemAttributesBuilder={index => ({\n                  'aria-label': formatLabel(indicator, {current: index + 1, total: testimonials.length}),\n                })}\n                onChange={index => controller.current?.changeTo(index)}\n              />\n            </div>\n          )}\n          <div ref={slidesRef} className={styles.TestimonialGroup__slides}>\n            {testimonials.map((testimonial, index) => (\n              <div\n                key={testimonial.key}\n                className={clsx(\n                  styles.TestimonialGroup__slide,\n                  index === view.index && styles['TestimonialGroup__slide--active'],\n                )}\n                role=\"group\"\n                aria-roledescription={slideRoleDescription}\n                aria-label={formatLabel(slideLabel, {current: index + 1, total: testimonials.length})}\n                aria-hidden={index !== view.index || undefined}\n              >\n                {cloneElement(testimonial, {\n                  variant: testimonial.props.variant ?? 'minimal',\n                  animate: undefined,\n                  quoteMarkClassName: clsx(testimonial.props.quoteMarkClassName, styles.TestimonialGroup__quoteMark),\n                  mediaClassName: clsx(testimonial.props.mediaClassName, styles.TestimonialGroup__media),\n                  children: Children.map(testimonial.props.children, child => {\n                    if (!isValidElement<{className?: string}>(child)) return child\n                    if (child.type === Testimonial.Quote) {\n                      return cloneElement(child, {\n                        className: clsx(child.props.className, styles.TestimonialGroup__quote),\n                      })\n                    }\n                    if (child.type === Testimonial.Avatar) {\n                      return cloneElement(child, {\n                        className: clsx(\n                          child.props.className,\n                          styles.TestimonialGroup__avatar,\n                          testimonial.props.size === 'large' && styles['TestimonialGroup__avatar--size-large'],\n                        ),\n                      })\n                    }\n                    return child\n                  }),\n                  className: clsx(\n                    testimonial.props.className,\n                    styles[`TestimonialGroup__testimonial--${index === view.index ? view.phase : 'out'}`],\n                  ),\n                })}\n              </div>\n            ))}\n          </div>\n        </div>\n        <span className={styles.TestimonialGroup__announcement} role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {announcementIndex !== null &&\n            announcedTestimonial &&\n            formatLabel(hasAnnouncedName ? announcementLabel : slideLabel, {\n              current: announcementIndex + 1,\n              total: testimonials.length,\n              author: hasAnnouncedName ? announcedName : undefined,\n            })}\n        </span>\n      </div>\n    )\n  },\n)\n\n/**\n * Use TestimonialGroup to display a collection of testimonials in a carousel format.\n * @see https://primer.style/brand/components/TestimonialGroup/\n */\nexport const TestimonialGroup = Object.assign(Root, {testIds})\n"],"mappings":"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"}

package/esm/TestimonialGroup/TestimonialGroup.module-kFxPa1k1.css

@@ -0,0 +1 @@
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup___WSHAX{width:100%;min-width:0;padding-block:calc(var(--base-size-48) + var(--base-size-8));padding-inline:var(--base-size-32)}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__content____OwRq{flex-direction:column;width:100%;display:flex}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slides___bujxD{flex-direction:column;justify-content:center;width:100%;display:flex;position:relative}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide___BQN5P{visibility:hidden;pointer-events:none;width:100%;position:absolute}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide--active___Po_Ui{visibility:visible;pointer-events:auto;position:relative}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar___g6C4c{border:var(--base-size-2) solid var(--brand-Testimonial-quoteMarkColor-green);border-radius:50%;flex:none}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar___g6C4c.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar--size-large___RDqmT{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___kFAR6,.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___EojHF,.Primer_Brand__TestimonialGroup-module__TestimonialGroup__media____4w1m{transition:opacity var(--brand-TestimonialGroup-fadeInDuration) ease-in-out}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___3J8b7 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___kFAR6{opacity:0;transition:opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out .12s}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___3J8b7 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___EojHF{opacity:0;transition:opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 80ms}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___3J8b7 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__media____4w1m{opacity:0;transition:opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 40ms}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--in___oPvYa .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___EojHF{transition-delay:.1s}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--in___oPvYa .Primer_Brand__TestimonialGroup-module__TestimonialGroup__media____4w1m{transition-delay:var(--brand-animation-duration-faster)}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__controls___S4ca5{flex:none;order:1;align-items:center;margin-block-start:var(--base-size-32);padding-block-start:var(--base-size-16);display:flex}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__content--expressive___Ff_H7 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__controls___S4ca5{margin-block-start:0}.Primer_Brand__TestimonialGroup-module__TestimonialGroup__announcement___mOAht{width:var(--brand-borderWidth-thin);height:var(--brand-borderWidth-thin);clip-path:inset(50%);white-space:nowrap;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___kFAR6,.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___EojHF,.Primer_Brand__TestimonialGroup-module__TestimonialGroup__media____4w1m{transition:none}}@media screen and (width>=63.25rem){.Primer_Brand__TestimonialGroup-module__TestimonialGroup___WSHAX{padding-block:var(--base-size-60);padding-inline:var(--base-size-60)}}

package/esm/TestimonialGroup/TestimonialGroup.module.js

@@ -0,0 +1,22 @@
+import './TestimonialGroup.module-kFxPa1k1.css';//#region src/TestimonialGroup/TestimonialGroup.module.css
+var e = "Primer_Brand__TestimonialGroup-module__TestimonialGroup___WSHAX", t = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__content____OwRq", n = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__slides___bujxD", r = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide___BQN5P", i = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar___g6C4c", a = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___kFAR6", o = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___EojHF", s = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__media____4w1m", c = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__controls___S4ca5", l = "Primer_Brand__TestimonialGroup-module__TestimonialGroup__announcement___mOAht", u = {
+	TestimonialGroup: e,
+	TestimonialGroup__content: t,
+	TestimonialGroup__slides: n,
+	TestimonialGroup__slide: r,
+	"TestimonialGroup__slide--active": "Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide--active___Po_Ui",
+	TestimonialGroup__avatar: i,
+	"TestimonialGroup__avatar--size-large": "Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar--size-large___RDqmT",
+	TestimonialGroup__quoteMark: a,
+	TestimonialGroup__quote: o,
+	TestimonialGroup__media: s,
+	"TestimonialGroup__testimonial--out": "Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___3J8b7",
+	"TestimonialGroup__testimonial--in": "Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--in___oPvYa",
+	TestimonialGroup__controls: c,
+	"TestimonialGroup__content--expressive": "Primer_Brand__TestimonialGroup-module__TestimonialGroup__content--expressive___Ff_H7",
+	TestimonialGroup__announcement: l
+};
+//#endregion
+export { e as TestimonialGroup, l as TestimonialGroup__announcement, i as TestimonialGroup__avatar, t as TestimonialGroup__content, c as TestimonialGroup__controls, s as TestimonialGroup__media, o as TestimonialGroup__quote, a as TestimonialGroup__quoteMark, r as TestimonialGroup__slide, n as TestimonialGroup__slides, u as default };
+
+//# sourceMappingURL=TestimonialGroup.module.js.map

package/esm/TestimonialGroup/TestimonialGroup.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestimonialGroup.module.js","names":[],"sources":["../../src/TestimonialGroup/TestimonialGroup.module.css"],"sourcesContent":[".TestimonialGroup {\n  width: 100%;\n  min-width: 0;\n  padding-block: calc(var(--base-size-48) + var(--base-size-8));\n  padding-inline: var(--base-size-32);\n}\n\n.TestimonialGroup__content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.TestimonialGroup__slides {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n}\n\n.TestimonialGroup__slide {\n  position: absolute;\n  width: 100%;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.TestimonialGroup__slide--active {\n  position: relative;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.TestimonialGroup__avatar {\n  flex: none;\n  border: var(--base-size-2) solid var(--brand-Testimonial-quoteMarkColor-green);\n  border-radius: 50%;\n}\n\n.TestimonialGroup__avatar.TestimonialGroup__avatar--size-large {\n  width: var(--base-size-48);\n  height: var(--base-size-48);\n}\n\n.TestimonialGroup__quoteMark,\n.TestimonialGroup__quote,\n.TestimonialGroup__media {\n  transition: opacity var(--brand-TestimonialGroup-fadeInDuration) ease-in-out;\n}\n\n.TestimonialGroup__testimonial--out .TestimonialGroup__quoteMark {\n  opacity: 0;\n  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 120ms;\n}\n\n.TestimonialGroup__testimonial--out .TestimonialGroup__quote {\n  opacity: 0;\n  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 80ms;\n}\n\n.TestimonialGroup__testimonial--out .TestimonialGroup__media {\n  opacity: 0;\n  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 40ms;\n}\n\n.TestimonialGroup__testimonial--in .TestimonialGroup__quote {\n  transition-delay: 100ms;\n}\n\n.TestimonialGroup__testimonial--in .TestimonialGroup__media {\n  transition-delay: var(--brand-animation-duration-faster);\n}\n\n.TestimonialGroup__controls {\n  display: flex;\n  flex: none;\n  order: 1;\n  align-items: center;\n  margin-block-start: var(--base-size-32);\n  padding-block-start: var(--base-size-16);\n}\n\n.TestimonialGroup__content--expressive .TestimonialGroup__controls {\n  margin-block-start: 0;\n}\n\n.TestimonialGroup__announcement {\n  position: absolute;\n  width: var(--brand-borderWidth-thin);\n  height: var(--brand-borderWidth-thin);\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .TestimonialGroup__quoteMark,\n  .TestimonialGroup__quote,\n  .TestimonialGroup__media {\n    transition: none;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .TestimonialGroup {\n    padding-block: var(--base-size-60);\n    padding-inline: var(--base-size-60);\n  }\n}\n"],"mappings":""}

package/esm/TestimonialGroup/index.d.ts

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

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

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

package/esm/index.d.ts

@@ -22,6 +22,7 @@ export * from './forms';
 export * from './Stack';
 export * from './Avatar';
 export * from './Testimonial';
+export * from './TestimonialGroup';
 export * from './ComparisonTable';
 export * from './FeatureComparisonTable';
 export * from './AnchorNav';
@@ -50,6 +51,7 @@ export * from './NavList';
 export * from './IDE';
 export * from './Breadcrumbs';
 export * from './Pagination';
+export * from './CarouselPagination';
 export * from './Tooltip';
 export * from './Section';
 export * from './Statistic';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}

package/esm/index.esm.js

@@ -51,36 +51,38 @@ import { CheckboxGroup as Ot } from "./forms/CheckboxGroup/CheckboxGroup.js";
 import { RadioGroup as kt } from "./forms/RadioGroup/RadioGroup.js";
 import { Avatar as At, AvatarShapes as jt, AvatarSizes as Mt } from "./Avatar/Avatar.js";
 import { Testimonial as Nt, TestimonialQuoteMarkColors as Pt, TestimonialVariants as Ft, defaultQuoteMarkColor as It, defaultTestimonialVariant as Lt } from "./Testimonial/Testimonial.js";
-import { ComparisonTable as Rt, _ComparisonTable as zt } from "./ComparisonTable/ComparisonTable.js";
-import { FeatureComparisonTable as Bt } from "./FeatureComparisonTable/FeatureComparisonTable.js";
-import { AnchorNav as Vt } from "./AnchorNav/AnchorNav.js";
-import { CTABanner as Ht, CTABannerBackgroundColors as Ut } from "./CTABanner/CTABanner.js";
-import { UnorderedList as Wt } from "./list/UnorderedList/UnorderedList.js";
-import { OrderedList as Gt } from "./list/OrderedList/OrderedList.js";
-import { CTAForm as Kt } from "./CTAForm/CTAForm.js";
-import { MinimalFooter as qt } from "./MinimalFooter/MinimalFooter.js";
-import { Pillar as Jt, defaultPillarIconColor as Yt, defaultPillarIconSize as Xt } from "./Pillar/Pillar.js";
-import { Card as Zt, CardBackgroundColors as Qt, CardCTAVariants as $t, CardIconColors as en, CardImagePaddingOptions as tn, CardLabelVariants as nn, CardTokenPositions as rn, CardVariants as an, defaultCardCTAVariant as on, defaultCardIconColor as sn, defaultCardLabelVariant as cn } from "./Card/Card.js";
-import { SectionIntro as ln } from "./SectionIntro/SectionIntro.js";
-import { Prose as un } from "./Prose/Prose.js";
-import { useVideo as dn } from "./VideoPlayer/hooks/useVideo.js";
-import { VideoPlayer as fn } from "./VideoPlayer/VideoPlayer.js";
-import { MinimalVideoPlayer as pn, _MinimalVideoPlayer as mn } from "./MinimalVideoPlayer/MinimalVideoPlayer.js";
-import { LogoSuite as hn } from "./LogoSuite/LogoSuite.js";
-import { Timeline as gn } from "./Timeline/Timeline.js";
-import { Bento as _n } from "./Bento/Bento.js";
-import { EyebrowBanner as vn, EyebrowBannerIconColors as yn, EyebrowBannerLabelColors as bn, defaultEyebrowBannerIconColor as xn } from "./EyebrowBanner/EyebrowBanner.js";
-import { PricingOptions as Sn } from "./PricingOptions/PricingOptions.js";
-import { SubNav as Cn, SubNavSubMenuVariants as wn, useSubNavContext as Tn } from "./SubNav/SubNav.js";
-import { NavList as En } from "./NavList/NavList.js";
-import { IDE as Dn, IDEDefaultIconMap as On, IDEFileExtensions as kn } from "./IDE/IDE.js";
-import { BreadcrumbVariants as An, Breadcrumbs as jn } from "./Breadcrumbs/Breadcrumbs.js";
-import { Section as Mn, SectionBackgroundColors as Nn, SectionPaddingVariants as Pn, SectionVariants as Fn } from "./Section/Section.js";
-import { Statistic as In, StatisticSizes as Ln, StatisticSpacingValues as Rn } from "./Statistic/Statistic.js";
-import { BreakoutBanner as zn, BreakoutBannerBackgroundColors as Bn } from "./BreakoutBanner/BreakoutBanner.js";
-import { Footnotes as Vn, FootnotesItemTags as Hn, FootnotesTags as Un } from "./Footnotes/Footnotes.js";
-import { FrostedGlassVFX as Wn, FrostedGlassVFXIntensity as Gn, defaultFrostedGlassVFXIntensity as Kn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
-import { SectionIntroStacked as qn, SectionIntroStackedVariants as Jn } from "./SectionIntroStacked/SectionIntroStacked.js";
-import { Tabs as Yn } from "./Tabs/Tabs.js";
-import { Tiles as Xn } from "./Tiles/Tiles.js";
-export { ut as Accordion, dt as AccordionContent, ft as AccordionHeading, pt as AccordionRoot, mt as AccordionToggleColors, ge as ActionMenu, fe as ActionMenuButtonModes, pe as ActionMenuProvider, me as ActionMenuSizes, Vt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, At as Avatar, jt as AvatarShapes, Mt as AvatarSizes, _n as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, An as BreadcrumbVariants, jn as Breadcrumbs, zn as BreakoutBanner, Bn as BreakoutBannerBackgroundColors, Ze as BreakpointSize, K as Button, ve as ButtonGroup, ye as ButtonGroupVariants, q as ButtonSizes, J as ButtonVariants, Ht as CTABanner, Ut as CTABannerBackgroundColors, Kt as CTAForm, Zt as Card, Qt as CardBackgroundColors, $t as CardCTAVariants, en as CardIconColors, tn as CardImagePaddingOptions, nn as CardLabelVariants, rn as CardTokenPositions, an as CardVariants, _t as Checkbox, Ot as CheckboxGroup, ce as ColorModesEnum, Rt as ComparisonTable, vt as DEFAULT_TEXTAREA_COLS, yt as DEFAULT_TEXTAREA_RESIZE, bt as DEFAULT_TEXTAREA_ROWS, vn as EyebrowBanner, yn as EyebrowBannerIconColors, bn as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, ht as FAQ, gt as FAQGroup, Bt as FeatureComparisonTable, Vn as Footnotes, Hn as FootnotesItemTags, Un as FootnotesTags, Dt as FormControl, Wn as FrostedGlassVFX, Gn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, Ce as Hero, Dn as IDE, On as IDEDefaultIconMap, kn as IDEFileExtensions, Ue as Icon, re as IconButton, ie as IconButtonSizes, ae as IconButtonVariants, xe as Image, Se as ImageBorderRadiusOptions, ot as InlineCode, at as InlineLink, Ae as Label, je as LabelColors, Me as LabelSizes, Ee as Link, De as LinkArrowDirections, Oe as LinkSizes, ke as LinkVariants, hn as LogoSuite, nt as MediaPlaylist, qt as MinimalFooter, pn as MinimalVideoPlayer, En as NavList, Gt as OrderedList, tt as Pagination, Jt as Pillar, Sn as PricingOptions, un as Prose, Tt as Radio, kt as RadioGroup, Fe as River, we as RiverAccordion, Te as RiverAccordionVariants, Ve as RiverBreakout, $e as RiverBreakoutTabs, He as RiverBreakoutVariants, et as RiverStoryScroll, Ie as RiverVisualPaddingOptions, Le as RiverVisualPositionOptions, Mn as Section, Nn as SectionBackgroundColors, ln as SectionIntro, qn as SectionIntroStacked, Jn as SectionIntroStackedVariants, Pn as SectionPaddingVariants, Fn as SectionVariants, wt as Select, ne as Spinner, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, In as Statistic, Ln as StatisticSizes, Rn as StatisticSpacingValues, Cn as SubNav, wn as SubNavSubMenuVariants, it as SubdomainNavBar, Yn as Tabs, Nt as Testimonial, Pt as TestimonialQuoteMarkColors, Ft as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, St as TextInput, Ct as TextInputSizes, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, xt as Textarea, le as ThemeContext, ue as ThemeProvider, Xn as Tiles, gn as Timeline, Et as ToggleSwitch, st as Token, ct as TokenVariants, Q as Tooltip, $ as TooltipContext, ee as TooltipDelays, te as TooltipDirections, Wt as UnorderedList, fn as VideoPlayer, Y as _Button, zt as _ComparisonTable, e as _GLOBAL_STYLES, mn as _MinimalVideoPlayer, _e as actionMenuOverlaySides, U as classMap, be as defaultButtonGroupVariant, X as defaultButtonSize, Z as defaultButtonVariant, on as defaultCardCTAVariant, sn as defaultCardIconColor, cn as defaultCardLabelVariant, xn as defaultEyebrowBannerIconColor, O as defaultFontVariant, Kn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, oe as defaultIconButtonSize, se as defaultIconButtonVariant, We as defaultIconColor, Ge as defaultIconSize, Ne as defaultLabelColor, Pe as defaultLabelSize, Yt as defaultPillarIconColor, Xt as defaultPillarIconSize, It as defaultQuoteMarkColor, Re as defaultRiverAlign, ze as defaultRiverImageTextRatio, Be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, Lt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, lt as defaultTokenVariant, Ke as iconColors, qe as iconSizeMap, Je as iconSizes, Ye as namedIconSizes, Xe as numericIconSizes, F as testIds, he as useActionMenuContext, o as useAnimation, rt as useFocusTrap, Tn as useSubNavContext, de as useTheme, dn as useVideo, Qe as useWindowSize };
+import { CarouselPagination as Rt } from "./CarouselPagination/CarouselPagination.js";
+import { TestimonialGroup as zt } from "./TestimonialGroup/TestimonialGroup.js";
+import { ComparisonTable as Bt, _ComparisonTable as Vt } from "./ComparisonTable/ComparisonTable.js";
+import { FeatureComparisonTable as Ht } from "./FeatureComparisonTable/FeatureComparisonTable.js";
+import { AnchorNav as Ut } from "./AnchorNav/AnchorNav.js";
+import { CTABanner as Wt, CTABannerBackgroundColors as Gt } from "./CTABanner/CTABanner.js";
+import { UnorderedList as Kt } from "./list/UnorderedList/UnorderedList.js";
+import { OrderedList as qt } from "./list/OrderedList/OrderedList.js";
+import { CTAForm as Jt } from "./CTAForm/CTAForm.js";
+import { MinimalFooter as Yt } from "./MinimalFooter/MinimalFooter.js";
+import { Pillar as Xt, defaultPillarIconColor as Zt, defaultPillarIconSize as Qt } from "./Pillar/Pillar.js";
+import { Card as $t, CardBackgroundColors as en, CardCTAVariants as tn, CardIconColors as nn, CardImagePaddingOptions as rn, CardLabelVariants as an, CardTokenPositions as on, CardVariants as sn, defaultCardCTAVariant as cn, defaultCardIconColor as ln, defaultCardLabelVariant as un } from "./Card/Card.js";
+import { SectionIntro as dn } from "./SectionIntro/SectionIntro.js";
+import { Prose as fn } from "./Prose/Prose.js";
+import { useVideo as pn } from "./VideoPlayer/hooks/useVideo.js";
+import { VideoPlayer as mn } from "./VideoPlayer/VideoPlayer.js";
+import { MinimalVideoPlayer as hn, _MinimalVideoPlayer as gn } from "./MinimalVideoPlayer/MinimalVideoPlayer.js";
+import { LogoSuite as _n } from "./LogoSuite/LogoSuite.js";
+import { Timeline as vn } from "./Timeline/Timeline.js";
+import { Bento as yn } from "./Bento/Bento.js";
+import { EyebrowBanner as bn, EyebrowBannerIconColors as xn, EyebrowBannerLabelColors as Sn, defaultEyebrowBannerIconColor as Cn } from "./EyebrowBanner/EyebrowBanner.js";
+import { PricingOptions as wn } from "./PricingOptions/PricingOptions.js";
+import { SubNav as Tn, SubNavSubMenuVariants as En, useSubNavContext as Dn } from "./SubNav/SubNav.js";
+import { NavList as On } from "./NavList/NavList.js";
+import { IDE as kn, IDEDefaultIconMap as An, IDEFileExtensions as jn } from "./IDE/IDE.js";
+import { BreadcrumbVariants as Mn, Breadcrumbs as Nn } from "./Breadcrumbs/Breadcrumbs.js";
+import { Section as Pn, SectionBackgroundColors as Fn, SectionPaddingVariants as In, SectionVariants as Ln } from "./Section/Section.js";
+import { Statistic as Rn, StatisticSizes as zn, StatisticSpacingValues as Bn } from "./Statistic/Statistic.js";
+import { BreakoutBanner as Vn, BreakoutBannerBackgroundColors as Hn } from "./BreakoutBanner/BreakoutBanner.js";
+import { Footnotes as Un, FootnotesItemTags as Wn, FootnotesTags as Gn } from "./Footnotes/Footnotes.js";
+import { FrostedGlassVFX as Kn, FrostedGlassVFXIntensity as qn, defaultFrostedGlassVFXIntensity as Jn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
+import { SectionIntroStacked as Yn, SectionIntroStackedVariants as Xn } from "./SectionIntroStacked/SectionIntroStacked.js";
+import { Tabs as Zn } from "./Tabs/Tabs.js";
+import { Tiles as Qn } from "./Tiles/Tiles.js";
+export { ut as Accordion, dt as AccordionContent, ft as AccordionHeading, pt as AccordionRoot, mt as AccordionToggleColors, ge as ActionMenu, fe as ActionMenuButtonModes, pe as ActionMenuProvider, me as ActionMenuSizes, Ut as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, At as Avatar, jt as AvatarShapes, Mt as AvatarSizes, yn as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, Mn as BreadcrumbVariants, Nn as Breadcrumbs, Vn as BreakoutBanner, Hn as BreakoutBannerBackgroundColors, Ze as BreakpointSize, K as Button, ve as ButtonGroup, ye as ButtonGroupVariants, q as ButtonSizes, J as ButtonVariants, Wt as CTABanner, Gt as CTABannerBackgroundColors, Jt as CTAForm, $t as Card, en as CardBackgroundColors, tn as CardCTAVariants, nn as CardIconColors, rn as CardImagePaddingOptions, an as CardLabelVariants, on as CardTokenPositions, sn as CardVariants, Rt as CarouselPagination, _t as Checkbox, Ot as CheckboxGroup, ce as ColorModesEnum, Bt as ComparisonTable, vt as DEFAULT_TEXTAREA_COLS, yt as DEFAULT_TEXTAREA_RESIZE, bt as DEFAULT_TEXTAREA_ROWS, bn as EyebrowBanner, xn as EyebrowBannerIconColors, Sn as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, ht as FAQ, gt as FAQGroup, Ht as FeatureComparisonTable, Un as Footnotes, Wn as FootnotesItemTags, Gn as FootnotesTags, Dt as FormControl, Kn as FrostedGlassVFX, qn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, Ce as Hero, kn as IDE, An as IDEDefaultIconMap, jn as IDEFileExtensions, Ue as Icon, re as IconButton, ie as IconButtonSizes, ae as IconButtonVariants, xe as Image, Se as ImageBorderRadiusOptions, ot as InlineCode, at as InlineLink, Ae as Label, je as LabelColors, Me as LabelSizes, Ee as Link, De as LinkArrowDirections, Oe as LinkSizes, ke as LinkVariants, _n as LogoSuite, nt as MediaPlaylist, Yt as MinimalFooter, hn as MinimalVideoPlayer, On as NavList, qt as OrderedList, tt as Pagination, Xt as Pillar, wn as PricingOptions, fn as Prose, Tt as Radio, kt as RadioGroup, Fe as River, we as RiverAccordion, Te as RiverAccordionVariants, Ve as RiverBreakout, $e as RiverBreakoutTabs, He as RiverBreakoutVariants, et as RiverStoryScroll, Ie as RiverVisualPaddingOptions, Le as RiverVisualPositionOptions, Pn as Section, Fn as SectionBackgroundColors, dn as SectionIntro, Yn as SectionIntroStacked, Xn as SectionIntroStackedVariants, In as SectionPaddingVariants, Ln as SectionVariants, wt as Select, ne as Spinner, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, Rn as Statistic, zn as StatisticSizes, Bn as StatisticSpacingValues, Tn as SubNav, En as SubNavSubMenuVariants, it as SubdomainNavBar, Zn as Tabs, Nt as Testimonial, zt as TestimonialGroup, Pt as TestimonialQuoteMarkColors, Ft as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, St as TextInput, Ct as TextInputSizes, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, xt as Textarea, le as ThemeContext, ue as ThemeProvider, Qn as Tiles, vn as Timeline, Et as ToggleSwitch, st as Token, ct as TokenVariants, Q as Tooltip, $ as TooltipContext, ee as TooltipDelays, te as TooltipDirections, Kt as UnorderedList, mn as VideoPlayer, Y as _Button, Vt as _ComparisonTable, e as _GLOBAL_STYLES, gn as _MinimalVideoPlayer, _e as actionMenuOverlaySides, U as classMap, be as defaultButtonGroupVariant, X as defaultButtonSize, Z as defaultButtonVariant, cn as defaultCardCTAVariant, ln as defaultCardIconColor, un as defaultCardLabelVariant, Cn as defaultEyebrowBannerIconColor, O as defaultFontVariant, Jn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, oe as defaultIconButtonSize, se as defaultIconButtonVariant, We as defaultIconColor, Ge as defaultIconSize, Ne as defaultLabelColor, Pe as defaultLabelSize, Zt as defaultPillarIconColor, Qt as defaultPillarIconSize, It as defaultQuoteMarkColor, Re as defaultRiverAlign, ze as defaultRiverImageTextRatio, Be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, Lt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, lt as defaultTokenVariant, Ke as iconColors, qe as iconSizeMap, Je as iconSizes, Ye as namedIconSizes, Xe as numericIconSizes, F as testIds, he as useActionMenuContext, o as useAnimation, rt as useFocusTrap, Dn as useSubNavContext, de as useTheme, pn as useVideo, Qe as useWindowSize };

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/carousel-pagination/colors-with-modes-IFYKunDL.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light],[data-color-mode=auto]{--brand-CarouselPagination-bgColor:var(--brand-color-canvas-subtle);--brand-CarouselPagination-indicator-bgColor:var(--base-color-scale-gray-6);--brand-CarouselPagination-indicator-active-bgColor:var(--base-color-scale-gray-7);--brand-CarouselPagination-arrowButton-fgColor:var(--base-color-scale-black-0);--brand-CarouselPagination-arrowButton-borderColor:var(--base-color-scale-gray-2);--brand-CarouselPagination-arrowButton-inactive-fgColor:var(--base-color-scale-gray-3)}[data-color-mode=dark]{--brand-CarouselPagination-bgColor:var(--brand-color-canvas-subtle);--brand-CarouselPagination-indicator-bgColor:var(--base-color-scale-gray-3);--brand-CarouselPagination-indicator-active-bgColor:var(--base-color-scale-gray-2);--brand-CarouselPagination-arrowButton-fgColor:var(--brand-color-text-default);--brand-CarouselPagination-arrowButton-borderColor:var(--base-color-scale-gray-6);--brand-CarouselPagination-arrowButton-inactive-fgColor:var(--base-color-scale-gray-3)}@media (prefers-color-scheme:dark){[data-color-mode=auto]{--brand-CarouselPagination-bgColor:var(--brand-color-canvas-subtle);--brand-CarouselPagination-indicator-bgColor:var(--base-color-scale-gray-3);--brand-CarouselPagination-indicator-active-bgColor:var(--base-color-scale-gray-2);--brand-CarouselPagination-arrowButton-fgColor:var(--brand-color-text-default);--brand-CarouselPagination-arrowButton-borderColor:var(--base-color-scale-gray-6);--brand-CarouselPagination-arrowButton-inactive-fgColor:var(--base-color-scale-gray-3)}}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/{base-CAG7koNB.css → base-h_olG8bi.css}

@@ -1 +1 @@
-:root{--brand-Testimonial-quote-letterSpacing-large:var(--brand-text-letterSpacing-900);--brand-Testimonial-quote-letterSpacing-default:var(--brand-text-letterSpacing-400);--brand-Testimonial-quote-fontWeight-large:var(--brand-heading-weight-600);--brand-Testimonial-quote-fontWeight-default:var(--brand-heading-weight-1000);--brand-Testimonial-quote-fontSize-large:var(--brand-text-size-500);--brand-Testimonial-quote-fontSize-default:var(--brand-text-size-400)}
+:root{--brand-Testimonial-quote-letterSpacing-large:var(--brand-text-letterSpacing-900);--brand-Testimonial-quote-letterSpacing-default:var(--brand-text-letterSpacing-400);--brand-Testimonial-quote-fontWeight-large:var(--brand-heading-weight-600);--brand-Testimonial-quote-fontWeight-default:var(--brand-heading-weight-1000);--brand-Testimonial-quote-fontSize-large:var(--brand-text-size-500);--brand-Testimonial-quote-fontSize-default:var(--brand-text-size-400);--brand-Testimonial-minimal-quote-lineHeight:1.35;--brand-Testimonial-minimal-quote-fontSize-large:2rem}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-BEiXR7-X.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light],[data-color-mode=auto]{--brand-Testimonial-quoteMarkBackground-default:var(--base-color-scale-gray-0);--brand-Testimonial-quoteMarkBackground-blue:var(--base-color-scale-blue-0);--brand-Testimonial-quoteMarkBackground-coral:var(--base-color-scale-coral-0);--brand-Testimonial-quoteMarkBackground-green:var(--base-color-scale-green-0);--brand-Testimonial-quoteMarkBackground-gray:var(--base-color-scale-gray-0);--brand-Testimonial-quoteMarkBackground-indigo:var(--base-color-scale-indigo-0);--brand-Testimonial-quoteMarkBackground-lemon:var(--base-color-scale-lemon-0);--brand-Testimonial-quoteMarkBackground-lime:var(--base-color-scale-lime-0);--brand-Testimonial-quoteMarkBackground-orange:var(--base-color-scale-orange-0);--brand-Testimonial-quoteMarkBackground-pink:var(--base-color-scale-pink-0);--brand-Testimonial-quoteMarkBackground-purple:var(--base-color-scale-purple-0);--brand-Testimonial-quoteMarkBackground-red:var(--base-color-scale-red-0);--brand-Testimonial-quoteMarkBackground-teal:var(--base-color-scale-teal-0);--brand-Testimonial-quoteMarkBackground-yellow:var(--base-color-scale-yellow-0);--brand-Testimonial-borderMask-default:linear-gradient(180deg, #0009, #0000004d);--brand-Testimonial-borderMask-subtle:linear-gradient(180deg, #0009, #0000004d);--brand-Testimonial-quoteMarkColor-default:var(--brand-color-text-default);--brand-Testimonial-quoteMarkColor-blue:var(--base-color-scale-blue-5);--brand-Testimonial-quoteMarkColor-coral:var(--base-color-scale-coral-5);--brand-Testimonial-quoteMarkColor-green:var(--base-color-scale-green-6);--brand-Testimonial-quoteMarkColor-gray:var(--base-color-scale-gray-5);--brand-Testimonial-quoteMarkColor-indigo:var(--base-color-scale-indigo-5);--brand-Testimonial-quoteMarkColor-lemon:var(--base-color-scale-lemon-5);--brand-Testimonial-quoteMarkColor-lime:var(--base-color-scale-lime-5);--brand-Testimonial-quoteMarkColor-orange:var(--base-color-scale-orange-5);--brand-Testimonial-quoteMarkColor-pink:var(--base-color-scale-pink-5);--brand-Testimonial-quoteMarkColor-purple:var(--base-color-scale-purple-5);--brand-Testimonial-quoteMarkColor-red:var(--base-color-scale-red-5);--brand-Testimonial-quoteMarkColor-teal:var(--base-color-scale-teal-5);--brand-Testimonial-quoteMarkColor-yellow:var(--base-color-scale-yellow-5);--brand-Testimonial-quote-color-default:var(--brand-color-text-default);--brand-Testimonial-quote-color-emphasis:var(--base-color-scale-green-7)}[data-color-mode=dark]{--brand-Testimonial-quoteMarkBackground-default:var(--base-color-scale-gray-6);--brand-Testimonial-quoteMarkBackground-blue:var(--base-color-scale-blue-8);--brand-Testimonial-quoteMarkBackground-coral:var(--base-color-scale-coral-8);--brand-Testimonial-quoteMarkBackground-green:var(--base-color-scale-green-8);--brand-Testimonial-quoteMarkBackground-gray:var(--base-color-scale-gray-6);--brand-Testimonial-quoteMarkBackground-indigo:var(--base-color-scale-indigo-8);--brand-Testimonial-quoteMarkBackground-lemon:var(--base-color-scale-lemon-8);--brand-Testimonial-quoteMarkBackground-lime:var(--base-color-scale-lime-8);--brand-Testimonial-quoteMarkBackground-orange:var(--base-color-scale-orange-8);--brand-Testimonial-quoteMarkBackground-pink:var(--base-color-scale-pink-8);--brand-Testimonial-quoteMarkBackground-purple:var(--base-color-scale-purple-8);--brand-Testimonial-quoteMarkBackground-red:var(--base-color-scale-red-8);--brand-Testimonial-quoteMarkBackground-teal:var(--base-color-scale-teal-8);--brand-Testimonial-quoteMarkBackground-yellow:var(--base-color-scale-yellow-8);--brand-Testimonial-borderMask-default:linear-gradient(180deg, #0009, #0000001a);--brand-Testimonial-borderMask-subtle:linear-gradient(180deg, #0009, #0000001a);--brand-Testimonial-quoteMarkColor-default:var(--brand-color-text-default);--brand-Testimonial-quoteMarkColor-blue:var(--base-color-scale-blue-2);--brand-Testimonial-quoteMarkColor-coral:var(--base-color-scale-coral-2);--brand-Testimonial-quoteMarkColor-green:var(--base-color-scale-green-2);--brand-Testimonial-quoteMarkColor-gray:var(--base-color-scale-gray-2);--brand-Testimonial-quoteMarkColor-indigo:var(--base-color-scale-indigo-2);--brand-Testimonial-quoteMarkColor-lemon:var(--base-color-scale-lemon-2);--brand-Testimonial-quoteMarkColor-lime:var(--base-color-scale-lime-2);--brand-Testimonial-quoteMarkColor-orange:var(--base-color-scale-orange-2);--brand-Testimonial-quoteMarkColor-pink:var(--base-color-scale-pink-2);--brand-Testimonial-quoteMarkColor-purple:var(--base-color-scale-purple-2);--brand-Testimonial-quoteMarkColor-red:var(--base-color-scale-red-2);--brand-Testimonial-quoteMarkColor-teal:var(--base-color-scale-teal-2);--brand-Testimonial-quoteMarkColor-yellow:var(--base-color-scale-yellow-2);--brand-Testimonial-quote-color-default:var(--brand-color-text-default);--brand-Testimonial-quote-color-emphasis:var(--brand-color-text-emphasized)}@media (prefers-color-scheme:dark){[data-color-mode=auto]{--brand-Testimonial-quoteMarkBackground-default:var(--base-color-scale-gray-6);--brand-Testimonial-quoteMarkBackground-blue:var(--base-color-scale-blue-8);--brand-Testimonial-quoteMarkBackground-coral:var(--base-color-scale-coral-8);--brand-Testimonial-quoteMarkBackground-green:var(--base-color-scale-green-8);--brand-Testimonial-quoteMarkBackground-gray:var(--base-color-scale-gray-6);--brand-Testimonial-quoteMarkBackground-indigo:var(--base-color-scale-indigo-8);--brand-Testimonial-quoteMarkBackground-lemon:var(--base-color-scale-lemon-8);--brand-Testimonial-quoteMarkBackground-lime:var(--base-color-scale-lime-8);--brand-Testimonial-quoteMarkBackground-orange:var(--base-color-scale-orange-8);--brand-Testimonial-quoteMarkBackground-pink:var(--base-color-scale-pink-8);--brand-Testimonial-quoteMarkBackground-purple:var(--base-color-scale-purple-8);--brand-Testimonial-quoteMarkBackground-red:var(--base-color-scale-red-8);--brand-Testimonial-quoteMarkBackground-teal:var(--base-color-scale-teal-8);--brand-Testimonial-quoteMarkBackground-yellow:var(--base-color-scale-yellow-8);--brand-Testimonial-borderMask-default:linear-gradient(180deg, #0009, #0000001a);--brand-Testimonial-borderMask-subtle:linear-gradient(180deg, #0009, #0000001a);--brand-Testimonial-quoteMarkColor-default:var(--brand-color-text-default);--brand-Testimonial-quoteMarkColor-blue:var(--base-color-scale-blue-2);--brand-Testimonial-quoteMarkColor-coral:var(--base-color-scale-coral-2);--brand-Testimonial-quoteMarkColor-green:var(--base-color-scale-green-2);--brand-Testimonial-quoteMarkColor-gray:var(--base-color-scale-gray-2);--brand-Testimonial-quoteMarkColor-indigo:var(--base-color-scale-indigo-2);--brand-Testimonial-quoteMarkColor-lemon:var(--base-color-scale-lemon-2);--brand-Testimonial-quoteMarkColor-lime:var(--base-color-scale-lime-2);--brand-Testimonial-quoteMarkColor-orange:var(--base-color-scale-orange-2);--brand-Testimonial-quoteMarkColor-pink:var(--base-color-scale-pink-2);--brand-Testimonial-quoteMarkColor-purple:var(--base-color-scale-purple-2);--brand-Testimonial-quoteMarkColor-red:var(--base-color-scale-red-2);--brand-Testimonial-quoteMarkColor-teal:var(--base-color-scale-teal-2);--brand-Testimonial-quoteMarkColor-yellow:var(--base-color-scale-yellow-2);--brand-Testimonial-quote-color-default:var(--brand-color-text-default);--brand-Testimonial-quote-color-emphasis:var(--brand-color-text-emphasized)}}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial-group/base-Cq-doRpg.css

@@ -0,0 +1 @@
+:root{--brand-TestimonialGroup-fadeOutDuration:.25s;--brand-TestimonialGroup-fadeInDuration:.475s}

package/lib/CarouselPagination/CarouselPagination.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/carousel-pagination/colors-with-modes.css';
+export type CarouselPaginationItemAttributes = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled' | 'aria-disabled' | 'aria-current'> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+};
+export type CarouselPaginationLabels = {
+    previous?: string;
+    next?: string;
+    /** Complete selector label using {current} and {total}. */
+    item?: string;
+};
+export type CarouselPaginationProps = BaseProps<HTMLDivElement> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> & {
+    /** Total number of carousel items. */
+    itemCount: number;
+    /** The current active item */
+    activeIndex: number;
+    /** Requests a new activeIndex; the parent updates selection. */
+    onChange: (activeIndex: number) => void;
+    /** Enables looping navigation between the first and last items. */
+    loop?: boolean;
+    /** Accessible control labels for localization. */
+    labels?: CarouselPaginationLabels;
+    /** Builds attributes for each item selector. */
+    itemAttributesBuilder?: (index: number) => CarouselPaginationItemAttributes;
+    /** Accessible name for the controls. */
+    'aria-label': string;
+    'data-testid'?: string;
+};
+/**
+ * Use CarouselPagination to navigate a collection of items.
+ * @see https://primer.style/brand/components/CarouselPagination/
+ */
+export declare const CarouselPagination: React.ForwardRefExoticComponent<Omit<CarouselPaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    testIds: {
+        root: string;
+    };
+};

package/lib/CarouselPagination/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselPagination';

package/lib/IconButton/IconButton.d.ts

@@ -13,7 +13,7 @@ export type IconButtonSize = (typeof IconButtonSizes)[number];
 type IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {
     as?: C;
     variant?: IconButtonVariant;
-    icon: Icon;
+    icon: Icon | React.ReactElement<React.SVGProps<SVGSVGElement>>;
     'aria-label': string;
     description?: string;
     inactive?: boolean;

package/lib/Tabs/Tabs.d.ts

@@ -46,10 +46,14 @@ export type TabsProps = {
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & LabelOrLabelledBy & BaseProps<HTMLDivElement> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'aria-label' | 'aria-labelledby'>;
 export type TabsItemProps = {
@@ -111,10 +115,14 @@ export declare const Tabs: React.ForwardRefExoticComponent<(Omit<{
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & {
     'aria-label': string;
@@ -148,10 +156,14 @@ export declare const Tabs: React.ForwardRefExoticComponent<(Omit<{
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & {
     'aria-labelledby': string;

package/lib/Testimonial/Testimonial.d.ts

@@ -4,8 +4,8 @@ import type { AvatarProps } from '../';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css';
 type TestimonialSize = 'small' | 'large';
-export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
-export declare const defaultQuoteMarkColor: "default";
+export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
+export declare const defaultQuoteMarkColor = "green";
 export declare const TestimonialVariants: readonly ["subtle", "default", "minimal", "expressive"];
 type TestimonialVariant = (typeof TestimonialVariants)[number];
 export declare const defaultTestimonialVariant: TestimonialVariant;
@@ -28,6 +28,10 @@ export type TestimonialProps = {
     size?: TestimonialSize;
     /** Sets the color of the quote mark */
     quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
+    /** Class applied to the quote mark. */
+    quoteMarkClassName?: string;
+    /** Class applied to the attribution wrapper. */
+    mediaClassName?: string;
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
@@ -52,7 +56,7 @@ type LogoProps = {
  * Testimonial avatar child element
  * <Testimonial.Avatar>
  */
-declare function _Avatar({ size, ...rest }: AvatarProps): React.JSX.Element;
+declare function _Avatar({ size, className, ...rest }: AvatarProps): React.JSX.Element;
 /**
  * Use Testimonial to display a quote from a customer or user.
  * @see https://primer.style/brand/components/Testimonial