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

package/esm/animation/AnimationProvider/AnimationProvider.js

@@ -0,0 +1,125 @@
+import { useId as e } from "../../hooks/useId.js";
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/animation/base-BIr7u5g8.css';/* empty css                                                                                  */
+import t from "../Animation.module.js";
+import { createContext as n, useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/animation/AnimationProvider/AnimationProvider.tsx
+var o = [
+	"fade-in",
+	"fade-out",
+	"slide-in-up",
+	"slide-in-down",
+	"slide-in-left",
+	"slide-in-right",
+	"scale-in-up",
+	"scale-in-down",
+	"scale-in",
+	"fill-in-top",
+	"scale-in-right",
+	"scale-in-left",
+	"fill-in-right",
+	"reveal-in-up"
+], s = n({});
+function c(e) {
+	let { visibilityOptions: t } = e;
+	switch (t) {
+		case "bottom-of-screen": return {
+			rootMargin: "0px 0px -10% 0px",
+			threshold: .4
+		};
+		case "middle-of-screen": return {
+			rootMargin: "0px 0px -30% 0px",
+			threshold: .4
+		};
+		case "about-to-leave": return {
+			rootMargin: "0px 0px -100% 0px",
+			threshold: .4
+		};
+		default: return typeof t == "number" ? {
+			rootMargin: "0px",
+			threshold: t / 100
+		} : {
+			rootMargin: "0px",
+			threshold: .4
+		};
+	}
+}
+function l({ children: n, disableAnimations: o = !1, animationTrigger: l = "on-visible", visibilityOptions: u = "bottom-of-screen", runOnce: d = !1, autoStaggerChildren: f = !0, staggerDelayIncrement: p = 100 }) {
+	let m = e(), [h, g] = i({
+		disableAnimations: o,
+		animationTrigger: l,
+		visibilityOptions: u,
+		runOnce: d
+	});
+	return r(() => {
+		window.matchMedia("(prefers-reduced-motion: reduce)").matches && g({
+			disableAnimations: !0,
+			animationTrigger: l,
+			visibilityOptions: u
+		});
+	}, []), r(() => {
+		if (!o && f && m) {
+			let e = p, n = document.getElementById(m);
+			if (!n) return;
+			let r = Array.from(n.querySelectorAll(`.${t.Animation}`));
+			if (r.length === 0) return;
+			for (let t = 0; t < r.length; t++) r[t].style.transitionDelay = `${t * e}ms`;
+		}
+	}, [
+		o,
+		f,
+		p,
+		m
+	]), r(() => {
+		if (!o && l === "immediate" && m) {
+			let e = document.getElementById(m);
+			if (!e) return;
+			requestAnimationFrame(() => {
+				let n = Array.from(e.querySelectorAll(`.${t.Animation}`));
+				for (let e of n) e.classList.add(t["Animation--active"]);
+			});
+		}
+	}, [
+		o,
+		l,
+		m
+	]), r(() => {
+		if (!o && l === "on-visible") {
+			let e = new IntersectionObserver((e) => {
+				for (let n of e) n.isIntersecting && n.target.classList.contains(t.Animation) ? n.target.classList.add(t["Animation--active"]) : d || n.target.classList.remove(t["Animation--active"]);
+			}, c({
+				disableAnimations: o,
+				animationTrigger: l,
+				visibilityOptions: u
+			})), n = Array.from(document.querySelectorAll(`.${t.Animation}`));
+			for (let t of n) e.observe(t);
+			return () => {
+				e.disconnect();
+			};
+		}
+		if (!o && l === "click") {
+			let e = (e) => {
+				let n = e.target;
+				n.classList.contains(t.Animation) && n.classList.add(t["Animation--active"]);
+			};
+			return document.addEventListener("click", e), () => {
+				document.removeEventListener("click", e);
+			};
+		}
+	}, [
+		o,
+		l,
+		u,
+		d
+	]), /* @__PURE__ */ a(s.Provider, {
+		value: h,
+		children: /* @__PURE__ */ a("div", {
+			id: m,
+			children: n
+		})
+	});
+}
+//#endregion
+export { s as AnimationContext, l as AnimationProvider, o as AnimationVariants };
+
+//# sourceMappingURL=AnimationProvider.js.map

package/esm/animation/AnimationProvider/AnimationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationProvider.js","names":[],"sources":["../../../src/animation/AnimationProvider/AnimationProvider.tsx"],"sourcesContent":["import React, {createContext, PropsWithChildren, useEffect, useState} from 'react'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/animation/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from '../Animation.module.css'\nimport {useId} from '../../hooks/useId'\n\nexport const AnimationVariants = [\n  'fade-in',\n  'fade-out',\n  'slide-in-up',\n  'slide-in-down',\n  'slide-in-left',\n  'slide-in-right',\n  'scale-in-up',\n  'scale-in-down',\n  'scale-in',\n  'fill-in-top',\n  'scale-in-right',\n  'scale-in-left',\n  'fill-in-right',\n  'reveal-in-up',\n] as const\n\ntype Variant = (typeof AnimationVariants)[number]\n\ntype VariantAdvanced = {\n  variant: Variant\n  delay?: number\n  duration?: number\n  ease?: string\n}\nexport type AnimateProps = Variant | VariantAdvanced\n\ntype AnimationTrigger = 'click' | 'on-visible' | 'immediate'\ntype IntersectionVisibilityeOptions = 'bottom-of-screen' | 'middle-of-screen' | 'about-to-leave' | number\n\ntype AnimationProviderProps = {\n  /**\n   * Prevents animations from running inside the provider\n   */\n  disableAnimations?: boolean\n  /**\n   * Controls the trigger method for the animation. One of `click`, `on-visible`, or `immediate`.\n   */\n  animationTrigger?: AnimationTrigger\n  /**\n   * Controls the intersection observer options for the animation.\n   * One of `bottom-of-screen`, `middle-of-screen`, `about-to-leave`, or a number between 0 and 1.\n   */\n  visibilityOptions?: IntersectionVisibilityeOptions\n  /**\n   * Will persist the animation end-state after the animation has completed\n   */\n  runOnce?: boolean\n\n  /**\n   * Will stagger the animations of the children using an incrementing delay\n   */\n  autoStaggerChildren?: boolean\n\n  /**\n   * Stagger delay increment. Should be used alongside `autoStaggerChildren`.\n   */\n  staggerDelayIncrement?: number\n}\n\nexport const AnimationContext = createContext<AnimationProviderProps>({})\n\nfunction getIntersectionObserverOptions(animationOptions: AnimationProviderProps): IntersectionObserverInit {\n  const {visibilityOptions} = animationOptions\n\n  switch (visibilityOptions) {\n    case 'bottom-of-screen':\n      return {\n        rootMargin: '0px 0px -10% 0px',\n        threshold: 0.4,\n      }\n    case 'middle-of-screen':\n      return {\n        rootMargin: '0px 0px -30% 0px',\n        threshold: 0.4,\n      }\n    case 'about-to-leave':\n      return {\n        rootMargin: '0px 0px -100% 0px',\n        threshold: 0.4,\n      }\n    default:\n      return typeof visibilityOptions === 'number'\n        ? {\n            rootMargin: '0px',\n            threshold: visibilityOptions / 100,\n          }\n        : {\n            rootMargin: '0px',\n            threshold: 0.4,\n          }\n  }\n}\n\nexport function AnimationProvider({\n  children,\n  disableAnimations = false,\n  animationTrigger = 'on-visible',\n  visibilityOptions = 'bottom-of-screen',\n  runOnce = false,\n  autoStaggerChildren = true,\n  staggerDelayIncrement = 100,\n}: PropsWithChildren<AnimationProviderProps>) {\n  const uniqueId = useId()\n  const [animationContext, setAnimationContext] = useState<AnimationProviderProps>({\n    disableAnimations,\n    animationTrigger,\n    visibilityOptions,\n    runOnce,\n  })\n\n  useEffect(() => {\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n    if (prefersReducedMotion) {\n      setAnimationContext({\n        disableAnimations: true,\n        animationTrigger,\n        visibilityOptions,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // add useEffect to add transition-delay to children that contain the Animation class\n  useEffect(() => {\n    if (!disableAnimations && autoStaggerChildren && uniqueId) {\n      const stagger = staggerDelayIncrement\n      const animationProvider = document.getElementById(uniqueId)\n\n      if (!animationProvider) return\n\n      const items = Array.from(animationProvider.querySelectorAll<HTMLElement>(`.${styles.Animation}`))\n\n      if (items.length === 0) return\n\n      for (let i = 0; i < items.length; i++) {\n        items[i].style.transitionDelay = `${i * stagger}ms`\n      }\n    }\n  }, [disableAnimations, autoStaggerChildren, staggerDelayIncrement, uniqueId])\n\n  // Immediately run animations and bypass intersection observer\n  useEffect(() => {\n    if (!disableAnimations && animationTrigger === 'immediate' && uniqueId) {\n      const animationProvider = document.getElementById(uniqueId)\n      if (!animationProvider) return\n\n      requestAnimationFrame(() => {\n        const elements = Array.from(animationProvider.querySelectorAll(`.${styles.Animation}`))\n        for (const element of elements) {\n          element.classList.add(styles['Animation--active'])\n        }\n      })\n    }\n  }, [disableAnimations, animationTrigger, uniqueId])\n\n  useEffect(() => {\n    if (!disableAnimations && animationTrigger === 'on-visible') {\n      const observer = new IntersectionObserver(\n        entries => {\n          for (const entry of entries) {\n            if (entry.isIntersecting && entry.target.classList.contains(styles.Animation)) {\n              entry.target.classList.add(styles['Animation--active'])\n            } else {\n              if (!runOnce) {\n                entry.target.classList.remove(styles['Animation--active'])\n              }\n            }\n          }\n        },\n        getIntersectionObserverOptions({\n          disableAnimations,\n          animationTrigger,\n          visibilityOptions,\n        }),\n      )\n\n      const elements = Array.from(document.querySelectorAll(`.${styles.Animation}`))\n\n      for (const element of elements) {\n        observer.observe(element)\n      }\n\n      return () => {\n        observer.disconnect()\n      }\n    }\n\n    if (!disableAnimations && animationTrigger === 'click') {\n      const handleClick = (event: MouseEvent) => {\n        const target = event.target as HTMLElement\n        if (target.classList.contains(styles.Animation)) {\n          target.classList.add(styles['Animation--active'])\n        }\n      }\n\n      document.addEventListener('click', handleClick)\n\n      return () => {\n        document.removeEventListener('click', handleClick)\n      }\n    }\n  }, [disableAnimations, animationTrigger, visibilityOptions, runOnce])\n  return (\n    <AnimationContext.Provider value={animationContext}>\n      <div id={uniqueId}>{children}</div>\n    </AnimationContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/esm/animation/AnimationProvider/index.d.ts

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

package/esm/animation/AnimationProvider/index.d.ts.map

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

package/esm/animation/TextRevealAnimation/TextRevealAnimation.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from '../../component-helpers';
+export type TextRevealAnimationProps = BaseProps<HTMLSpanElement> & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    children: string;
+};
+export declare const TextRevealAnimation: React.ForwardRefExoticComponent<Omit<TextRevealAnimationProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=TextRevealAnimation.d.ts.map

package/esm/animation/TextRevealAnimation/TextRevealAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextRevealAnimation.d.ts","sourceRoot":"","sources":["../../../src/animation/TextRevealAnimation/TextRevealAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAGjD,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,eAAe,CAAC,GAC/D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACxD,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAEH,eAAO,MAAM,mBAAmB,+GAyE/B,CAAA"}

package/esm/animation/TextRevealAnimation/TextRevealAnimation.js

@@ -0,0 +1,36 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useTextRevealAnimationLines as t } from "./useTextRevealAnimationLines.js";
+import n from "./TextRevealAnimation.module.js";
+import { useProvidedRefOrCreate as r } from "../../hooks/useRef.js";
+import i, { useEffect as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/animation/TextRevealAnimation/TextRevealAnimation.tsx
+var c = i.forwardRef(function({ children: c, ...l }, u) {
+	let d = r(u), { lines: f } = t(c || "", d), [p, m] = i.useState(!1), [h, g] = i.useState(!1), _ = (e) => {
+		f && e === f.length - 1 && g(!0);
+	};
+	return a(() => {
+		let e = d.current, t = new IntersectionObserver((n) => {
+			for (let r of n) r.isIntersecting && (m(!0), e && t.unobserve(e));
+		}, {
+			threshold: 1,
+			rootMargin: "0px 0px -10% 0px"
+		});
+		return e && t.observe(e), () => {
+			e && t.unobserve(e);
+		};
+	}, [d]), typeof c != "string" && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") ? (console.warn("Children passed to TextRevealAnimation must be a string"), null) : /* @__PURE__ */ o("span", {
+		ref: d,
+		...l,
+		children: f?.map((t, r) => /* @__PURE__ */ s(i.Fragment, { children: [/* @__PURE__ */ o("span", {
+			className: e(n.TextRevealAnimation, p && n["TextRevealAnimation--visible"], p && (h ? n.TextRevealAnimation : n["TextRevealAnimation--animated"])),
+			style: { "--animation-delay": `${220 + r * 200}ms` },
+			onAnimationEnd: () => _(r),
+			children: t
+		}), " "] }, t))
+	});
+});
+//#endregion
+export { c as TextRevealAnimation };
+
+//# sourceMappingURL=TextRevealAnimation.js.map

package/esm/animation/TextRevealAnimation/TextRevealAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextRevealAnimation.js","names":[],"sources":["../../../src/animation/TextRevealAnimation/TextRevealAnimation.tsx"],"sourcesContent":["import React, {useEffect} from 'react'\nimport {clsx} from 'clsx'\nimport {useTextRevealAnimationLines} from './useTextRevealAnimationLines'\n\nimport styles from './TextRevealAnimation.module.css'\nimport {BaseProps} from '../../component-helpers'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\n\nexport type TextRevealAnimationProps = BaseProps<HTMLSpanElement> &\n  Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string\n  }\n\nexport const TextRevealAnimation = React.forwardRef<HTMLSpanElement, TextRevealAnimationProps>(\n  function TextRevealAnimation({children, ...rest}, forwardedRef) {\n    const spanRef = useProvidedRefOrCreate<HTMLSpanElement | null>(\n      forwardedRef as React.RefObject<HTMLSpanElement> | React.RefCallback<HTMLSpanElement> | null,\n    )\n    const {lines} = useTextRevealAnimationLines(children || '', spanRef)\n    const [animationStarted, setAnimationStarted] = React.useState(false)\n    const [hasAnimationCompleted, setHasAnimationCompleted] = React.useState(false)\n\n    const onLineAnimationEnd = (i: number) => {\n      if (lines && i === lines.length - 1) {\n        setHasAnimationCompleted(true)\n      }\n    }\n\n    useEffect(() => {\n      const el = spanRef.current\n      const observer = new IntersectionObserver(\n        entries => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              setAnimationStarted(true)\n              if (el) {\n                observer.unobserve(el)\n              }\n            }\n          }\n        },\n        {\n          threshold: 1,\n          rootMargin: '0px 0px -10% 0px',\n        },\n      )\n\n      if (el) {\n        observer.observe(el)\n      }\n\n      return () => {\n        if (el) {\n          observer.unobserve(el)\n        }\n      }\n    }, [spanRef])\n\n    if (typeof children !== 'string' && (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test')) {\n      // eslint-disable-next-line no-console\n      console.warn('Children passed to TextRevealAnimation must be a string')\n      return null\n    }\n\n    return (\n      <span ref={spanRef} {...rest}>\n        {lines?.map((line, i) => (\n          <React.Fragment key={line}>\n            <span\n              className={clsx(\n                styles.TextRevealAnimation,\n                animationStarted && styles['TextRevealAnimation--visible'],\n                animationStarted &&\n                  (hasAnimationCompleted ? styles['TextRevealAnimation'] : styles['TextRevealAnimation--animated']),\n              )}\n              style={{'--animation-delay': `${220 + i * 200}ms`} as React.CSSProperties}\n              onAnimationEnd={() => onLineAnimationEnd(i)}\n            >\n              {line}\n            </span>{' '}\n            {/* The trailing space above is intentional. It prevents adjacent words at the start/end of lines from being rendered as a single word */}\n          </React.Fragment>\n        ))}\n      </span>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAaA,IAAa,IAAsB,EAAM,WACvC,SAA6B,EAAC,aAAU,GAAG,KAAO,GAAc;CAC9D,IAAM,IAAU,EACd,EACD,EACK,EAAC,aAAS,EAA4B,KAAY,IAAI,EAAQ,EAC9D,CAAC,GAAkB,KAAuB,EAAM,SAAS,GAAM,EAC/D,CAAC,GAAuB,KAA4B,EAAM,SAAS,GAAM,EAEzE,KAAsB,MAAc;AACxC,EAAI,KAAS,MAAM,EAAM,SAAS,KAChC,EAAyB,GAAK;;AAwClC,QApCA,QAAgB;EACd,IAAM,IAAK,EAAQ,SACb,IAAW,IAAI,sBACnB,MAAW;AACT,QAAK,IAAM,KAAS,EAClB,CAAI,EAAM,mBACR,EAAoB,GAAK,EACrB,KACF,EAAS,UAAU,EAAG;KAK9B;GACE,WAAW;GACX,YAAY;GACb,CACF;AAMD,SAJI,KACF,EAAS,QAAQ,EAAG,QAGT;AACX,GAAI,KACF,EAAS,UAAU,EAAG;;IAGzB,CAAC,EAAQ,CAAC,EAET,OAAO,KAAa,aAAA,QAAA,IAAA,aAAsC,iBAAA,QAAA,IAAA,aAA0C,WAEtG,QAAQ,KAAK,0DAA0D,EAChE,QAIP,kBAAC,QAAD;EAAM,KAAK;EAAS,GAAI;YACrB,GAAO,KAAK,GAAM,MACjB,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,qBACP,KAAoB,EAAO,iCAC3B,MACG,IAAwB,EAAO,sBAAyB,EAAO,kCACnE;GACD,OAAO,EAAC,qBAAqB,GAAG,MAAM,IAAI,IAAI,KAAI;GAClD,sBAAsB,EAAmB,EAAE;aAE1C;GACI,CAAA,EAAC,IAEO,EAAA,EAdI,EAcJ,CACjB;EACG,CAAA;EAGZ"}

package/esm/animation/TextRevealAnimation/TextRevealAnimation.module-BzK16DXS.css

@@ -0,0 +1 @@
+@keyframes Primer_Brand__TextRevealAnimation-module__wipe___IwKBR{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey{opacity:0;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--visible___VS7mJ{opacity:1}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl{width:100%;min-height:1lh;position:relative}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl:after{content:"";background-color:var(--brand-color-accent-primary);transform-origin:100%;width:100%;height:100%;animation:Primer_Brand__TextRevealAnimation-module__wipe___IwKBR var(--brand-animation-duration-extended) forwards var(--brand-animation-easing-default);animation-delay:var(--animation-delay);display:inline;position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl:after{display:none}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey:before,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey:after,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/animation/TextRevealAnimation/TextRevealAnimation.module.js

@@ -0,0 +1,10 @@
+import './TextRevealAnimation.module-BzK16DXS.css';var e = {
+	TextRevealAnimation: "Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey",
+	"TextRevealAnimation--visible": "Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--visible___VS7mJ",
+	"TextRevealAnimation--animated": "Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl",
+	wipe: "Primer_Brand__TextRevealAnimation-module__wipe___IwKBR"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=TextRevealAnimation.module.js.map

package/esm/animation/TextRevealAnimation/TextRevealAnimation.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextRevealAnimation.module.js","names":[],"sources":["../../../src/animation/TextRevealAnimation/TextRevealAnimation.module.css"],"sourcesContent":["@keyframes wipe {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n\n.TextRevealAnimation {\n  opacity: 0;\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.TextRevealAnimation--visible {\n  opacity: 1;\n}\n\n.TextRevealAnimation,\n.TextRevealAnimation--animated {\n  width: 100%;\n  min-height: 1lh;\n  position: relative;\n}\n\n.TextRevealAnimation--animated::after {\n  content: '';\n  display: inline;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--brand-color-accent-primary);\n  transform-origin: right;\n  animation: wipe var(--brand-animation-duration-extended) forwards var(--brand-animation-easing-default);\n  animation-delay: var(--animation-delay);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .TextRevealAnimation--animated::after {\n    display: none;\n  }\n  .TextRevealAnimation,\n  .TextRevealAnimation::before,\n  .TextRevealAnimation::after,\n  .TextRevealAnimation * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/animation/TextRevealAnimation/index.d.ts

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

package/esm/animation/TextRevealAnimation/index.d.ts.map

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

package/esm/animation/TextRevealAnimation/useTextRevealAnimationLines.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare const useTextRevealAnimationLines: (text?: string, providedRef?: RefObject<HTMLElement | null>) => {
+    ref: RefObject<HTMLElement | null>;
+    lines: string[] | undefined;
+};
+//# sourceMappingURL=useTextRevealAnimationLines.d.ts.map

package/esm/animation/TextRevealAnimation/useTextRevealAnimationLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextRevealAnimationLines.d.ts","sourceRoot":"","sources":["../../../src/animation/TextRevealAnimation/useTextRevealAnimationLines.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,SAAS,EAAC,MAAM,OAAO,CAAA;AAE5D,eAAO,MAAM,2BAA2B,GAAI,OAAO,MAAM,EAAE,cAAc,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;;;CAsDrG,CAAA"}

package/esm/animation/TextRevealAnimation/useTextRevealAnimationLines.js

@@ -0,0 +1,31 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/animation/TextRevealAnimation/useTextRevealAnimationLines.ts
+var r = (r, i) => {
+	let a = t(null), o = i ?? a, [s, c] = n();
+	return e(() => {
+		!o.current || !r || (() => {
+			let e = o.current;
+			if (!e || !r) return;
+			let t = window.getComputedStyle(e).color;
+			e.style.color = "transparent", e.textContent = "";
+			let n = r.split(" "), i = [], a = 0, s = [];
+			for (let t of n) {
+				e.textContent += `${t} `;
+				let n = e.offsetHeight;
+				if (s.length === 0) {
+					a = n, s.push([t]);
+					continue;
+				}
+				n > a ? (i.push(s.length), s.push([t])) : s.at(-1)?.push(t), a = n;
+			}
+			e.style.color = t, e.textContent = "", c(s.map((e) => e.join(" ")));
+		})();
+	}, [r, o]), {
+		ref: o,
+		lines: s
+	};
+};
+//#endregion
+export { r as useTextRevealAnimationLines };
+
+//# sourceMappingURL=useTextRevealAnimationLines.js.map

package/esm/animation/TextRevealAnimation/useTextRevealAnimationLines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextRevealAnimationLines.js","names":[],"sources":["../../../src/animation/TextRevealAnimation/useTextRevealAnimationLines.ts"],"sourcesContent":["import {useRef, useEffect, useState, RefObject} from 'react'\n\nexport const useTextRevealAnimationLines = (text?: string, providedRef?: RefObject<HTMLElement | null>) => {\n  const internalRef = useRef<HTMLElement>(null)\n  const ref = providedRef ?? internalRef\n  const [lines, setLines] = useState<string[]>()\n\n  useEffect(() => {\n    if (!ref.current || !text) return\n\n    const wrapLines = () => {\n      const element = ref.current\n\n      if (!element || !text) return\n\n      const originalColor = window.getComputedStyle(element).color\n\n      element.style.color = 'transparent'\n      element.textContent = ''\n\n      const words = text.split(' ')\n\n      const lineBreakPositions: number[] = []\n      let prevHeight = 0\n      const linesArr: string[][] = []\n\n      for (const word of words) {\n        element.textContent += `${word} `\n        const height = element.offsetHeight\n\n        if (linesArr.length === 0) {\n          prevHeight = height\n          linesArr.push([word])\n          continue\n        }\n\n        if (height > prevHeight) {\n          lineBreakPositions.push(linesArr.length)\n          linesArr.push([word])\n        } else {\n          linesArr.at(-1)?.push(word)\n        }\n\n        prevHeight = height\n      }\n\n      element.style.color = originalColor\n      element.textContent = ''\n\n      setLines(linesArr.map(line => line.join(' ')))\n    }\n\n    wrapLines()\n  }, [text, ref])\n\n  return {ref, lines}\n}\n"],"mappings":";;AAEA,IAAa,KAA+B,GAAe,MAAgD;CACzG,IAAM,IAAc,EAAoB,KAAK,EACvC,IAAM,KAAe,GACrB,CAAC,GAAO,KAAY,GAAoB;AAkD9C,QAhDA,QAAgB;AACV,GAAC,EAAI,WAAW,CAAC,YAEG;GACtB,IAAM,IAAU,EAAI;AAEpB,OAAI,CAAC,KAAW,CAAC,EAAM;GAEvB,IAAM,IAAgB,OAAO,iBAAiB,EAAQ,CAAC;AAGvD,GADA,EAAQ,MAAM,QAAQ,eACtB,EAAQ,cAAc;GAEtB,IAAM,IAAQ,EAAK,MAAM,IAAI,EAEvB,IAA+B,EAAE,EACnC,IAAa,GACX,IAAuB,EAAE;AAE/B,QAAK,IAAM,KAAQ,GAAO;AACxB,MAAQ,eAAe,GAAG,EAAK;IAC/B,IAAM,IAAS,EAAQ;AAEvB,QAAI,EAAS,WAAW,GAAG;AAEzB,KADA,IAAa,GACb,EAAS,KAAK,CAAC,EAAK,CAAC;AACrB;;AAUF,IAPI,IAAS,KACX,EAAmB,KAAK,EAAS,OAAO,EACxC,EAAS,KAAK,CAAC,EAAK,CAAC,IAErB,EAAS,GAAG,GAAG,EAAE,KAAK,EAAK,EAG7B,IAAa;;AAMf,GAHA,EAAQ,MAAM,QAAQ,GACtB,EAAQ,cAAc,IAEtB,EAAS,EAAS,KAAI,MAAQ,EAAK,KAAK,IAAI,CAAC,CAAC;MAGrC;IACV,CAAC,GAAM,EAAI,CAAC,EAER;EAAC;EAAK;EAAM"}

package/esm/animation/index.d.ts

@@ -0,0 +1,5 @@
+export * from './AnimationProvider';
+export * from './Animate';
+export * from './useAnimation';
+export * from './TextRevealAnimation';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA"}

package/esm/animation/useAnimation.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { AnimateProps } from './AnimationProvider';
+/**
+ * A hook that returns CSS classes and styles for animating an element.
+ * @param {AnimateProps} [animateProps] - An object containing animation properties.
+ * @returns {{classes: string; styles: CSSProperties}} - An object containing CSS classes and styles for animating an element.
+ */
+export declare const useAnimation: (animateProps?: AnimateProps) => {
+    classes: string;
+    styles: CSSProperties;
+};
+//# sourceMappingURL=useAnimation.d.ts.map

package/esm/animation/useAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.d.ts","sourceRoot":"","sources":["../../src/animation/useAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,YAAY,EAAsC,MAAM,qBAAqB,CAAA;AASrF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,eAAe,YAAY,KAAG;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,CAAA;CAgDjG,CAAA"}

package/esm/animation/useAnimation.js

@@ -0,0 +1,27 @@
+import e from "./Animation.module.js";
+import { AnimationContext as t, AnimationVariants as n } from "./AnimationProvider/AnimationProvider.js";
+import { useContext as r, useMemo as i } from "react";
+//#region src/animation/useAnimation.ts
+var a = n.reduce((t, n) => (t[n] = e[`Animation--${n}`], t), {}), o = (n) => {
+	let { disableAnimations: o } = r(t);
+	return {
+		classes: i(() => {
+			if (!n || o) return "";
+			let t = e.Animation, r = [], i = a[typeof n == "string" ? n : n.variant];
+			return i && r.push(i), `${t} ${r.join(" ")}`;
+		}, [n, o]),
+		styles: i(() => {
+			if (!n) return {};
+			let e = {};
+			if (typeof n == "object") {
+				let { delay: t, duration: r, ease: i } = n;
+				typeof t == "number" && (e.transitionDelay = `${t}ms`), typeof r == "number" && (e.transitionDuration = `${r}ms`), i && (e.transitionTimingFunction = i);
+			}
+			return e;
+		}, [n])
+	};
+};
+//#endregion
+export { o as useAnimation };
+
+//# sourceMappingURL=useAnimation.js.map

package/esm/animation/useAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.js","names":[],"sources":["../../src/animation/useAnimation.ts"],"sourcesContent":["import {CSSProperties, useContext, useMemo} from 'react'\nimport {AnimateProps, AnimationContext, AnimationVariants} from './AnimationProvider'\n\nimport styles from './Animation.module.css'\n\nconst animationTypeToClass = AnimationVariants.reduce((acc, key) => {\n  acc[key] = styles[`Animation--${key}`]\n  return acc\n}, {})\n\n/**\n * A hook that returns CSS classes and styles for animating an element.\n * @param {AnimateProps} [animateProps] - An object containing animation properties.\n * @returns {{classes: string; styles: CSSProperties}} - An object containing CSS classes and styles for animating an element.\n */\nexport const useAnimation = (animateProps?: AnimateProps): {classes: string; styles: CSSProperties} => {\n  const {disableAnimations} = useContext(AnimationContext)\n\n  const animationClasses = useMemo(() => {\n    if (!animateProps || disableAnimations) {\n      return ''\n    }\n\n    const defaultClasses = styles.Animation\n    const dynamicClasses: string[] = []\n\n    const animationType = typeof animateProps === 'string' ? animateProps : animateProps.variant\n    const animationClass = animationTypeToClass[animationType]\n    if (animationClass) {\n      dynamicClasses.push(animationClass)\n    }\n\n    return `${defaultClasses} ${dynamicClasses.join(' ')}`\n  }, [animateProps, disableAnimations])\n\n  const animationStyles = useMemo(() => {\n    if (!animateProps) {\n      return {}\n    }\n\n    const newStyles: CSSProperties = {}\n\n    if (typeof animateProps === 'object') {\n      const {delay, duration, ease} = animateProps\n      if (typeof delay === 'number') {\n        newStyles.transitionDelay = `${delay}ms`\n      }\n      if (typeof duration === 'number') {\n        newStyles.transitionDuration = `${duration}ms`\n      }\n\n      if (ease) {\n        newStyles.transitionTimingFunction = ease\n      }\n    }\n\n    return newStyles\n  }, [animateProps])\n\n  return {\n    classes: animationClasses,\n    styles: animationStyles,\n  }\n}\n"],"mappings":";;;;AAKA,IAAM,IAAuB,EAAkB,QAAQ,GAAK,OAC1D,EAAI,KAAO,EAAO,cAAc,MACzB,IACN,EAAE,CAAC,EAOO,KAAgB,MAA0E;CACrG,IAAM,EAAC,yBAAqB,EAAW,EAAiB;AA2CxD,QAAO;EACL,SA1CuB,QAAc;AACrC,OAAI,CAAC,KAAgB,EACnB,QAAO;GAGT,IAAM,IAAiB,EAAO,WACxB,IAA2B,EAAE,EAG7B,IAAiB,EADD,OAAO,KAAiB,WAAW,IAAe,EAAa;AAMrF,UAJI,KACF,EAAe,KAAK,EAAe,EAG9B,GAAG,EAAe,GAAG,EAAe,KAAK,IAAI;KACnD,CAAC,GAAc,EAAkB,CA2BzB;EACT,QA1BsB,QAAc;AACpC,OAAI,CAAC,EACH,QAAO,EAAE;GAGX,IAAM,IAA2B,EAAE;AAEnC,OAAI,OAAO,KAAiB,UAAU;IACpC,IAAM,EAAC,UAAO,aAAU,YAAQ;AAQhC,IAPI,OAAO,KAAU,aACnB,EAAU,kBAAkB,GAAG,EAAM,MAEnC,OAAO,KAAa,aACtB,EAAU,qBAAqB,GAAG,EAAS,MAGzC,MACF,EAAU,2BAA2B;;AAIzC,UAAO;KACN,CAAC,EAAa,CAIP;EACT"}

package/esm/component-helpers.d.ts

@@ -0,0 +1,36 @@
+import React, { Ref, PropsWithChildren, CSSProperties } from 'react';
+import { AnimateProps } from './animation/AnimationProvider';
+/**
+ * Layout
+ */
+export declare const Container: ({ children, style, }: {
+    children: React.ReactElement[] | React.ReactElement;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+type RedlineBackgroundProps = {
+    height?: number;
+    hasBorder?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Base Types
+ */
+/**
+ * Component helper type to be extended by component types, e.g.:
+ * type CustomComponentProps = BaseProps<HTMLDivElement> & { ... }
+ *
+ * Example use:
+ *   const CustomComponent = forwardRef<HTMLDivElement, CustomComponentProps>(({className, ...props}, ref) => { ... })
+ *   // OR:
+ *   const CustomComponent = forwardRef(({className: CustomComponentProps, ...props}, ref: Ref<HTMLDivElement>) => { ... })
+ */
+export type BaseProps<T> = {
+    className?: string;
+    id?: string;
+    ref?: Ref<T>;
+    animate?: AnimateProps;
+};
+export {};
+//# sourceMappingURL=component-helpers.d.ts.map

package/esm/component-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-helpers.d.ts","sourceRoot":"","sources":["../src/component-helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,sBAGvB;IACD,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAA;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,4CAA+E,CAAA;AAEhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAgB,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,2CAoB3C;AAED;;GAEG;AAEH;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IACZ,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA"}

package/esm/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const Colors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
+export declare const BiColorGradients: readonly ["blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
+export declare const TriColorGradients: readonly ["green-blue-purple"];
+export declare const BaseSizeScale: readonly [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128];
+//# sourceMappingURL=constants.d.ts.map

package/esm/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wIAeT,CAAA;AAEV,eAAO,MAAM,gBAAgB,iFAAkF,CAAA;AAC/G,eAAO,MAAM,iBAAiB,gCAAiC,CAAA;AAG/D,eAAO,MAAM,aAAa,+EAAgF,CAAA"}

package/esm/constants.js

@@ -0,0 +1,45 @@
+//#region src/constants.tsx
+var e = [
+	"default",
+	"blue",
+	"coral",
+	"green",
+	"gray",
+	"indigo",
+	"lemon",
+	"lime",
+	"orange",
+	"pink",
+	"purple",
+	"red",
+	"teal",
+	"yellow"
+], t = [
+	"blue-purple",
+	"green-blue",
+	"pink-blue",
+	"purple-red",
+	"red-orange"
+], n = ["green-blue-purple"], r = [
+	4,
+	8,
+	12,
+	16,
+	20,
+	24,
+	28,
+	32,
+	36,
+	40,
+	44,
+	48,
+	64,
+	80,
+	96,
+	112,
+	128
+];
+//#endregion
+export { r as BaseSizeScale, t as BiColorGradients, e as Colors, n as TriColorGradients };
+
+//# sourceMappingURL=constants.js.map

package/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.tsx"],"sourcesContent":["export const Colors = [\n  'default',\n  'blue',\n  'coral',\n  'green',\n  'gray',\n  'indigo',\n  'lemon',\n  'lime',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'teal',\n  'yellow',\n] as const\n\nexport const BiColorGradients = ['blue-purple', 'green-blue', 'pink-blue', 'purple-red', 'red-orange'] as const\nexport const TriColorGradients = ['green-blue-purple'] as const\n\n// TODO: consider generating the scale from  style dictionary and serve from the brand-primitives package\nexport const BaseSizeScale = [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128] as const\ntype BaseSizeScale = (typeof BaseSizeScale)[number]\n"],"mappings":";AAAA,IAAa,IAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAmB;CAAC;CAAe;CAAc;CAAa;CAAc;CAAa,EACzF,IAAoB,CAAC,oBAAoB,EAGzC,IAAgB;CAAC;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAK;CAAI"}

package/esm/css/reset-PKNIUbst.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}html{scroll-behavior:smooth}

package/esm/css/stylesheets.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Add external stylesheets below.
+ */
+import './reset.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css';
+import './utilities.css';
+export declare const _GLOBAL_STYLES = true;
+//# sourceMappingURL=stylesheets.d.ts.map

package/esm/css/stylesheets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheets.d.ts","sourceRoot":"","sources":["../../src/css/stylesheets.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,aAAa,CAAA;AAGpB,OAAO,+FAA+F,CAAA;AACtG,OAAO,0EAA0E,CAAA;AACjF,OAAO,sFAAsF,CAAA;AAC7F,OAAO,uGAAuG,CAAA;AAC9G,OAAO,uFAAuF,CAAA;AAC9F,OAAO,kFAAkF,CAAA;AACzF,OAAO,+FAA+F,CAAA;AAGtG,OAAO,iBAAiB,CAAA;AAGxB,eAAO,MAAM,cAAc,OAAO,CAAA"}

package/esm/css/stylesheets.js

@@ -0,0 +1,15 @@
+import './utilities-BivJncWo.css';import './reset-PKNIUbst.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-tpdcmiok.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-DBypfR6O.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
+/* empty css                                                                                         */
+/* empty css                                                                    */
+/* empty css                                                                                */
+/* empty css                                                                                                 */
+/* empty css                                                                                 */
+/* empty css                                                                            */
+/* empty css                                                                                         */
+/* empty css          */
+//#region src/css/stylesheets.ts
+var e = !0;
+//#endregion
+export { e as _GLOBAL_STYLES };
+
+//# sourceMappingURL=stylesheets.js.map

package/esm/css/stylesheets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheets.js","names":[],"sources":["../../src/css/stylesheets.ts"],"sourcesContent":["/**\n * Add external stylesheets below.\n */\n\n// Reset\nimport './reset.css'\n\n// Primitives\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css'\n\n// Misc\nimport './utilities.css'\n\n// Noop export to make sure this file isn't dropped when tree-shaken\nexport const _GLOBAL_STYLES = true\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAiB"}

package/esm/css/utilities-BivJncWo.css

@@ -0,0 +1 @@
+.visually-hidden{clip:rect(0, 0, 0, 0);word-wrap:normal;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}

package/esm/findElementInChildren.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const findElementInChildren: (children: React.ReactNode, element: React.ElementType) => boolean;
+export default findElementInChildren;
+//# sourceMappingURL=findElementInChildren.d.ts.map

package/esm/findElementInChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findElementInChildren.d.ts","sourceRoot":"","sources":["../src/findElementInChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,qBAAqB,GAAI,UAAU,KAAK,CAAC,SAAS,EAAE,SAAS,KAAK,CAAC,WAAW,KAAG,OAsBtF,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/esm/findElementInChildren.js

@@ -0,0 +1,13 @@
+import e from "react";
+//#region src/findElementInChildren.ts
+var t = (n, r) => {
+	if (!n) return !1;
+	if (Array.isArray(n)) {
+		for (let e of n) if (t(e, r)) return !0;
+	} else if (e.isValidElement(n) && (n.type === r || n.props.children && t(n.props.children, r))) return !0;
+	return !1;
+};
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=findElementInChildren.js.map

package/esm/findElementInChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findElementInChildren.js","names":[],"sources":["../src/findElementInChildren.ts"],"sourcesContent":["import React from 'react'\n\nconst findElementInChildren = (children: React.ReactNode, element: React.ElementType): boolean => {\n  if (!children) {\n    return false\n  }\n\n  if (Array.isArray(children)) {\n    for (const child of children) {\n      if (findElementInChildren(child, element)) {\n        return true\n      }\n    }\n  } else if (React.isValidElement<{children?: React.ReactNode}>(children)) {\n    if (children.type === element) {\n      return true\n    }\n\n    if (children.props.children && findElementInChildren(children.props.children, element)) {\n      return true\n    }\n  }\n\n  return false\n}\n\nexport default findElementInChildren\n"],"mappings":";;AAEA,IAAM,KAAyB,GAA2B,MAAwC;AAChG,KAAI,CAAC,EACH,QAAO;AAGT,KAAI,MAAM,QAAQ,EAAS;OACpB,IAAM,KAAS,EAClB,KAAI,EAAsB,GAAO,EAAQ,CACvC,QAAO;YAGF,EAAM,eAA6C,EAAS,KACjE,EAAS,SAAS,KAIlB,EAAS,MAAM,YAAY,EAAsB,EAAS,MAAM,UAAU,EAAQ,EACpF,QAAO;AAIX,QAAO"}

package/esm/fixtures/third-party-logos/AzureLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type AzureLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const AzureLogo: (props: AzureLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AzureLogo.d.ts.map

package/esm/fixtures/third-party-logos/AzureLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AzureLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/AzureLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEnD,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CA0D9C,CAAA"}

package/esm/fixtures/third-party-logos/JetBrainsLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type JetBrainsLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const JetBrainsLogo: (props: JetBrainsLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JetBrainsLogo.d.ts.map

package/esm/fixtures/third-party-logos/JetBrainsLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JetBrainsLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/JetBrainsLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,KAAK,kBAAkB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEvD,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CA2BtD,CAAA"}

package/esm/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type MicrosoftCopilotLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const MicrosoftCopilotLogo: (props: MicrosoftCopilotLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MicrosoftCopilotLogo.d.ts.map

package/esm/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftCopilotLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/MicrosoftCopilotLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,yBAAyB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE9D,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CA8FpE,CAAA"}

package/esm/fixtures/third-party-logos/MicrosoftLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type MicrosoftLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const MicrosoftLogo: (props: MicrosoftLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MicrosoftLogo.d.ts.map

package/esm/fixtures/third-party-logos/MicrosoftLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/MicrosoftLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,kBAAkB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEvD,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CActD,CAAA"}

package/esm/fixtures/third-party-logos/NeoVimLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type NeoVimLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const NeoVimLogo: (props: NeoVimLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NeoVimLogo.d.ts.map

package/esm/fixtures/third-party-logos/NeoVimLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeoVimLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/NeoVimLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,KAAK,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEpD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmDhD,CAAA"}

package/esm/fixtures/third-party-logos/VisualStudioCodeLogo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type VisualStudioCodeLogoProps = React.SVGProps<SVGSVGElement>;
+export declare const VisualStudioCodeLogo: (props: VisualStudioCodeLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VisualStudioCodeLogo.d.ts.map

package/esm/fixtures/third-party-logos/VisualStudioCodeLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualStudioCodeLogo.d.ts","sourceRoot":"","sources":["../../../src/fixtures/third-party-logos/VisualStudioCodeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,KAAK,yBAAyB,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE9D,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CA2FpE,CAAA"}